GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ibrahima92 → Pwa With Vanilla Js

ibrahima92 / Pwa With Vanilla Js

Progressive Web App built with HTML, CSS and JavaScript

Programming Languages

javascript
184084 projects - #8 most used programming language
javascipt
17 projects

Labels

htmlcsspwa

Projects that are alternatives of or similar to Pwa With Vanilla Js

Vue Awesome Picker
A Vue.js Picker Component
Stars: ✭ 126 (-8.7%)
Mutual labels:  pwa
Nextjs Pwa
Build a PWA with Next.JS
Stars: ✭ 132 (-4.35%)
Mutual labels:  pwa
Elm Hnpwa
Elm implementation of the Hackernews PWA
Stars: ✭ 135 (-2.17%)
Mutual labels:  pwa
Webapp Webpack Plugin
[DEPRECATED] use favicons-webpack-plugin instead
Stars: ✭ 127 (-7.97%)
Mutual labels:  pwa
Universal Native Boilerplate
Build apps for every native platform with React and React Native
Stars: ✭ 131 (-5.07%)
Mutual labels:  pwa
Nicelinks Vue Client
🐬 很棒的 Web 应用——倾城之链（NICE LINKS），基于 Vue2.*（Webpack、Es6、Element-ui）所构建
Stars: ✭ 133 (-3.62%)
Mutual labels:  pwa
Nextjs Pwa Graphql Sql Boilerplate
Next.js serverless PWA with GraphQL (Apollo) + Postgres SQL boilerplate
Stars: ✭ 125 (-9.42%)
Mutual labels:  pwa
Preact Minimal
🚀 Minimal preact structure
Stars: ✭ 136 (-1.45%)
Mutual labels:  pwa
Made With Webassembly
A showcase of awesome production applications, side projects, and use cases made with WebAssembly (Wasm). 👷
Stars: ✭ 132 (-4.35%)
Mutual labels:  pwa
Saleor
A modular, high performance, headless e-commerce platform built with Python, GraphQL, Django, and React.
Stars: ✭ 14,720 (+10566.67%)
Mutual labels:  pwa
Web Bluetooth Terminal
Progressive Web Application for serial communication with your own Bluetooth Low Energy (Smart) devices
Stars: ✭ 130 (-5.8%)
Mutual labels:  pwa
Pwa Template
PWA template for vue-cli based on the starter template
Stars: ✭ 131 (-5.07%)
Mutual labels:  pwa
Metastream
Watch streaming media with friends.
Stars: ✭ 1,926 (+1295.65%)
Mutual labels:  pwa
Wavepad
An experimental synthesizer built using the Web Audio API (PWA).
Stars: ✭ 126 (-8.7%)
Mutual labels:  pwa
Monitaure
🔔 A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135 (-2.17%)
Mutual labels:  pwa
Storefront Ui
Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook. Made with 💚 by Vue Storefront team and contributors.
Stars: ✭ 1,827 (+1223.91%)
Mutual labels:  pwa
Pwa
Progressive Web Apps for Rails
Stars: ✭ 133 (-3.62%)
Mutual labels:  pwa
Pwafire
Progressive Web Apps API of APIs
Stars: ✭ 137 (-0.72%)
Mutual labels:  pwa
Hello Pwa
The classic Hello World program as a Progressive Web App
Stars: ✭ 136 (-1.45%)
Mutual labels:  pwa
Learning Article
学习资源 or 大前端导航，持续更新
Stars: ✭ 1,719 (+1145.65%)
Mutual labels:  pwa
View All Similar Projects ➔

How to build a PWA from scratch with HTML, CSS, and JavaScript

Progressive web apps are a way to bring that native app feeling to a traditional web app. With PWAs we can enhance our website with mobile app features which increase usability and offer a great user experience. In this article, we are going to build a PWA from scratch with HTML, CSS, and JavaScript. Here are the topics we'll cover:

  • What is a Progressive Web App ?
  • Markup
  • Styling
  • Show data with JavaScript
  • Web App Manifest
  • What is a Service Worker?
  • Cache the assets
  • Fetch the assets
  • Register the Service Worker
  • Final thoughts
  • Next steps

Continue reading

You can check it out live here.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].