Skip to content

fellyph/pwa-tutorial

Repository files navigation

PWA Course

🇧🇷 Esse projeto foi criado como apoio para o curso de PWA do Canal do YouTube de @fellyph. Curso criado em 2019 tem como objetivo passar sobre conceitos básicos relacionados a PWA como Service Workers e Web APIs o curso do youtube é inteiramente gratuito, o curso não possui um programa fechado pois Progressive web apps é conceito em constante evolução novas APIs surgem ou sofrem melhorias todos os meses por isso que a ideia desse curso após a parte de introdução é abordar as web APIs que ajudam no desenvolvimento de uma PWA.

Como contribuir com o curso:

  • Sugerindo correções ou atualizações dos exercícios
  • Ajudando na documentação
  • Curso sugira exercícios com código e descrição
  • Criando legendas e documentação para outros idiomas
  • Comentando suas dúvidas nos vídeos
  • Compartilhando os vídeos

Atualmente o Curso está em Português mas possivelmente teremos uma versão em inglês uma das razões para conteúdo tá em inglês é o fato que eu rodo esse curso presencial.

🇬🇧 This project was created to support the PWA course at the @fellyph YouTube Channel. Course created in 2019 aims to pass on basic concepts related to PWA as Service Workers and Web APIs the course is entirely free on Youtube, the course does not have a closed program because Progressive web apps is a concept in constant evolution new APIs appear or undergo improvements every month so the idea of this course after the introduction part is to address the web APIs that help in the development of a PWA.

How to contribute to the course:

  • Suggesting exercise corrections or updates
  • Helping with documentation
  • Course suggest exercises with code and description
  • Creating subtitles and documentation for other languages
  • Commenting your doubts on the videos
  • Sharing the videos

Currently the Course is in Portuguese but we may have an English version. One of the reasons for the content is in English is the fact that I take this course in person.

  • Video 01: Introduction
  • Video 02: Analyzing your project with lighthouse
  • Video 03: Analyzing your PWA with Firefox and Safari
  • Video 04: Installing service Worker
  • Video 05: Theory behind service worker
  • Video 06: Adding offline version
  • Video 07: Theory about web app manifest
  • Video 08: Creating manifest.json file
  • Video 09: Showing installing banner
  • Video 10: Adding icons for iOS
  • Video 11: Web Share API
  • Video 12: Media Queries for PWA
  • Video 13: BadgingAPI
  • Video 14: Cache Strategies
  • Video 15: Workbox Introduction
  • Video 16: Workbox Hands-on
  • Video 17: Integrating Workbox with Webpack
  • Video 18: Runtime Caching for PWA
  • Video 19: Adding manifest json with webpack
  • Video 20: Dark mode