W marcu 2003 r. Nick Finck i Steve Champeon zaskoczyli świat projektowania stron internetowych koncepcją progresywnego ulepszania – strategią projektowania witryn, która najpierw kładzie nacisk na główną treść strony internetowej, a następnie dodaje do treści bardziej szczegółowe i technicznie rygorystyczne warstwy prezentacji i funkcji. W 2003 roku stopniowym ulepszeniem było korzystanie z nowoczesnych funkcji CSS, nieuciążliwego JavaScriptu, a nawet grafiki Scalable Vector Graphics. W 2020 r. progresywne usprawnienie dotyczy korzystania z nowoczesnych możliwości przeglądarek.
W tym artykule przedstawiamy przykład aplikacji internetowej z kartkami z życzeniami, w jaki sposób nowe i przyszłe funkcje przeglądarek mogą stale udoskonalać tę aplikację, tak aby nadal była przydatna we wszystkich nowoczesnych przeglądarkach, ale zapewnia też zaawansowane funkcje w przeglądarkach obsługujących takie funkcje, jak natywny dostęp do systemu plików, dostęp do schowka systemowego, pobieranie kontaktów, okresowa synchronizacja w tle, blokada wybudzania ekranu, funkcje udostępniania i wiele innych.
Po obejrzeniu tej sesji deweloperzy zrozumieją, jak stopniowo ulepszać swoje aplikacje internetowe za pomocą nowych funkcji przeglądarek, nie obciążając podzbioru użytkowników, którzy korzystają z niekompatybilnych przeglądarek, oraz, co najważniejsze, nie wykluczać ich z korzystania z aplikacji internetowej.
Zasoby:
- Pozdrowienia od fugu na GitHubie → https://goo.gle/2VkuwYM
- Stan nowych możliwości → https://goo.gle/3dEcyH2
- Przygotowanie filmu → https://web.dev/progressively-enhance-your-pwa/
Obejrzyj playlistę Dzień 2 na żywo na stronie Web.dev
Prelegent: Thomas Steiner