Blog.

PWAÔÇÖlar ─▒┼č─▒─č─▒nda Postmodern Javascript Ser├╝veni Devam Ediyor!

Cover Image for PWAÔÇÖlar ─▒┼č─▒─č─▒nda Postmodern Javascript Ser├╝veni Devam Ediyor!
Baris Guler
Baris Guler

Javascript Temelleri Kursunun ├ť├ž├╝nc├╝ B├Âl├╝m├╝ Tamamland─▒!

Web Geli┼čtirme konusunda kat─▒l─▒mc─▒larla payla┼čt─▒─č─▒m konulardan biri, PWA'lar─▒n nas─▒l olu┼čturulaca─č─▒na dairdi.

Bu s├╝re├žte, uygulama ikonu, uygulama ad─▒ gibi bilgileri i├žeren manifest dosyas─▒ ve uygulama ├ževrimd─▒┼č─▒ olsa bile web uygulamas─▒n─▒n g├Âr├╝nt├╝lenmesine ve i┼člemesine olanak tan─▒yan Service WorkerÔÇÖlar─▒ kullanarak bir PWA olu┼čturman─▒n ad─▒mlar─▒n─▒ a├ž─▒klad─▒m. G├╝n├╝m├╝zde framework ve libraryÔÇÖlere s─▒k─▒┼čm─▒┼č web geli┼čtirme standartlar─▒ndan ger├žek web standartlar─▒na d├Ân├╝┼č i├žin ├Ânemli bir ad─▒m oldu─čunu d├╝┼č├╝nd├╝─č├╝m Progressive Web Uygulamalar─▒n─▒ kat─▒l─▒mc─▒ ├Â─črencilerle payla┼čm─▒┼č olmaktan mutluluk duyuyorum.

Di─čer bir konu ise DOM kullanarak viewÔÇÖlar─▒ manip├╝le etmekti. DOM, belgenin nesne modeli ve web sayfalar─▒nda bulunan HTML etiketlerinin her biri bir DOM nesnesi. Bu nesneleri kullanarak, sayfada yer alan elemanlar─▒ manip├╝le edebilir, ekleyebilir veya silebilirsiniz. Bu sayede, web sayfas─▒n─▒n g├Âr├╝n├╝m├╝n├╝ de─či┼čtirebilir ve kullan─▒c─▒ deneyimini iyile┼čtirebiliyorsunuz.

Bu konular─▒n her ikisi de modern web geli┼čtirme s├╝re├žlerinde olduk├ža ├Ânemli bir yere sahip. PWA'lar, web uygulamalar─▒n─▒n mobil cihazlarda kullan─▒labilirli─čini art─▒r─▒rken ya da di─čer bir deyi┼čle mobil geli┼čtirmenin segmente olmu┼č (iOS, Android, vb.) haline bir cevap olmas─▒ ger├že─čiyle, DOM manip├╝lasyonu da kullan─▒c─▒ deneyimini geli┼čtirmeye yard─▒mc─▒ oluyor. Bu y├╝zden, bu konular─▒n iyi anla┼č─▒lmas─▒ ve uygulanmas─▒, ba┼čar─▒l─▒ bir web geli┼čtirme s├╝reci i├žin ├Ânemli oldu─čunu d├╝┼č├╝nd├╝─č├╝mden iki konuyu da birbirine kayna┼čt─▒rarak kat─▒l─▒mc─▒lara aktarm─▒┼č oldum.

Web Geli┼čtirme konusunda kat─▒l─▒mc─▒larla payla┼čt─▒─č─▒m konulardan biri, PWA'lar─▒n nas─▒l olu┼čturulaca─č─▒na dairdi. Bu s├╝re├žte, manifest dosyas─▒ ve Service WorkerÔÇÖlar─▒ kullanarak bir PWA olu┼čturman─▒n ad─▒mlar─▒n─▒ a├ž─▒klad─▒m. Manifest dosyas─▒, uygulama ikonu, uygulama ad─▒ gibi bilgileri i├žeriyor ve Service Workers, uygulama ├ževrimd─▒┼č─▒ olsa bile web sayfas─▒n─▒n g├Âr├╝nt├╝lenmesine olanak tan─▒yor. Bu sayede, kullan─▒c─▒lar web sayfas─▒na eri┼čebilirler ve uygulaman─▒n ├Âzelliklerinden yararlanabiliyorlar.

Yukar─▒da bahsedilen konular─▒n ├Ânemi g├╝n├╝m├╝z web geli┼čtirme s├╝re├žleri i├žin olduk├ža b├╝y├╝k. PWA'lar, mobil cihazlarda web uygulamalar─▒n─▒n kullan─▒labilirli─čini art─▒rarak, kullan─▒c─▒lar─▒n web uygulamalar─▒ ile daha iyi bir deneyim ya┼čamas─▒n─▒ sa─čl─▒yor. DOM manip├╝lasyonu ise, web sayfalar─▒n─▒n dinamikli─čini ve etkile┼čimli olmas─▒n─▒ sa─člayarak, kullan─▒c─▒lar─▒n daha etkili bir ┼čekilde web uygulamalar─▒n─▒ kullanmas─▒n─▒ sa─čl─▒yor.

Bu nedenle, PWA'lar ve DOM manip├╝lasyonu, modern web uygulamalar─▒n─▒n olmazsa olmazlar─▒ aras─▒nda yer ald─▒─č─▒ndan web geli┼čtirme s├╝recinde bu konular─▒n iyi anla┼č─▒lmas─▒ ve uygulanmas─▒ olduk├ža ├Ânemli oldu─čunu d├╝┼č├╝n├╝yorum. Dolay─▒s─▒yla, bu konular hakk─▒nda bilgi sahibi olmak, ba┼čar─▒l─▒ bir web geli┼čtirme s├╝reci i├žin gerekli. Bu s├╝recin de kat─▒l─▒mc─▒lar─▒n da zevk alarak takip etti─či ve assign edilen al─▒┼čt─▒rmalarla peki┼čtirme f─▒rsat─▒n─▒ bulacaklar─▒ bir ├Â─črenme s├╝reci olacakt─▒r diye d├╝┼č├╝n├╝yorum.

Nitekim ├Ân├╝m├╝zdeki haftadan itibaren Web APIÔÇÖlar─▒na (fetch, Web Storage API, WebRTC ve Bluetooth API, vb.) de─činip sunucu-tarafl─▒ geli┼čtirme ├╝zerinden Node.jsÔÇÖe ge├ži┼č yapaca─č─▒z ve ilk APIÔÇÖlar─▒m─▒z─▒ yazaca─č─▒z. Son hafta ise JavascriptÔÇÖin fonksiyonel k─▒sm─▒n─▒ g├Ârece─čiz.

Umar─▒m bu h─▒zla vitesimizi daha da artt─▒rarak bu keyifli s├╝rece hep birlikte devam edece─čiz.

Okudu─čunuz i├žin te┼čekk├╝rler.