Progressive Web Application

avatar

undraw_Web_devices_re_m8sc.png

Progressive Web Applications (PWA) are site that look like normal sites but instead offer so much more like working offline, push notifications, and device hardware access previously available only to native apps.

Technologies have shifted from the creation of static pages to dynamic web pages since 2005 which are driven by the server PHP or client Ajax, and responsive web designs.

Progressive means that the sites worked no matter the browser and where built with progressive cores. There were described are responsive, connective, independent, Acting like a normal phone application and re-engageable.

A reason why you would want PWAS is because they are fast at data cathe therefore the app starts very fast without the network.

Technologies and specifications you would need to create PWAs and they include:

  • Manifest, a W3C specification, a JSON file with meta information that has information about your web app.

  • Service Workers are also needed because they provide a scriptable network proxy in the browser to manage HTTP requests programmatically. Server workers run in the background of an application and act as a proxy between the network and application. They intercept network requests and cache information that can be later retrieved offline.

  • Web Workers allow a web app to run multiple threads of JavaScript code simultaneously.

  • WebAssembly allows precompiled code to run in a web browser at the native speed.

  • IDB or Indexed Database is a NoSQL database that’s built into modern browsers. It allows to quickly display content regardless of connectivity issues or Internet speed.

  • Local Storage & Session Storage are key-value stores.

  • Application Shell Architecture that is used for rapid loading. Service workers store the basic user interface (or shell) that provides an initial static frame into which content can be progressively and dynamically loaded.

Google has a guide on building your own PWA that would help if you are just getting STARTED

Thanks for reading, See you next time✌️



0
0
0.000
0 comments