|
🏆 PWA ● Progressive Web Apps 🔥 İleri Web Uygulaması ✅
- Konuyu Başlatan coderby
- Başlangıç tarihi
-
- Etiketler
- progressive web apps pwa
this is really usefull brother thank you soo much from Pak
PWA ● Progressive Web Apps
İleri Web Uygulaması
Herkesin Ücretsiz Web Mobil Uygulaması Olsun
• PWA olarak tasarlanmış bir web sitesine mobil cihazınızdaki güncel bir Chrome tarayıcıyla girdiğinizde, tarayıcı bu uygulamayı kısayol olarak ana ekranınıza eklemek ister misiniz diye soruyor. Eğer kabul ederseniz web sitesi artık telefonunuzun ekranının tamamını kaplıyor ve normal bir mobile uygulama gibi çalışmaya başlıyor. Tabii ki burada çalışan yine bir web sayfası, ancak gerek tasarımsal gerekse kullanıcı deneyimi açısından doğru dizayn edilmiş bir PWA’da bunu farketmeniz çok zor oluyor.
• PWA'nın önemli bileşeni Service Worker ise web site içeriğinin mobil cihaza yüklenmesini sağlar. Böylece telefonunuz internete bağlı olmasa bile uygulamayı açtığınızda siz telefona aktarılan tüm içeriği ziyaret edebilirsiniz.
• Her kullanıcı çalıştırabilir. Tarayıcı bazlı çalıştığı için kullanıcıların bir kurulum yapması gerekmez.
• Esnektir Her platformda çalışır; masaüstü, mobil, tablet ve hatta gelecek teknolojilerde.
• Bağlantıdan bağımsızdır – Düşük bağlantı hızına sahip internet erişiminde kullanılabilirdir.
• Uygulama gibidir, Uygulama kabuğu modeli, işlevi içerikten ayrı tuttuğu için mobil uygulamalara benzer.
• Günceldir "Service Worker" teknolojisi sayesinde her zaman güncel tutulabilir.
• Güvenlidir Başka kişilerin transferi edilen veriyi görmemesinden ve içeriğe müdahale edilmediğinden emin olmak için HTTPS yoluyla sunulur.
• W3C standartlarına uygun olduğu için arama motorlarının bulmasını sağlayan "uygulama" olarak tanımlanabilir.
• Kullanıcıların, bir uygulama mağazasına bağlanmasına gerek olmadan ana ekranına en yararlı bulduğu uygulamaları ekleyebilmelerini sağlar.
• Paylaşılabilirdir Kullanıcılara karmaşık kurulum gerektirmeden uygulamayı URL yoluyla kolayca paylaşma imkanı verir.
daha fazlası için araştırabilir siniz: https://tr.wikipedia.org/wiki/%C4%B0...ygulamas%C4%B1
• Programlama için ayrı bir kod tabanı gerekmez çünkü PWA HTML 5 ile de geliştirilebilir.
• PWA bir Google aramasında bulunabilir, çünkü bunlar tamamen dizine eklenebilir durumdadır.
• Güncellemeler bir uygulama mağazasından geçmek zorunda değildir. Bunun yerine, web uygulaması servis çalışanlarının yardımıyla en yeni standart haline getirilmiştir.
• Bir PWA, içeriği ve işlevleri, cihazın ön belleğine yüklediklerinden çevrimdışı olarak da kullanılabilir. İnternet bağlantısı tekrar mevcutsa, işlevler ve içerikler sunucuyla senkronize edilebilir.
• Geliştirme maliyetleri, mobil uygulamalardan önemli ölçüde daha düşüktür. Ayrıca PWA tüm platformlarda çalışır ve farklı cihazlar ya da farklı işletim sistemleri için farklı sürümlere ihtiyaç yoktur.
• Uygulamanın çalışması için herhangi bir mağaza gerekmez ve uygulama, tarayıcıyla birlikte çalıştığı için kullanıcının bir şey yüklemesine gerek yoktur.
• Users can easily switch between applications and share PWA content. Likewise, there is less waiting time when clicking links and switching to another website.
• PWA installs immediately so it requires a much shorter loading time than mobile apps.
• PWAs are flexible and suitable for any device.
• If you can't allocate time and budget for the mobile application, if there is an area where you want users to follow your website outside of the mobile application, PWA is for you.
• You don't need to rush to use PWA, this system, which has been on the agenda for about 2 years, has not become very popular among users yet. However, in terms of the advantages it provides, it may become widespread very soon.
• In this respect, we strongly recommend that you take the PWA system into the implementation plan for your mobile site.
• name: text to be displayed when opening PWA
• short_name: The text to be displayed when adding with the "Add shortcut to home screen" method in browsers, is also displayed with this text on the home screen.
• icons: Icons that will appear above the name when opening PWA, as well as the icon of the application on the main screen
• When you use the display: standalone option, there is no address bar in the application. In the browser option, there is an address bar.
• background_color: The background color of the splash screen
• theme_color: If you use it as display:browser, it allows you to set the color of the address bar.
No, you don't need a separate library or framework other than existing web technologies to make your application PWA.
It is possible to create such an application with only HTML, CSS and JavaScript knowledge.
It will be enough to upload the codes to the head meta section and the others to the main directory.
● Open Source Code Files: *** Hidden text: cannot be quoted. ***
Hope it's useful...
"The most auspicious of people, it is people who are useful". H.S.
DertlemezBey
- 23 Ara 2021
- 80 Mesaj
eyw hocam saolun
Kardeşim emeğine sağlık
• PWA olarak tasarlanmış bir web sitesine mobil cihazınızdaki güncel bir Chrome tarayıcıyla girdiğinizde, tarayıcı bu uygulamayı kısayol olarak ana ekranınıza eklemek ister misiniz diye soruyor. Eğer kabul ederseniz web sitesi artık telefonunuzun ekranının tamamını kaplıyor ve normal bir mobile uygulama gibi çalışmaya başlıyor. Tabii ki burada çalışan yine bir web sayfası, ancak gerek tasarımsal gerekse kullanıcı deneyimi açısından doğru dizayn edilmiş bir PWA’da bunu farketmeniz çok zor oluyor.
• PWA'nın önemli bileşeni Service Worker ise web site içeriğinin mobil cihaza yüklenmesini sağlar. Böylece telefonunuz internete bağlı olmasa bile uygulamayı açtığınızda siz telefona aktarılan tüm içeriği ziyaret edebilirsiniz.
• Her kullanıcı çalıştırabilir. Tarayıcı bazlı çalıştığı için kullanıcıların bir kurulum yapması gerekmez.
• Esnektir Her platformda çalışır; masaüstü, mobil, tablet ve hatta gelecek teknolojilerde.
• Bağlantıdan bağımsızdır – Düşük bağlantı hızına sahip internet erişiminde kullanılabilirdir.
• Uygulama gibidir, Uygulama kabuğu modeli, işlevi içerikten ayrı tuttuğu için mobil uygulamalara benzer.
• Günceldir "Service Worker" teknolojisi sayesinde her zaman güncel tutulabilir.
• Güvenlidir Başka kişilerin transferi edilen veriyi görmemesinden ve içeriğe müdahale edilmediğinden emin olmak için HTTPS yoluyla sunulur.
• W3C standartlarına uygun olduğu için arama motorlarının bulmasını sağlayan "uygulama" olarak tanımlanabilir.
• Kullanıcıların, bir uygulama mağazasına bağlanmasına gerek olmadan ana ekranına en yararlı bulduğu uygulamaları ekleyebilmelerini sağlar.
• Paylaşılabilirdir Kullanıcılara karmaşık kurulum gerektirmeden uygulamayı URL yoluyla kolayca paylaşma imkanı verir.
daha fazlası için araştırabilir siniz: https://tr.wikipedia.org/wiki/%C4%B0...ygulamas%C4%B1
• Programlama için ayrı bir kod tabanı gerekmez çünkü PWA HTML 5 ile de geliştirilebilir.
• PWA bir Google aramasında bulunabilir, çünkü bunlar tamamen dizine eklenebilir durumdadır.
• Güncellemeler bir uygulama mağazasından geçmek zorunda değildir. Bunun yerine, web uygulaması servis çalışanlarının yardımıyla en yeni standart haline getirilmiştir.
• Bir PWA, içeriği ve işlevleri, cihazın ön belleğine yüklediklerinden çevrimdışı olarak da kullanılabilir. İnternet bağlantısı tekrar mevcutsa, işlevler ve içerikler sunucuyla senkronize edilebilir.
• Geliştirme maliyetleri, mobil uygulamalardan önemli ölçüde daha düşüktür. Ayrıca PWA tüm platformlarda çalışır ve farklı cihazlar ya da farklı işletim sistemleri için farklı sürümlere ihtiyaç yoktur.
• Uygulamanın çalışması için herhangi bir mağaza gerekmez ve uygulama, tarayıcıyla birlikte çalıştığı için kullanıcının bir şey yüklemesine gerek yoktur.
• Kullanıcılar uygulamalar arasında kolayca geçiş yapabilir ve PWA içeriğini paylaşabilir. Aynı şekilde, linklere tıklandığında ve başka bir web sitesine geçerken daha az bekleme süresi vardır.
• PWA hemen yüklenir, böylece mobil uygulamalardan çok daha kısa bir yükleme süresi gerektirir.
• PWA’lar esnek ve her cihaz için uygundur.
• Eğer mobil uygulama için zaman ve bütçe ayıramıyorsanız, kullanıcıların Web sitenizi mobil uygulama dışında takip etmesini istediğiniz bir alan varsa, PWA tam size göre.
• PWA kullanmak için çok fazla acele etmenize gerek yok, yaklaşık 2 senedir gündemde olan bu sistem henüz kullanıcılar arasında çok fazla yaygınlaşmadı. Ancak sağladığı avantajlar açısından bakılınca çok yakında yaygınlaşması söz konusu olabilir.
• Bu açıdan PWA sistemini mobil siteniz için uygulama planına almanızı şiddetle tavsiye ederiz.
• name: PWA açılırken görüntülenecek metin
• short_name: Tarayıcılarda "Ana ekrana kısayol ekle" metoduyla eklenirken görüntülenecek metin, ayrıca ana ekranda bu metin ile görüntülenir.
• icons: PWA açılırken name'in üzerinde görünecek ikonlar ve ayrıca uygulamanın ana ekrandaki ikonu
• display: standalone seçeneğini kullandığınız zaman uygulama içerisinde adres çubuğu bulunmaz. Browser seçeneğinde ise adres çubuğu bulunur.
• background_color: Açılış ekranının arkaplan rengi
• theme_color: Eğer display:browser şeklinde kullanırsanız adres çubuğunun rengini ayarlamanıza yarıyor.
Hayır, Uygulamanızı PWA yapmak için mevcut web teknolojileri dışında ayrı bir kütüphane veya framework'e ihtiyacınız yok.
Sadece HTML, CSS ve JavaScript bilgisiyle bu tarz bir uygulama oluşturmanız mümkün.
Head meta bölümüne kodları diğerlerinide anadizine yüklemeniz yeterli olacaktır.
● Açık Kaynak Kod Dosyalar: *** Gizli metin: alıntı yapılamaz. ***
Faydalı olması dileyiğle...
“İnsanların en hayırlısı, insanlara faydalı olandır”. H.Ş.
eline sağlık
• PWA olarak tasarlanmış bir web sitesine mobil cihazınızdaki güncel bir Chrome tarayıcıyla girdiğinizde, tarayıcı bu uygulamayı kısayol olarak ana ekranınıza eklemek ister misiniz diye soruyor. Eğer kabul ederseniz web sitesi artık telefonunuzun ekranının tamamını kaplıyor ve normal bir mobile uygulama gibi çalışmaya başlıyor. Tabii ki burada çalışan yine bir web sayfası, ancak gerek tasarımsal gerekse kullanıcı deneyimi açısından doğru dizayn edilmiş bir PWA’da bunu farketmeniz çok zor oluyor.
• PWA'nın önemli bileşeni Service Worker ise web site içeriğinin mobil cihaza yüklenmesini sağlar. Böylece telefonunuz internete bağlı olmasa bile uygulamayı açtığınızda siz telefona aktarılan tüm içeriği ziyaret edebilirsiniz.
• Her kullanıcı çalıştırabilir. Tarayıcı bazlı çalıştığı için kullanıcıların bir kurulum yapması gerekmez.
• Esnektir Her platformda çalışır; masaüstü, mobil, tablet ve hatta gelecek teknolojilerde.
• Bağlantıdan bağımsızdır – Düşük bağlantı hızına sahip internet erişiminde kullanılabilirdir.
• Uygulama gibidir, Uygulama kabuğu modeli, işlevi içerikten ayrı tuttuğu için mobil uygulamalara benzer.
• Günceldir "Service Worker" teknolojisi sayesinde her zaman güncel tutulabilir.
• Güvenlidir Başka kişilerin transferi edilen veriyi görmemesinden ve içeriğe müdahale edilmediğinden emin olmak için HTTPS yoluyla sunulur.
• W3C standartlarına uygun olduğu için arama motorlarının bulmasını sağlayan "uygulama" olarak tanımlanabilir.
• Kullanıcıların, bir uygulama mağazasına bağlanmasına gerek olmadan ana ekranına en yararlı bulduğu uygulamaları ekleyebilmelerini sağlar.
• Paylaşılabilirdir Kullanıcılara karmaşık kurulum gerektirmeden uygulamayı URL yoluyla kolayca paylaşma imkanı verir.
daha fazlası için araştırabilir siniz: https://tr.wikipedia.org/wiki/%C4%B0...ygulamas%C4%B1
• Programlama için ayrı bir kod tabanı gerekmez çünkü PWA HTML 5 ile de geliştirilebilir.
• PWA bir Google aramasında bulunabilir, çünkü bunlar tamamen dizine eklenebilir durumdadır.
• Güncellemeler bir uygulama mağazasından geçmek zorunda değildir. Bunun yerine, web uygulaması servis çalışanlarının yardımıyla en yeni standart haline getirilmiştir.
• Bir PWA, içeriği ve işlevleri, cihazın ön belleğine yüklediklerinden çevrimdışı olarak da kullanılabilir. İnternet bağlantısı tekrar mevcutsa, işlevler ve içerikler sunucuyla senkronize edilebilir.
• Geliştirme maliyetleri, mobil uygulamalardan önemli ölçüde daha düşüktür. Ayrıca PWA tüm platformlarda çalışır ve farklı cihazlar ya da farklı işletim sistemleri için farklı sürümlere ihtiyaç yoktur.
• Uygulamanın çalışması için herhangi bir mağaza gerekmez ve uygulama, tarayıcıyla birlikte çalıştığı için kullanıcının bir şey yüklemesine gerek yoktur.
• Kullanıcılar uygulamalar arasında kolayca geçiş yapabilir ve PWA içeriğini paylaşabilir. Aynı şekilde, linklere tıklandığında ve başka bir web sitesine geçerken daha az bekleme süresi vardır.
• PWA hemen yüklenir, böylece mobil uygulamalardan çok daha kısa bir yükleme süresi gerektirir.
• PWA’lar esnek ve her cihaz için uygundur.
• Eğer mobil uygulama için zaman ve bütçe ayıramıyorsanız, kullanıcıların Web sitenizi mobil uygulama dışında takip etmesini istediğiniz bir alan varsa, PWA tam size göre.
• PWA kullanmak için çok fazla acele etmenize gerek yok, yaklaşık 2 senedir gündemde olan bu sistem henüz kullanıcılar arasında çok fazla yaygınlaşmadı. Ancak sağladığı avantajlar açısından bakılınca çok yakında yaygınlaşması söz konusu olabilir.
• Bu açıdan PWA sistemini mobil siteniz için uygulama planına almanızı şiddetle tavsiye ederiz.
• name: PWA açılırken görüntülenecek metin
• short_name: Tarayıcılarda "Ana ekrana kısayol ekle" metoduyla eklenirken görüntülenecek metin, ayrıca ana ekranda bu metin ile görüntülenir.
• icons: PWA açılırken name'in üzerinde görünecek ikonlar ve ayrıca uygulamanın ana ekrandaki ikonu
• display: standalone seçeneğini kullandığınız zaman uygulama içerisinde adres çubuğu bulunmaz. Browser seçeneğinde ise adres çubuğu bulunur.
• background_color: Açılış ekranının arkaplan rengi
• theme_color: Eğer display:browser şeklinde kullanırsanız adres çubuğunun rengini ayarlamanıza yarıyor.
Hayır, Uygulamanızı PWA yapmak için mevcut web teknolojileri dışında ayrı bir kütüphane veya framework'e ihtiyacınız yok.
Sadece HTML, CSS ve JavaScript bilgisiyle bu tarz bir uygulama oluşturmanız mümkün.
Head meta bölümüne kodları diğerlerinide anadizine yüklemeniz yeterli olacaktır.
● Açık Kaynak Kod Dosyalar: *** Gizli metin: alıntı yapılamaz. ***
Faydalı olması dileyiğle...
“İnsanların en hayırlısı, insanlara faydalı olandır”. H.Ş.
atakan9801
- 25 Ara 2022
- 12 Mesaj
Güzel görünüyor. Teşekkürler
• PWA olarak tasarlanmış bir web sitesine mobil cihazınızdaki güncel bir Chrome tarayıcıyla girdiğinizde, tarayıcı bu uygulamayı kısayol olarak ana ekranınıza eklemek ister misiniz diye soruyor. Eğer kabul ederseniz web sitesi artık telefonunuzun ekranının tamamını kaplıyor ve normal bir mobile uygulama gibi çalışmaya başlıyor. Tabii ki burada çalışan yine bir web sayfası, ancak gerek tasarımsal gerekse kullanıcı deneyimi açısından doğru dizayn edilmiş bir PWA’da bunu farketmeniz çok zor oluyor.
• PWA'nın önemli bileşeni Service Worker ise web site içeriğinin mobil cihaza yüklenmesini sağlar. Böylece telefonunuz internete bağlı olmasa bile uygulamayı açtığınızda siz telefona aktarılan tüm içeriği ziyaret edebilirsiniz.
• Her kullanıcı çalıştırabilir. Tarayıcı bazlı çalıştığı için kullanıcıların bir kurulum yapması gerekmez.
• Esnektir Her platformda çalışır; masaüstü, mobil, tablet ve hatta gelecek teknolojilerde.
• Bağlantıdan bağımsızdır – Düşük bağlantı hızına sahip internet erişiminde kullanılabilirdir.
• Uygulama gibidir, Uygulama kabuğu modeli, işlevi içerikten ayrı tuttuğu için mobil uygulamalara benzer.
• Günceldir "Service Worker" teknolojisi sayesinde her zaman güncel tutulabilir.
• Güvenlidir Başka kişilerin transferi edilen veriyi görmemesinden ve içeriğe müdahale edilmediğinden emin olmak için HTTPS yoluyla sunulur.
• W3C standartlarına uygun olduğu için arama motorlarının bulmasını sağlayan "uygulama" olarak tanımlanabilir.
• Kullanıcıların, bir uygulama mağazasına bağlanmasına gerek olmadan ana ekranına en yararlı bulduğu uygulamaları ekleyebilmelerini sağlar.
• Paylaşılabilirdir Kullanıcılara karmaşık kurulum gerektirmeden uygulamayı URL yoluyla kolayca paylaşma imkanı verir.
daha fazlası için araştırabilir siniz: https://tr.wikipedia.org/wiki/%C4%B0...ygulamas%C4%B1
• Programlama için ayrı bir kod tabanı gerekmez çünkü PWA HTML 5 ile de geliştirilebilir.
• PWA bir Google aramasında bulunabilir, çünkü bunlar tamamen dizine eklenebilir durumdadır.
• Güncellemeler bir uygulama mağazasından geçmek zorunda değildir. Bunun yerine, web uygulaması servis çalışanlarının yardımıyla en yeni standart haline getirilmiştir.
• Bir PWA, içeriği ve işlevleri, cihazın ön belleğine yüklediklerinden çevrimdışı olarak da kullanılabilir. İnternet bağlantısı tekrar mevcutsa, işlevler ve içerikler sunucuyla senkronize edilebilir.
• Geliştirme maliyetleri, mobil uygulamalardan önemli ölçüde daha düşüktür. Ayrıca PWA tüm platformlarda çalışır ve farklı cihazlar ya da farklı işletim sistemleri için farklı sürümlere ihtiyaç yoktur.
• Uygulamanın çalışması için herhangi bir mağaza gerekmez ve uygulama, tarayıcıyla birlikte çalıştığı için kullanıcının bir şey yüklemesine gerek yoktur.
• Kullanıcılar uygulamalar arasında kolayca geçiş yapabilir ve PWA içeriğini paylaşabilir. Aynı şekilde, linklere tıklandığında ve başka bir web sitesine geçerken daha az bekleme süresi vardır.
• PWA hemen yüklenir, böylece mobil uygulamalardan çok daha kısa bir yükleme süresi gerektirir.
• PWA’lar esnek ve her cihaz için uygundur.
• Eğer mobil uygulama için zaman ve bütçe ayıramıyorsanız, kullanıcıların Web sitenizi mobil uygulama dışında takip etmesini istediğiniz bir alan varsa, PWA tam size göre.
• PWA kullanmak için çok fazla acele etmenize gerek yok, yaklaşık 2 senedir gündemde olan bu sistem henüz kullanıcılar arasında çok fazla yaygınlaşmadı. Ancak sağladığı avantajlar açısından bakılınca çok yakında yaygınlaşması söz konusu olabilir.
• Bu açıdan PWA sistemini mobil siteniz için uygulama planına almanızı şiddetle tavsiye ederiz.
• name: PWA açılırken görüntülenecek metin
• short_name: Tarayıcılarda "Ana ekrana kısayol ekle" metoduyla eklenirken görüntülenecek metin, ayrıca ana ekranda bu metin ile görüntülenir.
• icons: PWA açılırken name'in üzerinde görünecek ikonlar ve ayrıca uygulamanın ana ekrandaki ikonu
• display: standalone seçeneğini kullandığınız zaman uygulama içerisinde adres çubuğu bulunmaz. Browser seçeneğinde ise adres çubuğu bulunur.
• background_color: Açılış ekranının arkaplan rengi
• theme_color: Eğer display:browser şeklinde kullanırsanız adres çubuğunun rengini ayarlamanıza yarıyor.
Hayır, Uygulamanızı PWA yapmak için mevcut web teknolojileri dışında ayrı bir kütüphane veya framework'e ihtiyacınız yok.
Sadece HTML, CSS ve JavaScript bilgisiyle bu tarz bir uygulama oluşturmanız mümkün.
Head meta bölümüne kodları diğerlerinide anadizine yüklemeniz yeterli olacaktır.
● Açık Kaynak Kod Dosyalar: *** Gizli metin: alıntı yapılamaz. ***
Faydalı olması dileyiğle...
“İnsanların en hayırlısı, insanlara faydalı olandır”. H.Ş.
1kucucukkedicik1
- 17 Eki 2023
- 1,340 Mesaj
teşekkürler
çok iyi teşekkürler
noriyrcaqe
- 12 Ocak 2024
- 2,904 Mesaj
eline sağlık
oqushanarici
- 3 Ocak 2018
- 1,606 Mesaj
teşekkürler
melih150617
- 3 Ocak 2018
- 1,576 Mesaj
bakalım