├── .gitignore ├── .vscode ├── launch.json └── settings.json ├── README.md ├── frontend └── Html5.txt ├── git_codes.txt ├── homework └── _odev_1.txt ├── img ├── 7.png ├── header.jpg └── parallax.jpg ├── index.html ├── js ├── .idea │ ├── .gitignore │ ├── jpa-buddy.xml │ ├── js.iml │ ├── misc.xml │ ├── modules.xml │ └── vcs.xml ├── jquery-3.7.0.min.js └── tutorials.js ├── style.css ├── template.js ├── tutorials.html └── util └── Persist.txt /.gitignore: -------------------------------------------------------------------------------- 1 | secret.txt -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | // Use IntelliSense to learn about possible attributes. 3 | // Hover to view descriptions of existing attributes. 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 5 | "version": "0.2.0", 6 | "configurations": [ 7 | { 8 | "type": "chrome", 9 | "request": "launch", 10 | "name": "Launch Chrome against localhost", 11 | "url": "http://127.0.0.1:5531/tutorials.html", 12 | "webRoot": "${workspaceFolder}" 13 | } 14 | ] 15 | } -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5531 3 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # İBB Ecodation Frontend 2 | --------- 3 | ## Author: HAmit MIZRAK 4 | 5 | --------- 6 | ## Frontend 7 | ```sh 8 | HTML5 9 | CSS3 10 | JS 11 | BOOTSTRAP 12 | JQUERY 13 | REACT JS 14 | Angular 15 | ``` 16 | -------------------------------------------------------------------------------- /frontend/Html5.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamitmizrak/ibb_ecodation_frontend/64dddc15a70b4b00804f39973e9ab3066d7c3419/frontend/Html5.txt -------------------------------------------------------------------------------- /git_codes.txt: -------------------------------------------------------------------------------- 1 | git init 2 | git add . 3 | git commit -m "first commit" 4 | git branch -M main 5 | git remote add origin44 URL 6 | git push -u origin44 main 7 | 8 | git add . 9 | git commit -m "second commit" 10 | git push 11 | 12 | git reset HEAD~1 13 | git add . 14 | git commit -m "conflict sonrası" 15 | git push --force 16 | 17 | git status 18 | git log 19 | git checkout commitID 20 | git clone URL 21 | git pull 22 | 23 | git stash 24 | git stash save "benim_stash" 25 | git stash list 26 | git stash pop 27 | git stash drop stash@{0} 28 | 29 | 30 | git branch -M main 31 | git branch -v 32 | NOT: branch öncesinde git add , commit, push yapalım 33 | git branch backend 34 | git checkout backend 35 | git checkout main 36 | git branch -a 37 | git branch -D backend 38 | 39 | git merge frontend 40 | git merge --no-ff frontend 41 | 42 | -------------------------------------------------------------------------------- /homework/_odev_1.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamitmizrak/ibb_ecodation_frontend/64dddc15a70b4b00804f39973e9ab3066d7c3419/homework/_odev_1.txt -------------------------------------------------------------------------------- /img/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamitmizrak/ibb_ecodation_frontend/64dddc15a70b4b00804f39973e9ab3066d7c3419/img/7.png -------------------------------------------------------------------------------- /img/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamitmizrak/ibb_ecodation_frontend/64dddc15a70b4b00804f39973e9ab3066d7c3419/img/header.jpg -------------------------------------------------------------------------------- /img/parallax.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hamitmizrak/ibb_ecodation_frontend/64dddc15a70b4b00804f39973e9ab3066d7c3419/img/parallax.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | One Page 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 24 | 25 | 26 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 88 | 89 | 90 | 91 | 92 | 132 | 133 | 134 | 135 |
136 |
137 |
138 |
Frontend Eğitimimize Hoşgeldiniz
139 |

Html5 Css3 JS React

140 | Linkedin 141 | Blog 142 | Youtube 143 |
144 |
145 |
146 | 147 | 148 | 149 |
150 | 151 | 152 |
153 |
154 |

Çalışmalarımız

155 |
156 |
157 |
158 |
159 | 160 |

Html5

161 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Amet sed in dolore, voluptas voluptatum recusandae.

162 | 163 |
164 | 165 |
166 | 167 |

Css3

168 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Amet sed in dolore, voluptas voluptatum recusandae.

169 | 170 |
171 | 172 |
173 | 174 |

JavaScript

175 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Amet sed in dolore, voluptas voluptatum recusandae.

176 | 177 |
178 | 179 |
180 | 181 |

React JS

182 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Amet sed in dolore, voluptas voluptatum recusandae.

183 | 184 |
185 |
186 |
187 |
188 | 189 | 190 | 191 | 192 |
193 |
194 |
195 |

Hakkımızda

196 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsum dolor accusantium ut et deserunt. Accusantium eius, dicta voluptates recusandae in possimus repellendus nesciunt, illum reiciendis nam veniam quam molestias tenetur. 197 | Molestias ab excepturi ex accusamus consectetur, consequuntur expedita! Aperiam sint corrupti dolorum aspernatur quidem explicabo officiis quas repellendus. Iste illo facilis error similique harum dolor cumque laudantium sapiente libero tempora. 198 | Perferendis ea eveniet impedit deserunt molestias asperiores rerum facilis itaque nemo, corporis veritatis adipisci, voluptas nulla temporibus unde provident esse similique eius. Omnis, deserunt! Aliquid impedit similique natus accusamus ipsam. 199 | A corrupti cupiditate fugiat voluptates, minima officiis mollitia culpa velit sit ea eos consequatur architecto perspiciatis officia quos esse. Totam sunt eaque ab delectus inventore cum quod blanditiis quidem ipsam! 200 | Tempora quisquam iste cupiditate eaque vel? Architecto quia enim, repellat nam ea tempora odio distinctio repellendus laudantium aut. A eveniet accusantium quasi possimus quisquam itaque culpa aperiam voluptate commodi delectus. 201 | Non maxime eius illum quia at explicabo officia ipsa hic officiis reiciendis nam id, harum, laborum voluptatem soluta? Modi assumenda quaerat vitae, reiciendis repellat inventore quod beatae architecto nam maiores? 202 | Harum nobis dolore dignissimos, officiis molestiae excepturi laudantium qui. Placeat suscipit fugit ad voluptatem eius repellendus amet reprehenderit facere eligendi itaque est tenetur minima dicta ea dolores maiores, adipisci accusantium? 203 | Dolorum rem voluptas sapiente quae nihil molestias. Quos vero ex eum harum id voluptatibus iste quisquam dolorum! Mollitia magni obcaecati, fugit corrupti aperiam quaerat delectus culpa voluptatem repellat? Animi, iure. 204 | Laborum, nesciunt itaque placeat quo a, accusamus odit modi eveniet earum ratione, facilis est sequi. Maiores asperiores aliquid quae, quaerat a, deserunt odit qui totam quo quis fugiat id provident. 205 | Placeat fugiat recusandae consequuntur, nemo iure nostrum mollitia laboriosam quas. Est consequuntur accusantium ad a adipisci. Corporis deleniti quo culpa cum quidem? Qui aliquid ab, consequatur doloremque exercitationem et repudiandae. 206 | Praesentium, quia reprehenderit, ipsam magnam esse deserunt officia quae dignissimos ex, blanditiis eos quos exercitationem iusto? Voluptate culpa magnam, ipsum molestias deserunt animi possimus! Officiis velit cupiditate possimus? Quam, cumque? 207 | Voluptates, repellat. Temporibus nostrum molestias officia adipisci, ipsum similique repellat ex veniam, nobis, quisquam quo atque consectetur iure quaerat aliquid dolor saepe sequi? Quaerat accusamus at sed perferendis! Incidunt, excepturi.

208 |
209 | 210 |
211 | 212 |
213 |
214 |
215 | 216 | 217 | 218 | 219 |
220 |
221 |
222 |

Yeni Haberler

223 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsum dolor accusantium ut et deserunt. Accusantium eius, dicta voluptates recusandae in possimus repellendus nesciunt, illum reiciendis nam veniam quam molestias tenetur. 224 | Molestias ab excepturi ex accusamus consectetur, consequuntur expedita! Aperiam sint corrupti dolorum aspernatur quidem explicabo officiis quas repellendus. Iste illo facilis error similique harum dolor cumque laudantium sapiente libero tempora. 225 | Perferendis ea eveniet impedit deserunt molestias asperiores rerum facilis itaque nemo, corporis veritatis adipisci, voluptas nulla temporibus unde provident esse similique eius. Omnis, deserunt! Aliquid impedit similique natus accusamus ipsam. 226 | A corrupti cupiditate fugiat voluptates, minima officiis mollitia culpa velit sit ea eos consequatur architecto perspiciatis officia quos esse. Totam sunt eaque ab delectus inventore cum quod blanditiis quidem ipsam! 227 | Tempora quisquam iste cupiditate eaque vel? Architecto quia enim, repellat nam ea tempora odio distinctio repellendus laudantium aut. A eveniet accusantium quasi possimus quisquam itaque culpa aperiam voluptate commodi delectus. 228 | Non maxime eius illum quia at explicabo officia ipsa hic officiis reiciendis nam id, harum, laborum voluptatem soluta? Modi assumenda quaerat vitae, reiciendis repellat inventore quod beatae architecto nam maiores? 229 | Harum nobis dolore dignissimos, officiis molestiae excepturi laudantium qui. Placeat suscipit fugit ad voluptatem eius repellendus amet reprehenderit facere eligendi itaque est tenetur minima dicta ea dolores maiores, adipisci accusantium? 230 | Dolorum rem voluptas sapiente quae nihil molestias. Quos vero ex eum harum id voluptatibus iste quisquam dolorum! Mollitia magni obcaecati, fugit corrupti aperiam quaerat delectus culpa voluptatem repellat? Animi, iure. 231 | Laborum, nesciunt itaque placeat quo a, accusamus odit modi eveniet earum ratione, facilis est sequi. Maiores asperiores aliquid quae, quaerat a, deserunt odit qui totam quo quis fugiat id provident. 232 | Placeat fugiat recusandae consequuntur, nemo iure nostrum mollitia laboriosam quas. Est consequuntur accusantium ad a adipisci. Corporis deleniti quo culpa cum quidem? Qui aliquid ab, consequatur doloremque exercitationem et repudiandae. 233 | Praesentium, quia reprehenderit, ipsam magnam esse deserunt officia quae dignissimos ex, blanditiis eos quos exercitationem iusto? Voluptate culpa magnam, ipsum molestias deserunt animi possimus! Officiis velit cupiditate possimus? Quam, cumque? 234 | Voluptates, repellat. Temporibus nostrum molestias officia adipisci, ipsum similique repellat ex veniam, nobis, quisquam quo atque consectetur iure quaerat aliquid dolor saepe sequi? Quaerat accusamus at sed perferendis! Incidunt, excepturi.

