Progressive Web Apps Development

Version 0.1.5 : 2019-07-12, 10:59:16

Work in Progress

Site Menu

Site Menu

  • Home - This site is about my deep technology dive into PWAs technology to have some understanding of it, and figure out a PWA Development Architecture for creating this site.

  • About - I’m a computer systems and electronics engineer with decades of passion pursuing what’s new and improved within the industries.

  • Glossary - A list of PWA terms with accompany definitions

  • Tech Links - Collection of PWA Tech Links


  • Progressive Web Apps

  • PWA Development Architecture - This PWA: Progressive Web Architecture Development Architecture built using JAMstack, a modern web PWA Development based on client-side JavaScript, reusable APIs, and Markdown

  • PWA Elements - The elements used to build the Development Architecture

  • Gatsby - Gatsby is a blazing fast PWA generator for React

  • Git - Git is a source-code management system for tracking changes in computer files and coordinating work on those files among multiple people.

  • GitHub - GitHub is a web hosted repository for Git projects. It helps software teams collaborate and maintain the entire history of a projects code changes

  • GraphQL - GraphQL is a query language and execution engine connected to any backend service

  • Image Processing - Gatsby provides multiple solution for adding image files to projects

  • IndexDB - IndexedDB is a web browser standard interface for a transactional local database

  • JAMstack - A modern web PWA Development Architecture based on client-side JavaScript, reusable APIs, and Markdown.

    • HTML - Define the content and structure of web pages

    • CSS - Specifies the layout and style of web pages

    • JavaScript - Controls the behavior of web pages

    • Markdown - Markdown is regular text with a few non-alphabetic characters added. It is designed so that it can be converted to HTML

    • Service Workers - Service Workers are at the core of PWAs, because they allow caching of resources and push notifications, two of the main distinguishing features

  • Netlify - Netlify is an Application Delivery Network service providing continuous deployment

  • Node - Node is an open-source, cross-platform, asynchronous event driven, JavaScript runtime environment

  • Npm - Npm is the package manager for JavaScript modules and the world’s largest software registry

  • PWA: Progressive Web App - PWAs are web apps developed using a number of specific technologies and standard patterns to allow them to take advantage of both web and native app features

  • React - React is a declarative, efficient, and flexible JavaScript library for building user interfaces

  • Styling - Styling specifies the layout and style of web pages

  • VScode - Vscode is an alias for the Microsoft Visual Studio code editor. It is Central Command for building PWAs