Fir déi bescht Weeër ze entdecken fir eng Progressive Web App z'entwéckelen, loosst eis scho erënneren wat et heescht:
E PWA kombinéiert d'Funktionalitéite vun engem Site, engem Internet an enger gebierteg Applikatioun.
Dank verbesserte Webnormen ënnerstëtzen d'Browser elo de Service Worker an de Web App Manifest. Et ass also méiglech e Site ouni Internet ze surfen, egal ob um Handy oder Computer, wéi eng Applikatioun. D'Kapazitéit fir Notifikatiounen iwwer de Browser ze kréien an de Site als Applikatioun um Heembildschierm ze addéieren mécht Websäiten elo nach méi no un d'Behuele vun gebiertege Applikatiounen.
E groussen Nodeel fir d'Site war hir méi laang Navigatioun andeems se all Säit op Ufro eroflueden am Verglach zum direkten Affichage vun natierlechen Uwendungen. Elo datt all Dateie kënne Backup a Surfen ouni Internet méiglech sinn, ass dësen Ënnerscheed kloer duerch dat richtegt Gefill vu Geschwindegkeet geläscht.
Kleng Appartement : Wann Dir eng Applikatioun wëllt erstellen, där hir Leeschtung duerch Grafiken a Berechnungen erhéicht gëtt (Videospill, ..), bleift et fir d'native Entwécklung ze berücksichtegen, déi ëmmer méi séier um Clientapparat wäert sinn.
Kuerz gesot, e PWA ass e Site entwéckelt mat Standard Webtechnologien (HTML, CSS an Javascript) awer deen sech op all Manéier wéi eng gebierteg Applikatioun behält.
# Entwécklung Tools:
Wann Dir wielt Äre Site op e PWA z'entwéckelen oder ze iwwersetzen, ofhängeg vum Projet, hei sinn e puer vun den Tools déi de Moment am populärste sinn:
reagéieren :
https://fr.reactjs.org/
E Javascript Kader verëffentlecht an erhale vu Facebook.
Dëst Tool ass bekannt als méi hell a méi flexibel wéi Angular. Dir kënnt Features addéieren wéi Dir gitt, a relativ fräi sinn an der Organisatioun vum Code, awer Entwécklungsbeschränkunge ginn dacks a gréisseren Teams favoriséiert.
E Virdeel ass datt d'Léieren vun dësem Kader och erlaabt Iech ReactNative (vu Facebook) ze kennen, wat et erlaabt gebierteg Uwendungen ze kreéieren.
dréiende :
https://angular.io/
De Kader entworf an ënnerhale vu Google. Framework seet "schwéier" am Sënn datt et d'Entwécklung genuch beschränkt a mat enger Suite vu Javascript Feature vun Ufank un kënnt.
Virdeeler an Nodeeler : Interessi fir wuesse Teams an/oder laangfristeg Projeten well de Code muss gutt organiséiert sinn. Embedding Typescript geet och an dës Richtung, well et méi kuerz dauert fir am Typescript ze schreiwen wéi am Javascript, awer de Code wäert méi liesbar sinn a Feeler si méi einfach z'entdecken.
Vue.js :
https://vuejs.org/
Open-Source Kader gemaach vun engem fréiere Google Entwéckler. Dëse Kader ass méi nei an ass an de leschte Joeren an d'Luucht gaangen, wéinst senger sougenannter Einfachheet a gudder Leeschtung. Am selwechte Wee wéi React, kënnt dëst Tool op eng liicht Manéier an erlaabt Iech Javascript Bibliothéiken derbäi ze ginn wéi Dir an Ärem Projet gitt.
Ionic :
https://ionicframework.com/
E Kader fir Hybrid Apps a PWAs z'entwéckelen. Duerch e Webview mécht Ionic et méiglech eng Applikatioun am Geschäft mat Webtechnologien ze kréien. Et ass och méiglech PWAs mat dëser Plattform z'entwéckelen déi och React an Angular ënnerstëtzt.
Polymer :
https://www.polymer-project.
Entwéckelt vu Google, Polymer ass eng Javascript Bibliothéik fir Webapplikatiounen ze kreéieren. Méi no un de Webnormen awer manner populär; et ass méiglech déi méiglech Zukunft vum Web iwwer dës Technologie ze verfollegen déi déi existent Sprooch dréckt anstatt e Kader ze konforméieren.
Liichttuerm :
https://developers.google.com/
Tool entwéckelt vu Google fir déi verschidde PWA Schieber vun enger Websäit ze moossen. Dëst ka ganz nëtzlech sinn während der Entwécklung vu PWA Funktionalitéiten (Offline Surfen, Performance Testen, etc.).
Gutt Entwécklung!
Maxime, Full Stack@UX-Republic Entwéckler