235 |
236 | 237 |
238 |
239 |
240 |
241 | 242 | 243 |
244 |
245 |
246 |

Blog

247 | 248 |
249 |
250 | Title 251 |
252 |

Blog-1

253 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit iusto nobis voluptatibus consequatur, dicta quis vel velit? Quia, qui perspiciatis cumque beatae, mollitia error neque, architecto ullam laborum autem alias! 254 | Error itaque officiis nisi unde asperiores ipsum, molestiae dolores ab aspernatur, architecto commodi nesciunt velit eligendi doloremque, consequatur ut eum! Voluptatum corporis officiis labore deleniti dolores officia nisi repellendus distinctio? 255 | Adipisci dignissimos fuga, quam deleniti alias eligendi eaque non ea nihil harum voluptate inventore cumque ratione vel ipsam quae commodi cum odio quidem recusandae doloremque? Asperiores rem pariatur nihil quas! 256 | Cum cumque at eos ut dolores tempora eius repudiandae cupiditate assumenda laboriosam. Omnis voluptates dicta, laudantium iure fugit modi, eaque perspiciatis mollitia quam voluptate unde voluptatibus totam enim, at asperiores? 257 | Quidem velit perspiciatis possimus ab consequatur sapiente veritatis sed beatae explicabo dolorem officiis quos debitis tempora obcaecati placeat quibusdam libero doloremque qui quo facilis ullam commodi corrupti, suscipit minima! Enim. 258 | Dolorem perspiciatis, numquam ut, magnam cupiditate vero iusto laudantium itaque aperiam cum adipisci. Odit, at? At excepturi sit non magnam possimus nulla modi veritatis quae dolorum, tempora repudiandae, atque fuga. 259 | Praesentium tenetur libero laborum repellat, assumenda dolore dignissimos magni accusamus necessitatibus beatae saepe repudiandae officia enim maiores dolores aliquid. At quisquam consequatur distinctio suscipit soluta fugit, reprehenderit iure provident vitae? 260 | Eveniet totam explicabo recusandae voluptatum dolorum, quaerat facere, perferendis consequuntur odio ipsa id. Minima et, quas non quos saepe illum delectus obcaecati. Beatae ut officiis ab voluptatem iure neque quod?

261 |
262 |
263 |
264 | 265 |
266 |
267 | Title 268 |
269 |

Blog-1

270 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit iusto nobis voluptatibus consequatur, dicta quis vel velit? Quia, qui perspiciatis cumque beatae, mollitia error neque, architecto ullam laborum autem alias! 271 | Error itaque officiis nisi unde asperiores ipsum, molestiae dolores ab aspernatur, architecto commodi nesciunt velit eligendi doloremque, consequatur ut eum! Voluptatum corporis officiis labore deleniti dolores officia nisi repellendus distinctio? 272 | Adipisci dignissimos fuga, quam deleniti alias eligendi eaque non ea nihil harum voluptate inventore cumque ratione vel ipsam quae commodi cum odio quidem recusandae doloremque? Asperiores rem pariatur nihil quas! 273 | Cum cumque at eos ut dolores tempora eius repudiandae cupiditate assumenda laboriosam. Omnis voluptates dicta, laudantium iure fugit modi, eaque perspiciatis mollitia quam voluptate unde voluptatibus totam enim, at asperiores? 274 | Quidem velit perspiciatis possimus ab consequatur sapiente veritatis sed beatae explicabo dolorem officiis quos debitis tempora obcaecati placeat quibusdam libero doloremque qui quo facilis ullam commodi corrupti, suscipit minima! Enim. 275 | Dolorem perspiciatis, numquam ut, magnam cupiditate vero iusto laudantium itaque aperiam cum adipisci. Odit, at? At excepturi sit non magnam possimus nulla modi veritatis quae dolorum, tempora repudiandae, atque fuga. 276 | Praesentium tenetur libero laborum repellat, assumenda dolore dignissimos magni accusamus necessitatibus beatae saepe repudiandae officia enim maiores dolores aliquid. At quisquam consequatur distinctio suscipit soluta fugit, reprehenderit iure provident vitae? 277 | Eveniet totam explicabo recusandae voluptatum dolorum, quaerat facere, perferendis consequuntur odio ipsa id. Minima et, quas non quos saepe illum delectus obcaecati. Beatae ut officiis ab voluptatem iure neque quod?

278 |
279 |
280 |
281 | 282 |
283 |
284 | Title 285 |
286 |

Blog-1

287 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit iusto nobis voluptatibus consequatur, dicta quis vel velit? Quia, qui perspiciatis cumque beatae, mollitia error neque, architecto ullam laborum autem alias! 288 | Error itaque officiis nisi unde asperiores ipsum, molestiae dolores ab aspernatur, architecto commodi nesciunt velit eligendi doloremque, consequatur ut eum! Voluptatum corporis officiis labore deleniti dolores officia nisi repellendus distinctio? 289 | Adipisci dignissimos fuga, quam deleniti alias eligendi eaque non ea nihil harum voluptate inventore cumque ratione vel ipsam quae commodi cum odio quidem recusandae doloremque? Asperiores rem pariatur nihil quas! 290 | Cum cumque at eos ut dolores tempora eius repudiandae cupiditate assumenda laboriosam. Omnis voluptates dicta, laudantium iure fugit modi, eaque perspiciatis mollitia quam voluptate unde voluptatibus totam enim, at asperiores? 291 | Quidem velit perspiciatis possimus ab consequatur sapiente veritatis sed beatae explicabo dolorem officiis quos debitis tempora obcaecati placeat quibusdam libero doloremque qui quo facilis ullam commodi corrupti, suscipit minima! Enim. 292 | Dolorem perspiciatis, numquam ut, magnam cupiditate vero iusto laudantium itaque aperiam cum adipisci. Odit, at? At excepturi sit non magnam possimus nulla modi veritatis quae dolorum, tempora repudiandae, atque fuga. 293 | Praesentium tenetur libero laborum repellat, assumenda dolore dignissimos magni accusamus necessitatibus beatae saepe repudiandae officia enim maiores dolores aliquid. At quisquam consequatur distinctio suscipit soluta fugit, reprehenderit iure provident vitae? 294 | Eveniet totam explicabo recusandae voluptatum dolorum, quaerat facere, perferendis consequuntur odio ipsa id. Minima et, quas non quos saepe illum delectus obcaecati. Beatae ut officiis ab voluptatem iure neque quod?

295 |
296 |
297 |
298 | 299 |
300 |
301 | Title 302 |
303 |

Blog-1

304 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit iusto nobis voluptatibus consequatur, dicta quis vel velit? Quia, qui perspiciatis cumque beatae, mollitia error neque, architecto ullam laborum autem alias! 305 | Error itaque officiis nisi unde asperiores ipsum, molestiae dolores ab aspernatur, architecto commodi nesciunt velit eligendi doloremque, consequatur ut eum! Voluptatum corporis officiis labore deleniti dolores officia nisi repellendus distinctio? 306 | Adipisci dignissimos fuga, quam deleniti alias eligendi eaque non ea nihil harum voluptate inventore cumque ratione vel ipsam quae commodi cum odio quidem recusandae doloremque? Asperiores rem pariatur nihil quas! 307 | Cum cumque at eos ut dolores tempora eius repudiandae cupiditate assumenda laboriosam. Omnis voluptates dicta, laudantium iure fugit modi, eaque perspiciatis mollitia quam voluptate unde voluptatibus totam enim, at asperiores? 308 | Quidem velit perspiciatis possimus ab consequatur sapiente veritatis sed beatae explicabo dolorem officiis quos debitis tempora obcaecati placeat quibusdam libero doloremque qui quo facilis ullam commodi corrupti, suscipit minima! Enim. 309 | Dolorem perspiciatis, numquam ut, magnam cupiditate vero iusto laudantium itaque aperiam cum adipisci. Odit, at? At excepturi sit non magnam possimus nulla modi veritatis quae dolorum, tempora repudiandae, atque fuga. 310 | Praesentium tenetur libero laborum repellat, assumenda dolore dignissimos magni accusamus necessitatibus beatae saepe repudiandae officia enim maiores dolores aliquid. At quisquam consequatur distinctio suscipit soluta fugit, reprehenderit iure provident vitae? 311 | Eveniet totam explicabo recusandae voluptatum dolorum, quaerat facere, perferendis consequuntur odio ipsa id. Minima et, quas non quos saepe illum delectus obcaecati. Beatae ut officiis ab voluptatem iure neque quod?

312 |
313 |
314 |
315 | 316 |
317 |
318 | Title 319 |
320 |

Blog-1

