♻️ (bp)

This commit is contained in:
2020-07-04 22:24:58 +02:00
parent 48030ff848
commit 59c48184a7
3 changed files with 24 additions and 25 deletions

View File

@@ -1,6 +1,6 @@
# Bons programmeurs
# De 0 à héros : Mettre une PWA en production _en 30 minutes_.
# PWA : de 0 à héros - mettre en production _en 30 minutes_.
## Étapes
@@ -13,9 +13,9 @@
Dans cette formation, il n'y aura pas :
1. React ou React-Native, l'application sera un site web avec des traits d'application mobile, ce sera l'occasion de voir une nouvelle techno JavaScript !
1. Des test unitaires, on a que 30 minutes,
1. Des beaux commits, on a que 30 minutes.
1. React ou React-Native, le but est de réaliser un site web avec des traits d'application mobile, ce sera l'occasion de voir une nouvelle techno JavaScript !
1. Des test unitaires, on n'a que 30 minutes,
1. Des beaux commits, on n'a que 30 minutes.
### Une PWA avec VueJS
@@ -28,14 +28,15 @@ Fonctionnalités :
- node-sass
- babel
- typescript
- router
- vuex
- router (ne sera pas utilisé)
- vuex (ne sera pas utilisé)
- eslint
`yarn install @vue/composition-api`
1. Ajouter composition API au fichier principal `main.ts`
1. Nettoyer `App.ts`
1. Ajouter les règles à `eslintrc`
#### Code
@@ -46,6 +47,7 @@ Fonctionnalités :
1. Créer le fichier `app.scss` et l'importer dans `App.vue`
1. Créer le système de notification
1. Créer le logo et utiliser `npx vue-pwa-asset-generator -a public/logo.svg -o public/img`
1. Présenter `vue.config.js` pour alimenter le `manifest.json`
1. Créer la fonctionnalité de musique.
#### Déployer sur Netlify