PWA: Websites that took all the right vitamins
Bienvenue à ce cours d'introduction aux PWA. Ce cours a pour objectif de vous apprendre comment coder une PWA optimisée et fonctionnelle en alternant parties théoriques et exercices pratiques.
Le cours c'est au final plein de petits exercices qui vous amèneront, en les assemblant tous, à développer une PWA entière, fonctionnelle et optimisée.
-
Tout le cours est présent sur GitHub et le point du chute est exactement là où vous vous trouvez !
-
La théorie se trouve ici.
-
Les slides de cette même théorie se trouvent là-haut
-
Si vous êtes plutôt ✏️ 📕 (le monde évolue les cocos) vous trouverez les slides en PDF là.
-
La PWA finalisée, optimisée et déployée tel que vous allez devoir la coder en exercice tout au long de ce cours se trouve là-bas.
-
La totalité du code de la PWA dort bien confortablement 👸 ici même dans l'attente d'être optimisé.
Pour coder une PWA, pas besoin d'une tonne d'outils, il vous faut juste:
-
Un browser (conseillé Chrome surtout pour les outils de développement tel que Lighthouse seulement disponible sur celui-ci).
-
Un éditeur de code ou IDE (conseillé Visual Studio Code aussi présent en solution totalement Web ici si vous voulez).
-
Un terminal bash (pour ceux qui utilisent Windows)
-
Un accès internet (même si un tas de choses peuvent se faire hors lignes, c'est surtout pour la doc 😄)
-
Une bonne connaissance des langages HTML, CSS et JS
Facile non
Si vous avez des questions, n'hésitez pas à demander autant à celui/celle qui vous donne le cours qu'à vos collègues, mais aussi à la communauté 👪.
Pour commencer, c'est de ce côté ➡️