321 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit iusto nobis voluptatibus consequatur, dicta quis vel velit? Quia, qui perspiciatis cumque beatae, mollitia error neque, architecto ullam laborum autem alias! 322 | Error itaque officiis nisi unde asperiores ipsum, molestiae dolores ab aspernatur, architecto commodi nesciunt velit eligendi doloremque, consequatur ut eum! Voluptatum corporis officiis labore deleniti dolores officia nisi repellendus distinctio? 323 | Adipisci dignissimos fuga, quam deleniti alias eligendi eaque non ea nihil harum voluptate inventore cumque ratione vel ipsam quae commodi cum odio quidem recusandae doloremque? Asperiores rem pariatur nihil quas! 324 | Cum cumque at eos ut dolores tempora eius repudiandae cupiditate assumenda laboriosam. Omnis voluptates dicta, laudantium iure fugit modi, eaque perspiciatis mollitia quam voluptate unde voluptatibus totam enim, at asperiores? 325 | Quidem velit perspiciatis possimus ab consequatur sapiente veritatis sed beatae explicabo dolorem officiis quos debitis tempora obcaecati placeat quibusdam libero doloremque qui quo facilis ullam commodi corrupti, suscipit minima! Enim. 326 | Dolorem perspiciatis, numquam ut, magnam cupiditate vero iusto laudantium itaque aperiam cum adipisci. Odit, at? At excepturi sit non magnam possimus nulla modi veritatis quae dolorum, tempora repudiandae, atque fuga. 327 | Praesentium tenetur libero laborum repellat, assumenda dolore dignissimos magni accusamus necessitatibus beatae saepe repudiandae officia enim maiores dolores aliquid. At quisquam consequatur distinctio suscipit soluta fugit, reprehenderit iure provident vitae? 328 | Eveniet totam explicabo recusandae voluptatum dolorum, quaerat facere, perferendis consequuntur odio ipsa id. Minima et, quas non quos saepe illum delectus obcaecati. Beatae ut officiis ab voluptatem iure neque quod?

329 |
330 |
331 |
332 | 333 |
334 |
335 | Title 336 |
337 |

Blog-1

338 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit iusto nobis voluptatibus consequatur, dicta quis vel velit? Quia, qui perspiciatis cumque beatae, mollitia error neque, architecto ullam laborum autem alias! 339 | Error itaque officiis nisi unde asperiores ipsum, molestiae dolores ab aspernatur, architecto commodi nesciunt velit eligendi doloremque, consequatur ut eum! Voluptatum corporis officiis labore deleniti dolores officia nisi repellendus distinctio? 340 | Adipisci dignissimos fuga, quam deleniti alias eligendi eaque non ea nihil harum voluptate inventore cumque ratione vel ipsam quae commodi cum odio quidem recusandae doloremque? Asperiores rem pariatur nihil quas! 341 | Cum cumque at eos ut dolores tempora eius repudiandae cupiditate assumenda laboriosam. Omnis voluptates dicta, laudantium iure fugit modi, eaque perspiciatis mollitia quam voluptate unde voluptatibus totam enim, at asperiores? 342 | Quidem velit perspiciatis possimus ab consequatur sapiente veritatis sed beatae explicabo dolorem officiis quos debitis tempora obcaecati placeat quibusdam libero doloremque qui quo facilis ullam commodi corrupti, suscipit minima! Enim. 343 | Dolorem perspiciatis, numquam ut, magnam cupiditate vero iusto laudantium itaque aperiam cum adipisci. Odit, at? At excepturi sit non magnam possimus nulla modi veritatis quae dolorum, tempora repudiandae, atque fuga. 344 | Praesentium tenetur libero laborum repellat, assumenda dolore dignissimos magni accusamus necessitatibus beatae saepe repudiandae officia enim maiores dolores aliquid. At quisquam consequatur distinctio suscipit soluta fugit, reprehenderit iure provident vitae? 345 | Eveniet totam explicabo recusandae voluptatum dolorum, quaerat facere, perferendis consequuntur odio ipsa id. Minima et, quas non quos saepe illum delectus obcaecati. Beatae ut officiis ab voluptatem iure neque quod?

346 |
347 |
348 |
349 | 350 |
351 |
352 | Title 353 |
354 |

Blog-1

355 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit iusto nobis voluptatibus consequatur, dicta quis vel velit? Quia, qui perspiciatis cumque beatae, mollitia error neque, architecto ullam laborum autem alias! 356 | Error itaque officiis nisi unde asperiores ipsum, molestiae dolores ab aspernatur, architecto commodi nesciunt velit eligendi doloremque, consequatur ut eum! Voluptatum corporis officiis labore deleniti dolores officia nisi repellendus distinctio? 357 | Adipisci dignissimos fuga, quam deleniti alias eligendi eaque non ea nihil harum voluptate inventore cumque ratione vel ipsam quae commodi cum odio quidem recusandae doloremque? Asperiores rem pariatur nihil quas! 358 | Cum cumque at eos ut dolores tempora eius repudiandae cupiditate assumenda laboriosam. Omnis voluptates dicta, laudantium iure fugit modi, eaque perspiciatis mollitia quam voluptate unde voluptatibus totam enim, at asperiores? 359 | Quidem velit perspiciatis possimus ab consequatur sapiente veritatis sed beatae explicabo dolorem officiis quos debitis tempora obcaecati placeat quibusdam libero doloremque qui quo facilis ullam commodi corrupti, suscipit minima! Enim. 360 | Dolorem perspiciatis, numquam ut, magnam cupiditate vero iusto laudantium itaque aperiam cum adipisci. Odit, at? At excepturi sit non magnam possimus nulla modi veritatis quae dolorum, tempora repudiandae, atque fuga. 361 | Praesentium tenetur libero laborum repellat, assumenda dolore dignissimos magni accusamus necessitatibus beatae saepe repudiandae officia enim maiores dolores aliquid. At quisquam consequatur distinctio suscipit soluta fugit, reprehenderit iure provident vitae? 362 | Eveniet totam explicabo recusandae voluptatum dolorum, quaerat facere, perferendis consequuntur odio ipsa id. Minima et, quas non quos saepe illum delectus obcaecati. Beatae ut officiis ab voluptatem iure neque quod?

363 |
364 |
365 |
366 | 367 |
368 |
369 | Title 370 |
371 |

Blog-1

372 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit iusto nobis voluptatibus consequatur, dicta quis vel velit? Quia, qui perspiciatis cumque beatae, mollitia error neque, architecto ullam laborum autem alias! 373 | Error itaque officiis nisi unde asperiores ipsum, molestiae dolores ab aspernatur, architecto commodi nesciunt velit eligendi doloremque, consequatur ut eum! Voluptatum corporis officiis labore deleniti dolores officia nisi repellendus distinctio? 374 | Adipisci dignissimos fuga, quam deleniti alias eligendi eaque non ea nihil harum voluptate inventore cumque ratione vel ipsam quae commodi cum odio quidem recusandae doloremque? Asperiores rem pariatur nihil quas! 375 | Cum cumque at eos ut dolores tempora eius repudiandae cupiditate assumenda laboriosam. Omnis voluptates dicta, laudantium iure fugit modi, eaque perspiciatis mollitia quam voluptate unde voluptatibus totam enim, at asperiores? 376 | Quidem velit perspiciatis possimus ab consequatur sapiente veritatis sed beatae explicabo dolorem officiis quos debitis tempora obcaecati placeat quibusdam libero doloremque qui quo facilis ullam commodi corrupti, suscipit minima! Enim. 377 | Dolorem perspiciatis, numquam ut, magnam cupiditate vero iusto laudantium itaque aperiam cum adipisci. Odit, at? At excepturi sit non magnam possimus nulla modi veritatis quae dolorum, tempora repudiandae, atque fuga. 378 | Praesentium tenetur libero laborum repellat, assumenda dolore dignissimos magni accusamus necessitatibus beatae saepe repudiandae officia enim maiores dolores aliquid. At quisquam consequatur distinctio suscipit soluta fugit, reprehenderit iure provident vitae? 379 | Eveniet totam explicabo recusandae voluptatum dolorum, quaerat facere, perferendis consequuntur odio ipsa id. Minima et, quas non quos saepe illum delectus obcaecati. Beatae ut officiis ab voluptatem iure neque quod?

380 |
381 |
382 |
383 |
384 |
385 |
386 | 387 | 388 | 389 |
390 | 391 |
392 | 393 | 394 | 395 | 396 | 397 | 400 | 401 | 402 | 403 | 404 | 405 | 408 | 409 | 412 | 413 | 414 | 415 | 416 | 417 | -------------------------------------------------------------------------------- /js/.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Editor-based HTTP Client requests 5 | /httpRequests/ 6 | # Datasource local storage ignored files 7 | /dataSources/ 8 | /dataSources.local.xml 9 | -------------------------------------------------------------------------------- /js/.idea/jpa-buddy.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | -------------------------------------------------------------------------------- /js/.idea/js.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /js/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | -------------------------------------------------------------------------------- /js/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /js/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /js/jquery-3.7.0.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v3.7.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ 2 | !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.0",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},R=function(){V()},M=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&z(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function X(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&M(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function U(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function z(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",R),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="",le.option=!!xe.lastChild;var ke={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n",""]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function Me(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="
",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return R(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return R(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0 "+result); 22 | 23 | // var result=44.23; 24 | // console.log(typeof result+" => "+result); 25 | 26 | // var result="Js öğreniyorum"; 27 | // console.log(typeof result+" => "+result); 28 | 29 | // var result=true; 30 | // console.log(typeof result+" => "+result); 31 | 32 | // Naming Convensition 33 | // var deneme="JS Data"; 34 | // console.log(deneme); 35 | 36 | // var deneme44="JS Data"; 37 | // console.log(deneme44); 38 | 39 | // var $deneme44="JS Data"; 40 | // console.log($deneme44); 41 | 42 | // var _$deneme44="JS Data"; 43 | // console.log(_$deneme44); 44 | 45 | // var denemeVerisi="JS Data"; 46 | // console.log(denemeVerisi); 47 | 48 | //var &~44$deneme44="JS Data"; 49 | //console.log(44$deneme44); 50 | 51 | // interpreter, compiler 52 | // senkron, asenkron ? 53 | 54 | // whoisting 55 | // result2=56; 56 | // var result2; 57 | 58 | /////////////////////////////////////////////////// 59 | // Operators 60 | // + - * ** / % 61 | // ! DEĞİL &&=VE ||=VEYA 62 | // x++ 63 | // x-- 64 | // ++x 65 | // --x 66 | 67 | // = ATAMA 68 | // == EŞİT (TÜRÜNE BAKMA) 69 | // === EŞİT (TÜRÜNE BAK) 70 | 71 | // var number1=40; 72 | // var number2=5; 73 | // console.log(number1+number2); 74 | // console.log(number1-number2); 75 | // console.log(number1*number2); 76 | // console.log(number1/number2); 77 | // console.log(number1%number2); 78 | 79 | // cast 80 | // Number 81 | // String() 82 | // var userData=Number(prompt("Lütfen sayı giriniz")); 83 | // console.log(userData+45); 84 | 85 | // undefined 86 | // var result4; 87 | // console.log(result4); 88 | 89 | // // NaN: Not A Number 90 | // var result5="asd"/4; 91 | // console.log(result5); 92 | 93 | // // isNaN 94 | // var result6=4; 95 | // console.log(isNaN(result6)); //false: sayıdır 96 | 97 | // // Infinity 98 | // console.log(4/0); 99 | 100 | /////////////////////////////////////////////////// 101 | // Math 102 | // console.log(Math.PI); 103 | // console.log(Math.E); 104 | // console.log(Math.min(4,1,99,555,25,-100)); 105 | // console.log(Math.max(4,1,99,555,25,-100)); 106 | 107 | // console.log(Math.sqrt(16)); 108 | // console.log(Math.abs(-25)); 109 | // console.log(Math.pow(2,5)); 110 | 111 | // console.log(Math.floor(3.9)); 112 | // console.log(Math.ceil(3.1)); 113 | // console.log(Math.round(6.4)); 114 | // console.log(Math.round(6.5)); 115 | 116 | // console.log(Math.sin(45)); 117 | // console.log( Math.round(Math.random()*9+1)); 118 | 119 | //Örnek-4: Aşağıdaki örnekleri math ile çözelim ? 120 | // -5.9 sayıyının aşağıdaki işlemleri yaptıralım ? 121 | // 1-mutlak değeri alsın 5.9 122 | // 2-yuvarlama yapsın  6.0 123 | // 3-karesini alsın 36.00 124 | // 4-karekök alsın 6.0 125 | // 5-yuvarlama yapsın 6.0 126 | // 6-)çıkan sonucu 5 bölsün 6/5=1 127 | // 7-) iki sayı arasından karşılaştırma yapsın en küçüğünü alsın ve 1 ve 5 128 | // 8-) küçük sayı eğer tekse 3 eklesin çiftse 5 eklesin  129 | 130 | // Örnek-5 : kullanıcı tarafından girilen bir sayıyı negatif mi pozitif mi olduğu ekran yazdıran algoritma ? 131 | //NOT: cast kullalım ? 132 | 133 | // Örnek-6 : kullanıcı tarafından password ve repassword alalım sonrasında bu iki değeri karşılaştırma yapalım 134 | //eğer aynı girilirse aynı veri yoksa birbirine uymadı yazan algoritma yapalım 135 | 136 | /////////////////////////////////////////////////// 137 | // Number 138 | // var sayi=15000; 139 | // console.log(sayi); 140 | 141 | // var sayi2=1.5E+4; 142 | // console.log(sayi2); 143 | 144 | // binary,octal,decimal, hexadecimal 145 | 146 | // binary : 0-1 147 | // var binary=0b00011; 148 | // console.log(binary); 149 | 150 | // octal : 0-1-2-3-4-5-6-7 151 | // var octal=0o7612; 152 | // console.log(octal); 153 | 154 | // decimal : 0-1-2-3-4-5-6-7-8-9 155 | // var decimal=123456; 156 | // console.log(decimal); 157 | 158 | // hexdecimal : 0-1-2-3-4-5-6-7-8-9-A-B-C-D-E-F 159 | // var hexadecimal=0xffa; 160 | // console.log(hexadecimal); 161 | 162 | // Number() parseInt() nedir aralarındaki farklar ? 163 | // String() data.toString nedir aralarındaki farklar ? 164 | // Cast 165 | // database, port , api (string) 166 | // console.log(Number("10")+10); 167 | // console.log(parseInt("10")+10); 168 | 169 | // console.log(String(30)+10); 170 | // var number=30; 171 | // console.log(number.toString()+10); 172 | 173 | /////////////////////////////////////////////////// 174 | // var, let, const 175 | 176 | // var data1=11; 177 | // console.log(data1); 178 | 179 | // var data1=22; 180 | // console.log(data1); 181 | 182 | // let data2=33; 183 | // console.log(data2); 184 | 185 | // let data3=33; 186 | // data3=44; 187 | // console.log(data3); 188 | 189 | // const data4=55; 190 | // console.log(data4); 191 | 192 | // const data5=55; 193 | // data5=66; 194 | // console.log(data5); 195 | 196 | /////////////////////////////////////////////////// 197 | // string 198 | // let str="js ÖĞreniyorum js "; 199 | // console.log(str); 200 | 201 | // console.log(str.length); 202 | // console.log(str.trim().length); 203 | 204 | // console.log(str.toLowerCase()); 205 | // console.log(str.toUpperCase()); 206 | 207 | // console.log(str.charAt(0)); 208 | 209 | // console.log(str.indexOf("js")); 210 | // console.log(str.lastIndexOf("js")); 211 | 212 | // console.log(str.concat("sona")); 213 | // console.log(str.replace(str,"değiştir")); 214 | 215 | // console.log(str.substring(1)); 216 | // console.log(str.substring(0,4)); 217 | 218 | // Ödev 219 | // ÖDEV NOT:5 adımı beraber yapalım. 220 | // kullanıcı tarafından girilen bir kelimenin (prompt) 221 | // let userData= prompt("Lütfen bir şeyler yazınız"); 222 | // S-1) Kaç karakterlidir ? (length) 223 | // S-2) boşluklar alınarak Kaç karakterlidir ? (trim) 224 | // S-3) bütün kelimeyi küçük harfle göstermek ? (toLowerCase()) 225 | // S-4) bütün kelimeyi büyük harfle göstermek ? (toUpperCase()) 226 | // S-5) Kullanıcıdan alınan ilk kelimeyle , "javascript" kelimeyle değiştirin. (replace, substring, indexOf) 227 | // console.log(userData.replace("xxxxxxx"),"javascript"); 228 | // console.log(userData.replace(userData.substring(0,userData.indexOf(" ")),"javascript")); 229 | // S-6) yazdığınız kelimede "javascript ile mi başlıyor" ? (startsWith()) 230 | // S-7) yazdığınız kelimede "javascript ile mi bitiyor" ? (endsWith()) 231 | // S-8) ilk harf nedir  ? (charAt()) 232 | // S-9) girdiğiniz kelimenin sonuna "-ben js öğreniyorum" (concat()) 233 | // S-10) girdiğiniz 0 ile 4 arasındaki indexi ekranda gösterin? (subString()) 234 | 235 | /////////////////////////////////////////////////// 236 | // Function (Normal) 237 | // 1 retursuz Parametresiz 238 | // function retursuzParametresiz() { 239 | // console.log("deneme"); 240 | // } 241 | // retursuzParametresiz(); 242 | 243 | // // 2 retursuz Parametresiz 244 | // function retursuzParametreli(adi) { // parametre: adi 245 | // console.log("deneme " + adi); 246 | // } 247 | // retursuzParametreli("HamitM") // argüman: "HamitM" 248 | 249 | // // 3 retursuz Parametresiz 250 | // function returnluParametresiz() { 251 | // return "deneme55"; 252 | // } 253 | // let result3 = returnluParametresiz(); 254 | // console.log(result3); 255 | 256 | // // 4 retursuz Parametresiz 257 | // function returnluParametreli(soyadi) { 258 | // return "deneme66 " + soyadi; 259 | // } 260 | // let result4 = returnluParametreli("Mizrak"); 261 | // console.log(result4); 262 | 263 | /////////////////////////////////////////////////// 264 | // // Normal Function 265 | // function normal() { } 266 | 267 | // // Anonymous (Function) 268 | // let anonymous = function () { } 269 | 270 | // // Arrow (Function) 271 | // let arrow = () => { } 272 | 273 | /////////////////////////////////////////////////// 274 | // let veya const 275 | // arrow function 276 | 277 | /////////////////////////////////////////////////// 278 | // function deneme1(){ 279 | // console.log("normal function"); 280 | // } 281 | // deneme1(); 282 | 283 | // const deneme2= function (){ 284 | // console.log("anonymous function"); 285 | // } 286 | // deneme2(); 287 | 288 | // const deneme3= ()=>{ 289 | // console.log("arrow function function"); 290 | // } 291 | // deneme3(); 292 | 293 | // Immedia Function ()(); 294 | // (function(){ 295 | // console.log("deneme4"); 296 | // })(); 297 | 298 | /////////////////////////////////////////////////// 299 | // condition 300 | const condi = () => { 301 | let number = 4; 302 | if (number >= 2) { 303 | console.log("Büyüktür"); 304 | } else { 305 | console.log("Küçüktür"); 306 | } 307 | } 308 | //condi(); 309 | 310 | const condi2 = () => { 311 | let number = 4; 312 | if (number >= 2) 313 | console.log("Büyüktür"); 314 | else 315 | console.log("Küçüktür"); 316 | 317 | } 318 | //condi2() 319 | 320 | const condi3 = () => { 321 | let number = 4; 322 | let result = (number >= 2) ? "Büyüktür" : "Küçüktür"; 323 | console.log(result); 324 | } 325 | //condi3() 326 | 327 | const condi4 = () => { 328 | let number = 4; 329 | console.log((number >= 2) ? "Büyüktür" : "Küçüktür"); 330 | } 331 | //condi4(); 332 | 333 | const condi5 = () => { 334 | let number = 4; 335 | if (number == "1") { 336 | console.log("1"); 337 | } else if (number == 2) { 338 | console.log("2"); 339 | } else if (number == 3) { 340 | console.log("3"); 341 | } else if (number === 4) { 342 | console.log("4"); 343 | } else { 344 | console.log("1<=X<=5 dışındadır"); 345 | } 346 | } 347 | //condi5(); 348 | 349 | const condi6 = () => { 350 | let number = 4; 351 | // break : döngü kırmak 352 | // return : metot kırmak 353 | // continue: 1 kereye mahsus es geç sonra döngüye devam et. 354 | switch (number) { 355 | case 1: 356 | console.log("1"); 357 | break; // döngü kırmak 358 | case 2: 359 | console.log("2"); 360 | break; 361 | case 3: 362 | console.log("3"); 363 | break; 364 | case 4: 365 | console.log("4"); 366 | break; 367 | default: 368 | console.log("1<=X<=5 dışındadır"); 369 | break; 370 | } 371 | } 372 | //condi6(); 373 | /////////////////////////////////////////////////////// 374 | // ÖDEV: 375 | // Kullanıcı tarafından girilen bir sayının negatif mi, pozitif mi ? bunu yazan JS code yazınız. 376 | // (Dikkat: normal  function ile yazınız) 377 | 378 | // Kullanıcı tarafından girilen bir sayının tek mi, çift mi olduğunu yazan JS code yazınız. 379 | // (Dikkat:anonymous function ve ternary ile yazınız) 380 | 381 | let isOddEven = () => { 382 | const result = 4; 383 | if (result % 2 == 0) 384 | console.log("çifttir"); 385 | else 386 | console.log("tektir"); 387 | } 388 | //isOddEven() 389 | 390 | // Kullanıcıdan alınan sayıya göre Haftanın günlerini switch-case ile JS code yazınız? 391 | // Örneğin: kullanıcı 1 girdi: 1=pazartesi yazacak 392 | 393 | //////////////////////////////////////////////////////// 394 | // loop 395 | let loop = () => { 396 | for (let i = 1; i <= 10; i++) { 397 | document.write(i + " ") 398 | } 399 | } 400 | //loop(); 401 | //document.writeln("
") 402 | 403 | let loop2 = () => { 404 | let i = 1; 405 | while (i <= 10) { 406 | document.write(i + " ") 407 | i++ 408 | } 409 | } 410 | //loop2(); 411 | 412 | //document.writeln("
") 413 | 414 | let loop3 = () => { 415 | let i = 1; 416 | do { 417 | document.write(i + " ") 418 | i++; 419 | } 420 | while (i <= 10); 421 | } 422 | //loop3(); 423 | 424 | // Örnekler 425 | 426 | //////////////////////////////////////////////////////// 427 | // try catch (Error Handling) 428 | let tryCatchTuto = () => { 429 | try { 430 | alertx("pop-pup"); 431 | } catch (error) { 432 | console.log("hata mesajı: " + error.message); 433 | console.log("hata mesajı: " + error.name); 434 | console.error(error); 435 | } finally { 436 | console.log("db.close"); 437 | console.log("port.close"); 438 | } 439 | console.log("son satır"); 440 | } 441 | //tryCatchTuto() 442 | //////////////////////////////////////////////////////// 443 | // debug nedir ? 444 | // 1 ile 10 dahil olmak üzere toplama işlemi yapan JS algoritmasını yazınız 445 | 446 | const debugData = () => { 447 | let sum = 0; 448 | for (let i = 1; i <= 10; i++) { 449 | sum = sum + i; 450 | } 451 | console.log("Toplam: " + sum); 452 | } 453 | //debugData() 454 | 455 | //////////////////////////////////////////////////////// 456 | // return break continue ? 457 | // break: döngünün çalışmasına izin verme 458 | // return: metotun çalışmasına izin verme 459 | // continue: sadece bir seferlik o şartta çalışma 460 | 461 | // SORU 1<=userData<=50 462 | // 1 ile Kullanıcı tarafından alınan bitiş sayısına kadar toplama yapan Algoritma örneği 463 | // Örnek: 1<=user 1+2+3+...userdatası 464 | // Eğer Bu sayılardan 7 sayıyı varsa bunu toplayama dahil etmesin (continue) 465 | // Bu sayının en fazla 50'e kadar toplama yapabilir (break) 466 | // bu sayılardan çift olanların kaç tane, sayıların kendisi ve toplamları nedir ? 467 | // bu sayılardan tek olanların kaç tane, sayıların kendisi ve toplamları nedir ? 468 | // secret-Key kullanıcı eğer 44 girerse hiç bir işlem yapmadan sistemden çıkış sağlansın onunda haricinde sürekli işlem yapsın 469 | // Dikkat: Bu algoritmayı Arrow Function ile yapalım. 470 | // (Clean code kuralları çercevesinde ) algoritma yapan JS program? 471 | 472 | let sumExamplesData = () => { 473 | let commonSum = 0; 474 | let oddSum = 0, oddCounter = 0, oddNumber = ""; 475 | let evenSum = 0, evenCounter = 0, evenNumber = ""; 476 | // user data 477 | let user = Number(prompt("Lütfen Bitiş sayısını yazınız")); 478 | 479 | for (let i = 1; i <= user; i++) { 480 | if (user === 44) { 481 | console.log("secret key number failed " + user); 482 | break; 483 | } 484 | 485 | if (i === 50) { 486 | console.log("en fazla 50 sayısına kadar hesaplanır " + user); 487 | break; 488 | } 489 | 490 | if (i === 7) { 491 | console.log("7 sayısını toplama !!! " + user); 492 | continue; 493 | } 494 | if (i % 2 == 0) { 495 | //evenSum = evenSum+i; 496 | evenSum += i; 497 | evenCounter++; 498 | evenNumber = evenNumber + " " + i; 499 | } else { 500 | oddSum += i; 501 | oddCounter++; 502 | oddNumber = oddNumber + " " + i; 503 | } 504 | commonSum += i; 505 | } // end for 506 | console.log("Toplam: " + commonSum); 507 | 508 | console.log("Tek sayılar: " + oddNumber); 509 | console.log("Tek sayı adedi: " + oddCounter); 510 | console.log("Tek sayı toplam: " + oddSum); 511 | 512 | console.log("Çift sayılar: " + evenNumber); 513 | console.log("Çift sayı adedi: " + evenCounter); 514 | console.log("Çift sayı toplam: " + evenSum); 515 | } // end sumExamplesData 516 | //sumExamplesData() 517 | 518 | 519 | //////////////////////////////////////////////////////// 520 | //Örnek-1 521 | //y=3x+4k ==>1.dereceden2bilinmeyenlidenklem algoritması 522 | //Kullanıcı tarafından alınan x ve k değerlerini hesaplayan algoritma yazınız ? 523 | 524 | //örnek-2 525 | //Kullanıcı tarafından alınan dereceyi  Fahrenhayta çeviren algoritma yapalım. 526 | //Formül: (derece*9/5)+32 527 | 528 | //örnek-3 operatör işlemleri: aşağıdaki örneği javascript ile yapalım 529 | //4+3*2(3:3-1*6+9:1+(3:3)) 530 | 531 | //////////////////////////////////////////////////////// 532 | // ÖDEV 533 | // kullanıcıdan aldığımız isim alınsın 534 | // kullanıcıdan aldığımız soyisim alınsın 535 | // ilk karakter göstersin sonraki kelimeleri masking (maskeleme yapsın) 536 | // eğer kullanıcı isim ve soyisimi ilk karakteri küçük girmişse büyük olsun mutlaka 537 | // Hamit Mızrak 538 | // H**** MIZ*** 539 | // ipucu: charAt, substring, indexOf, döngü, karar mekanizma 540 | 541 | let usernameAndSurnameMasking = () => { 542 | const usernameAndSurname = prompt("Lütfen adınızı ve soyadınızı giriniz"); 543 | 544 | const userIndex = usernameAndSurname.indexOf(" "); 545 | let username = usernameAndSurname.substring(0, userIndex); 546 | for (let i = 1; i < username.length; i++) { 547 | username = username.replace(username.charAt(i), "*"); 548 | } 549 | username = username.toUpperCase() 550 | console.log(username.toUpperCase()); 551 | 552 | let surname = usernameAndSurname.substring(userIndex + 1, usernameAndSurname.length).toUpperCase(); 553 | for (let i = 3; i <= username.length; i++) { 554 | surname = surname.replace(surname.charAt(i), "*"); 555 | } 556 | console.log(surname); 557 | console.log(username.concat(" ").concat(surname)); 558 | } 559 | //usernameAndSurnameMasking(); 560 | 561 | //////////////////////////////////////////////////////// 562 | // software prensible 563 | // KISS, YAGNI, SOLID, CLEAN CODE, SPAGETTI CODE, DUMMY CODE 564 | //////////////////////////////////////////////////////// 565 | // Monad 566 | // const birinci=()=>{ 567 | // let user=Number(prompt("Lütfen Sayı Giriniz")); 568 | // return user; 569 | // } 570 | 571 | // const ikinci=()=>{ 572 | // let data=birinci(); 573 | // console.log(Math.sqrt(data)); 574 | // } 575 | //ikinci() 576 | 577 | //////////////////////////////////////////////////////// 578 | // setTimeOut(),setInterval(); 579 | 580 | // // belirli zaman sonra tek bir kere çalışır ve durur 581 | // setTimeout(function(){ 582 | // console.log("setTimeout çalıştı"); 583 | // },2000); 584 | 585 | // // belirli zaman sonra çalışır ve sonsuza kadar kapanıp tekrar çalışır. 586 | // setInterval(()=>{ 587 | // console.log("setInterval çalıştı"); 588 | // },3000); 589 | 590 | //////////////////////////////////////////////////////// 591 | // callbackfunction 592 | const birinci = (data) => { 593 | return Math.pow(data, 2); 594 | } 595 | 596 | const ikinci = (callbackFunction) => { 597 | let user = Number(prompt("Lütfen Sayı Giriniz")); 598 | let data = callbackFunction(user); 599 | console.log(data); 600 | } 601 | //ikinci(birinci) 602 | //////////////////////////////////////////////////////// 603 | // promise 604 | 605 | const promTutorials = () => { 606 | // catch 1 tane olmak zorunda 607 | let data = new Promise((resolve, reject) => { 608 | let status = 400; 609 | if (status === 200) 610 | resolve("çalıştı"); 611 | else 612 | reject("çalışmadı") 613 | }).then( 614 | () => { console.log("olumlu"); } 615 | ).catch( 616 | (err) => { console.error(err); } 617 | ); 618 | } 619 | //promTutorials() 620 | 621 | // asyn/await 622 | 623 | //////////////////////////////////////////////////////// 624 | 625 | //////////////////////////////////////////////////////// 626 | // dizi, Iterative for, for in, for of, forEach, map, filter , fill 627 | let arr = () => { 628 | const numbers = [3, 5, 6, 1, 9, 4, 66]; 629 | return numbers; 630 | } 631 | 632 | let arrResult = () => { 633 | let data = arr(); 634 | // console.log(data); 635 | // console.log(data[0]); 636 | // console.log(data[5]); 637 | // console.log(data[data.length - 1]); 638 | 639 | // //Iterative For Loop 640 | // for(let i=0 ;i"); 644 | // // for in 645 | // for(let temp in data){ 646 | // document.write(temp+" => "+data[temp]+"
"); 647 | // } 648 | 649 | // document.write("
"); 650 | // // for of 651 | // for(let temp of data){ 652 | // document.write(temp+" "); 653 | // } 654 | //document.write("
"); 655 | // ForEach 656 | // forEach(callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any): void; 657 | // data.forEach((value, index, array) => { 658 | // document.write(index + " => " + value + "
"); 659 | // //document.write(`${index} => ${value}
`); 660 | // }); 661 | 662 | //document.write("
"); 663 | // filter 664 | // filter(predicate: (value: T, index: number, array: T[]) => value is S, thisArg?: any): S[]; 665 | // let result1 = data.filter((value, index, array) => { 666 | // return value % 2 == 0 667 | // }).forEach((value, index, array) => { 668 | // //document.write(index+" => "+value+"
"); 669 | // document.write(`${index} => ${value}
`); 670 | // }); 671 | 672 | // document.write("
"); 673 | // map 674 | // map(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[]; 675 | // data.map((value, index, array) => { 676 | // return value += 10; 677 | // }).forEach((value, index, array) => { 678 | // //document.write(index+" => "+value+"
"); 679 | // document.write(`${index} => ${value}
`); 680 | // }); 681 | 682 | // dizilere devam. 683 | document.writeln("Elaman sayısı: " + data.length) 684 | console.log(data); 685 | data.push(99); 686 | data.unshift(11); 687 | 688 | console.log(data); 689 | data.pop() //sonda 1 eleman çıkar 690 | data.shift() //baştan 1 eleman çıkar 691 | console.log(data); 692 | 693 | //data.sort(); 694 | //console.log(data); 695 | 696 | // data.reverse(); 697 | // console.log(data); 698 | 699 | data.sort().reverse(); 700 | console.log(data); 701 | console.log(data.toString().substring(0, 2)); 702 | // splice ,slice 703 | } 704 | //arrResult(); 705 | 706 | // ÖDEV 707 | /* 708 | Örnek 709 | 1.YOL normal diziyle yapalım 710 | rastgele 10 elemanlı bir dizi oluşturalım. 711 | bu sayılardan tek olanları bulalım. 712 | bu tek sayıların sonuna 5 ekleyelim 713 | buradaki sayıları ekranda gösterelim. ? 714 | bu şarta uyan kaç tane sayı vardır ? 715 | 716 | 2.YOL map,filter, forEach ile yapalım. 717 | rastgele 10 elemanlı bir dizi oluşturalım. ==> (random) 718 | bu sayılardan tek olanları bulalım. ==> (filter) 719 | bu tek sayıların sonuna 5 ekleyelim ==> (map) 720 | buradaki sayıları ekranda gösterelim. ? ==> (forEach) 721 | bu şarta uyan kaç tane sayı vardır ? ==> (counter) 722 | 2.YOL map,filter,counter 723 | */ 724 | //////////////////////////////////////////////////////// 725 | // callback - promise örneği 726 | let callbackFunctionComputer = () => { 727 | // dizi objesi içerisinde 5 tane random obje oluşturalım. 728 | const computerArray = []; 729 | for (let index = 0; index < 5; index++) { 730 | let computerObject = 731 | { 732 | computerName: `computer ${index + 1}`, 733 | price: `${index + 1}` * `${Number(100)}` 734 | } 735 | computerArray.push(computerObject); 736 | } 737 | console.log(computerArray); 738 | 739 | // bu dizi içindeki sadece computer Name bileşenleri gösterin (Map) 740 | const arrayInComputerName = () => { 741 | computerArray.map((temp) => { 742 | //console.log(`${temp.computerName}`); 743 | }) 744 | } 745 | arrayInComputerName(); 746 | 747 | // call back function Price 748 | const arrayInComputerObject = (obj, callBackFnc) => { 749 | computerArray.push(obj); 750 | callBackFnc(); 751 | } 752 | arrayInComputerObject({ computerName: "computer 6", price: 600 }, arrayInComputerName) 753 | } 754 | //callbackFunctionComputer(); 755 | 756 | 757 | 758 | // callback - promise örneği 759 | let promiseFunctionComputer = () => { 760 | // dizi objesi içerisinde 5 tane random obje oluşturalım. 761 | const computerArray = []; 762 | for (let index = 0; index < 5; index++) { 763 | let computerObject = 764 | { 765 | computerName: `computer ${index + 1}`, 766 | price: `${index + 1}` * `${Number(100)}` 767 | } 768 | computerArray.push(computerObject); 769 | } 770 | console.log(computerArray); 771 | 772 | // bu dizi içindeki sadece computer Name bileşenleri gösterin (Map) 773 | const arrayInComputerName = () => { 774 | computerArray.map((temp) => { 775 | //console.log(`${temp.computerName}`); 776 | }) 777 | } 778 | arrayInComputerName(); 779 | 780 | // promise function 781 | const arrayInComputerObject = (obj) => { 782 | const promiseReturn = new Promise(() => { 783 | computerArray.push(obj); 784 | }) 785 | return promiseReturn; 786 | } 787 | arrayInComputerObject({ computerName: "computer 6", price: 600 }) 788 | .then((response) => { console.log(response); }) 789 | .catch((err) => { console.error(err); }); 790 | } 791 | //promiseFunctionComputer(); 792 | 793 | 794 | //////////////////////////////////////////////////////// 795 | // Json nedir ? XML nedir arasındaki fark ? 796 | 797 | let objectTutorials = () => { 798 | 799 | // object 800 | const personObj = { 801 | "name": "Hamit", 802 | surname: "Mızrak", 803 | "number": 44, 804 | "isLogin": true, 805 | "software": ["Html5", "css3", "js"], 806 | fullName: function () { 807 | return this.name + " " + this.surname; 808 | } 809 | }; 810 | console.log(personObj); 811 | 812 | // variable 813 | console.log(personObj.name); 814 | console.log(personObj.surname); 815 | 816 | // variable nested 817 | console.log(personObj["name"]); 818 | console.log(personObj["surname"]); 819 | 820 | // Array 821 | console.log(personObj.software[0]); 822 | 823 | const objectToString = JSON.stringify(personObj); 824 | console.log(objectToString); 825 | 826 | const stringToObject = JSON.parse(objectToString); 827 | console.log(stringToObject.name); 828 | 829 | // Object Variable 830 | personObj.language = "english"; 831 | console.log(personObj.language); 832 | 833 | // function callback 834 | console.log(personObj.fullName()); 835 | } 836 | //objectTutorials(); 837 | 838 | // object constructor 839 | let objectConstructor = () => { 840 | let PersonConstructor = function (name, surname) { 841 | this.name = name; 842 | this.surname = surname; 843 | console.log(this); 844 | } 845 | 846 | let personResult = new PersonConstructor("Hamit", "Mızrak"); 847 | console.log(personResult.name); 848 | } 849 | //objectConstructor(); 850 | 851 | //////////////////////////////////////////// 852 | // call, apply, bind 853 | // anonymous function ile arrow function arasındaki farka bakmanızı istiyoruz. 854 | 855 | let noParameterCallApplyBind = () => { 856 | 857 | // function 858 | let functionOtherObject = function () { 859 | document.writeln(`Parametresiz Function: ${this.adi}
`) 860 | }; 861 | 862 | // object 863 | let objectData = { 864 | "adi": "Spora Gidiyorum" 865 | }; 866 | 867 | functionOtherObject.call(objectData); 868 | functionOtherObject.apply(objectData); 869 | let deneme = functionOtherObject.bind(objectData); 870 | deneme(); 871 | } 872 | //noParameterCallApplyBind(); 873 | //document.writeln(`
`) 874 | 875 | let parameterCallApplyBind = () => { 876 | 877 | // function 878 | let functionOtherObject = function (surname) { 879 | document.writeln(`Parametresiz Function: ${this.adi} => ${surname}
`) 880 | }; 881 | 882 | // object 883 | let objectData = { 884 | "adi": "Spora Gidiyorum" 885 | }; 886 | 887 | functionOtherObject.call(objectData, "Mızrak"); 888 | functionOtherObject.apply(objectData, ["Mızrak"]); 889 | let deneme = functionOtherObject.bind(objectData, "Mızrak"); 890 | deneme(); 891 | } 892 | //parameterCallApplyBind(); 893 | 894 | //////////////////////////////////////////////////////// 895 | // event 896 | let eventFunction = () => { 897 | alert("deneme") 898 | } 899 | 900 | //////////////////////////////////////////////////////// 901 | // dom 902 | let newDataDate = () => { 903 | // Override: Ezmek 904 | // alert("dom"); 905 | // let now = document.getElementById("text_data"); 906 | // HTML 907 | // now.innerHTML =""+ new Date().getFullYear(); +""; 908 | // now.innerHTML = ` ${new Date().getFullYear()} `; 909 | 910 | // QUERYSELECTOR id # class . 911 | let now = document.querySelector("#text_data"); 912 | 913 | // TEXT 914 | // now.innerText = ` ${new Date().getFullYear()} `; 915 | now.innerText = `${new Date().getFullYear()}`; 916 | 917 | // CSS 918 | now.style.color = "yellow"; 919 | now.style.backgroundColor = "black"; 920 | now.style.padding = "5rem"; 921 | } 922 | 923 | let domData2 = () => { 924 | //alert("çalıştı"); 925 | 926 | // ID 927 | //let domUserData=document.getElementById("dom_id").innerText="ID"; 928 | 929 | // Class 930 | //let domUserData=document.getElementsByClassName("dom_class")[0].innerText="class Data"; 931 | 932 | // Tag name 933 | // let domUserData=document.getElementsByTagName("p")[1].innerText="class Data"; 934 | } 935 | 936 | // paragrag_id2 adından bir paragraf olsun bu paragrafa kullanıcı mouse ile tıkladığında 937 | // aşağıda içine tıklandı veya paragraf üstüne gelindi. 938 | 939 | //////////////////////////////////////////////////////// 940 | 941 | // Butona tıkladığımızda kullanıcı soru sorsun 942 | // Farklı bir sayfaya gitmek ister misiniz ? 943 | // evet farklı bir sayfaya redirect 944 | // değilse alert versin 945 | 946 | let outSite = () => { 947 | //alert("deneme"); 948 | let userInformation = 949 | window.confirm("Farklı bir sayfaya gitmek ister misiniz ?") 950 | ? window.location = "https://www.ecodation.com" 951 | : window.alert("Bu sayfada kalındı"); 952 | } 953 | 954 | 955 | // listener 956 | // Ödev: Kullanıcı bu paragrafa kaç kere tıkladı ? 957 | let userListener = () => { 958 | let listenerParag = document.getElementById("parag_list"); 959 | listenerParag.addEventListener("click", function (e) { 960 | //alert(e.preventDefault+" "+e.target); 961 | //document.getElementById("log_admin").innerHTML="takip edildi"; 962 | $("#log_admin").html("takip edildi"); 963 | }); 964 | } 965 | //userListener() 966 | 967 | //////////////////////////////////////////////////////// 968 | // localStorage (Bireysel) 969 | // veriler bizim için önemlidir. 970 | // Verileri saklarız. Database, Browser 971 | 972 | let localStorageData = () => { 973 | 974 | const adi = localStorage.setItem("name", prompt("adınız giriniz")); 975 | const soyadi = localStorage.setItem("surname", "Mızrak"); 976 | console.log(localStorage); 977 | 978 | const getAdi = localStorage.getItem("name"); 979 | alert(getAdi); 980 | 981 | // RemoveItem 982 | //localStorage.removeItem("name"); 983 | 984 | // Clear 985 | //localStorage.clear(); 986 | } 987 | //localStorageData() 988 | 989 | //////////////////////////////////////////////////////// 990 | // jQuery 991 | 992 | //////////////////////////////////////////////////////// 993 | // https://www.toptal.com/developers/keycode 994 | // jquery hangi tuşa bastım bana söylesin. 995 | 996 | let userJqueryKey = () => { 997 | 998 | // Jquery hazırlanması 999 | $(document).ready(function () { 1000 | $(document).keydown(function (userButton) { 1001 | console.log(userButton); 1002 | console.log(userButton.keyCode); 1003 | console.log(typeof userButton.keyCode); 1004 | // keyCode (13) => ENTER 1005 | // https://www.toptal.com/developers/keycode 1006 | 1007 | // Browser sen bir şey yapma, yaparsam ben yaparım. 1008 | userButton.preventDefault(); 1009 | 1010 | // ENTER BASILDI 1011 | //if(userButton.ctrlKey){} // Ctrl basılarak mı tıklanmış 1012 | if (userButton.keyCode == 13) { //keyCode: Her karakterin sayısıdır. 1013 | alert("ENTER Bastınız.") 1014 | console.log("ENTER Bastınız.") 1015 | } 1016 | 1017 | }) // end keydown 1018 | }); // end document ready 1019 | 1020 | }; //end userJqueryKey 1021 | //userJqueryKey() 1022 | 1023 | //////////////////////////////////////////////////////// 1024 | // V.K.I (LocalStorage); acronym 1025 | // Vucüt Kitle Index (VKI) 1026 | // Kullanıcıdan alınan Kilo ve Boy verileri formda inputtan aldıktan sonra 1027 | // Formül: Kilo/((Boy)/100)^2 1028 | // eğer bu formülde; 1029 | // 18>X çıkarsa: Düşük Kilolu (Doktora gidiniz) 1030 | // 18<=X<24 çıkarsa: Normal Kilolu 1031 | // 24<=X<29 çıkarsa: Fazla Kilolu 1032 | // 29<=X<32 çıkarsa: Obez Kilolu 1033 | // X>=32 çıkarsa: Aşırı Obez Kilolu (Doktora gidiniz) 1034 | 1035 | // VKI Butonu olsun. bu butona bastığımızda (modal) Form açılsın. 1036 | // input: kilo 1037 | // input: boy 1038 | // submit button 1039 | // NOT: Kilo(weight), Boy(height), formül sonucu(formulaResult) ve Sonuç(result) LocalStorage olarak saklansın. 1040 | let vkiFormule = () => { 1041 | $(document).ready(function () { 1042 | // EVENT 1043 | $("#vki_submit_id").click(function (event) { 1044 | 1045 | // 1046 | event.preventDefault(); 1047 | 1048 | // Boy ve Kilo 1049 | let weight, height, vkiResult; 1050 | 1051 | // Local Storage 1052 | let getLocalWeight, getLocalHeight, getLocalVkiNumberResult, getLocalVkiResult; 1053 | 1054 | // KİLO 1055 | weight = jQuery.trim($("#weight_id").val()); 1056 | // alert(weight); 1057 | // validation 1058 | // eğer input içinde değer varsa hata mesajı silinsin. 1059 | if (weight == "") { 1060 | $('#validation_weight').html("Kilosu boş geçilemez"); 1061 | } else if (jQuery.isNumeric(weight) == false) { 1062 | // Kullanıcı Sayı girmezse sayı girmediniz hatasını versin (REGEX) 1063 | $('#validation_weight').html("Sayı girmelisiniz"); 1064 | } else { 1065 | // LocalStorage => // NOT: Kilo(weight), Boy(height), formül sonucu(formulaResult) ve Sonuç(result) LocalStorage olarak saklansın. 1066 | localStorage.setItem("weight", weight); 1067 | console.log(localStorage); 1068 | getLocalWeight = localStorage.getItem("weight"); 1069 | console.log(`Local Weight: ${getLocalWeight}`); 1070 | //CAST NUMBER 1071 | getLocalWeight = Number(getLocalWeight); 1072 | } 1073 | 1074 | // BOY DOM 1075 | height = jQuery.trim(document.getElementById("height_id").value); 1076 | //alert(height); 1077 | // validation 1078 | if (height == "") { 1079 | $('#validation_height').html("Boy boş geçilemez"); 1080 | } else if ($.isNumeric(weight) == false) { 1081 | // Kullanıcı Sayı girmezse sayı girmediniz hatasını versin (REGEX) 1082 | $('#validation_weight').html("Sayı girmelisiniz"); 1083 | } else { 1084 | // LocalStorage => // NOT: Kilo(weight), Boy(height), formül sonucu(formulaResult) ve Sonuç(result) LocalStorage olarak saklansın. 1085 | localStorage.setItem("height", height); 1086 | console.log(localStorage); 1087 | getLocalHeight = localStorage.getItem("height"); 1088 | console.log(`Local Height: ${getLocalHeight}`); 1089 | //CAST NUMBER 1090 | getLocalHeight = Number(getLocalHeight); 1091 | } 1092 | // eğer input içinde değer varsa hata mesajı silinsin. 1093 | 1094 | // FORMULE 1095 | // Kullanıcıdan alınan Kilo ve Boy verileri formda inputtan aldıktan sonra 1096 | // Formül: Kilo/((Boy)/100)^2 1097 | vkiResult = Math.round(getLocalWeight / Math.pow((getLocalHeight / 100), 2)); 1098 | 1099 | // Local 1100 | localStorage.setItem("vki_number_result", vkiResult); 1101 | getLocalVkiNumberResult = localStorage.getItem("vki_number_result"); 1102 | 1103 | 1104 | // eğer bu formülde; 1105 | // 18>X çıkarsa: Düşük Kilolu (Doktora gidiniz) 1106 | // 18<=X<24 çıkarsa: Normal Kilolu 1107 | // 24<=X<29 çıkarsa: Fazla Kilolu 1108 | // 29<=X<32 çıkarsa: Obez Kilolu 1109 | // X>=32 çıkarsa: Aşırı Obez Kilolu (Doktora gidiniz) 1110 | // DISPLAY RESULT 1111 | //$('#result_number_id').html(getLocalVkiNumberResult).css("color","blue"); 1112 | 1113 | // switch-case 1114 | if (getLocalVkiNumberResult < 18) { 1115 | $("#result_vki_id").html(`${getLocalVkiNumberResult}:Düşük Kilolu `); 1116 | localStorage.setItem("vki_result", "düşük kilolu"); 1117 | } else if (18 <= getLocalVkiNumberResult && getLocalVkiNumberResult < 24) { 1118 | $("#result_vki_id").html(`${getLocalVkiNumberResult}:Normal Kilolu `); 1119 | localStorage.setItem("vki_result", "Normal kilolu"); 1120 | } else if (24 <= getLocalVkiNumberResult && getLocalVkiNumberResult < 29) { 1121 | $("#result_vki_id").html(`${getLocalVkiNumberResult}:Fazla Kilolu `); 1122 | localStorage.setItem("vki_result", "Fazla kilolu"); 1123 | } else if (29 <= getLocalVkiNumberResult && getLocalVkiNumberResult < 32) { 1124 | $("#result_vki_id").html(`${getLocalVkiNumberResult}:Obez Kilolu `); 1125 | localStorage.setItem("vki_result", "Obez kilolu"); 1126 | } else if (getLocalVkiNumberResult >= 32) { 1127 | $("#result_vki_id").html(`${getLocalVkiNumberResult}:Aşırı Obez Kilolu (Doktora gidiniz) `); 1128 | localStorage.setItem("vki_result", "Aşırı Obez kilolu"); 1129 | } else { 1130 | $("#result_vki_id").html(`${getLocalVkiNumberResult}:Sen insan değilsin :) `); 1131 | localStorage.setItem("vki_result", "Sen insan değilsin"); 1132 | } 1133 | 1134 | // Local 1135 | getLocalVkiResult = localStorage.getItem("vki_result"); 1136 | 1137 | // Local Storage Temizle 1138 | 1139 | }); // click 1140 | }) // end document ready 1141 | }; 1142 | vkiFormule(); 1143 | 1144 | 1145 | // LocalStorage Cleaner 1146 | let clearLocaleStorageData=()=>{ 1147 | //alert("Silinecek") 1148 | if(window.confirm("Local Storage'ı silmek istediğinizden emin misiniz ?")){ 1149 | localStorage.clear(); 1150 | alert("silindi"); 1151 | }else{ 1152 | alert("Silinmedi !!!"); 1153 | } 1154 | } 1155 | // $(function () { 1156 | //$("#vki_hesapla").on("click", function () { 1157 | //}}); 1158 | 1159 | 1160 | 1161 | //////////////////////////////////////////////////////// 1162 | // jquery ajax GET/POST (Backend: Java API, ) 1163 | // Dockerfile 1164 | 1165 | //////////////////////////////////////////////////////// 1166 | // REACT 1167 | // K.D.V hesaplaması: JS - ve React Yapılacak 1168 | 1169 | 1170 | 1171 | 1172 | 1173 | 1174 | 1175 | 1176 | 1177 | 1178 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Project : One Page 3 | Author : Hamit Mızrak 4 | Date : 14 /June /2023 5 | Version : v.1 6 | */ 7 | 8 | /*######################################################*/ 9 | /* Root */ 10 | :root{ 11 | --templateBgColor:rgb(43, 43, 43); 12 | } 13 | 14 | /*######################################################*/ 15 | /* Common Property */ 16 | * { 17 | margin: 0; 18 | padding: 0px; 19 | box-sizing: border-box; 20 | } 21 | 22 | html { 23 | font-size: 20px; 24 | } 25 | 26 | body { 27 | font-family: 'Manrope', sans-serif; 28 | line-height: 1.2; 29 | position: relative; 30 | } 31 | 32 | a { 33 | text-decoration: none; 34 | } 35 | 36 | ul { 37 | list-style-type: none; 38 | } 39 | 40 | img { 41 | max-width: 100%; 42 | height: auto; 43 | } 44 | 45 | img:hover { 46 | opacity: 0.9; 47 | box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.8); 48 | transition: 3s all; 49 | cursor: pointer; 50 | } 51 | 52 | i { 53 | font-size: 1.5rem; 54 | } 55 | 56 | p{ 57 | color:black!important; 58 | } 59 | 60 | .my_clearfix::after{ 61 | content: ""; 62 | display: block; 63 | clear: both; 64 | } 65 | 66 | .myHeading{ 67 | text-align: center; 68 | text-decoration: underline; 69 | margin-bottom: 2rem; 70 | text-transform: uppercase; 71 | text-shadow: 0.4px -0.9px rgba(0,0,0,0.9); 72 | opacity: 0.7; 73 | } 74 | 75 | /* my special Size */ 76 | .fSize1 { 77 | font-size: 1rem; 78 | /* 15*1 */ 79 | } 80 | 81 | .fSize2 { 82 | font-size: 2rem; 83 | /* 15*1 */ 84 | } 85 | 86 | .fSize3 { 87 | font-size: 3rem; 88 | /* 15*1 */ 89 | } 90 | 91 | .fSize4 { 92 | font-size: 4rem; 93 | /* 15*1 */ 94 | } 95 | 96 | /* Line-clamp */ 97 | .line-clamp4{ 98 | -webkit-line-clamp: 4; 99 | -webkit-box-orient: vertical; 100 | display: -webkit-box; 101 | overflow: hidden; 102 | } 103 | 104 | .line-clamp5{ 105 | -webkit-line-clamp: 5; 106 | -webkit-box-orient: vertical; 107 | display: -webkit-box; 108 | overflow: hidden; 109 | } 110 | 111 | .line-clamp8{ 112 | -webkit-line-clamp: 8; 113 | -webkit-box-orient: vertical; 114 | display: -webkit-box; 115 | overflow: hidden; 116 | } 117 | 118 | .line-clamp10{ 119 | -webkit-line-clamp: 10; 120 | -webkit-box-orient: vertical; 121 | display: -webkit-box; 122 | overflow: hidden; 123 | } 124 | 125 | .line-clamp20{ 126 | -webkit-line-clamp: 20; 127 | -webkit-box-orient: vertical; 128 | display: -webkit-box; 129 | overflow: hidden; 130 | } 131 | 132 | /*######################################################*/ 133 | 134 | /* Navbar */ 135 | .dark_mode{ 136 | background-color: var(--templateBgColor); 137 | color: #ffffff; 138 | } 139 | 140 | /* Header */ 141 | header{ 142 | background-image: url("./img/header.jpg"); 143 | background-repeat: no-repeat; 144 | background-size: cover; 145 | background-position: 50% 50%; 146 | height:80vh; 147 | padding-top:4rem; 148 | } 149 | 150 | /* Messages */ 151 | #messages{ 152 | margin-top:3rem; 153 | margin-bottom:3rem; 154 | } 155 | 156 | #messages > .container > .row > .text-center> p{ 157 | color:black!important; 158 | } 159 | 160 | #messages i{ 161 | color:blue; 162 | font-size: 5rem; 163 | } 164 | 165 | 166 | /* parallax */ 167 | #parallax{ 168 | background-color: transparent; 169 | background-image: url('./img/parallax.jpg'); 170 | background-size: cover; 171 | height: 35rem; 172 | padding:2rem; 173 | background-repeat: no-repeat; 174 | background-attachment: fixed; 175 | } 176 | 177 | #parallax > h2,p{ 178 | color:white!important; 179 | } 180 | 181 | /* newspaper */ 182 | #newspaper { 183 | height: 35rem; 184 | padding:2rem; 185 | } 186 | #newspaper p { 187 | color:black!important; 188 | text-align: justify; 189 | } 190 | 191 | 192 | /* blog */ 193 | #blog{ 194 | background-color: #b5b8ff; 195 | } 196 | 197 | 198 | /* Footer */ 199 | footer{ 200 | min-height: 10rem; 201 | width: auto; 202 | color:white; 203 | } 204 | 205 | 206 | /* Back top */ 207 | #back_top{ 208 | position: fixed; 209 | right: 0; 210 | bottom:0; 211 | } 212 | 213 | #back_top:hover{ 214 | opacity: 0.8; 215 | } -------------------------------------------------------------------------------- /template.js: -------------------------------------------------------------------------------- 1 | // Dark Mode 2 | let darkModu=()=>{ 3 | //alert("Dark modu"); 4 | document.body.classList.toggle("dark_mode"); 5 | } 6 | 7 | // input search 8 | $(document).ready(function(){ 9 | const searchApi=["Adana","Balikesir","Çorum","Denizli","Diyarbakır","Edirne","Malatya","Van"]; 10 | $("#tags").autocomplete({ 11 | source:searchApi 12 | }) 13 | }); //end 14 | 15 | 16 | // Footer 17 | let newDate=()=>{ 18 | const date=new Date().getFullYear(); 19 | // JS DOM 20 | //document.getElementById("date_id").innerHTML=new Date().getFullYear(); 21 | 22 | // Jquery DOM 23 | $("#date_id").html(date); 24 | } 25 | newDate() -------------------------------------------------------------------------------- /tutorials.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 11 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |

JavaScript

22 | 23 | 24 | 27 | 28 | 29 | 30 | 87 | 88 | 89 | 95 | 97 | 100 | 101 | 113 | 114 | 126 | 127 | 149 | 150 |
151 | 152 | 153 | 167 | 168 | 169 | 170 | 173 | 174 | 177 | 178 | 179 | 180 | 181 | -------------------------------------------------------------------------------- /util/Persist.txt: -------------------------------------------------------------------------------- 1 | Emmet.io => https://docs.emmet.io/cheat-sheet/ 2 | --------------------------------------------------------------------------------