feat(start): update utils tools list ⚒

Author: AurelienLoyer

docs/codelab.json

@@ -4,7 +4,7 @@
   "format": "html",
   "prefix": "https://storage.googleapis.com",
   "mainga": "UA-137363732-1",
-  "updated": "2019-03-31T22:46:35-04:00",
+  "updated": "2019-03-31T23:07:13-04:00",
   "id": "docs",
   "duration": 0,
   "title": "Codelab Vue.js",

docs/index.html

@@ -27,16 +27,15 @@
                   environment="web"
                   feedback-link="https://twitter.com/AurelienLoyer">
 
-      <google-codelab-step label="Getting started" duration="0">
-        <h2>Prérequis</h2>
-<p>Pour faire ce codelab, vous avez besoin des outils suivants :</p>
+      <google-codelab-step label="Prérequis" duration="0">
+        <p>Pour faire ce codelab, vous avez besoin des outils suivants :</p>
 <ul>
 <li>GIT</li>
 <li>NodeJS 7.x ou &gt;</li>
 <li>un IDE (WebStorm ou Visual Studio Code...)</li>
 </ul>
 <p>Pour aider au développement, vous pouvez utiliser l&#39;extention Chrome <strong>Vue-devtools</strong> (https://github.com/vuejs/vue-devtools)</p>
-<p>Afin d&#39;éviter les problèmes de réseau le jour J, veuillez cloner ce projet et exécuter les commandes suivantes :</p>
+<p>Afin d&#39;éviter les problèmes de réseau et gagner du temps le jour J, veuillez cloner ce projet et exécuter les commandes suivantes :</p>
 <pre><code>git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
 
 npm install -g @vue/cli
@@ -47,12 +46,9 @@ <h2>Prérequis</h2>
 <pre><code>vue --version
 vue --help
 </code></pre>
-<p>Vous devriez avoir une version &gt; 3.* et une liste de command pour commencer votre projet.</p>
-<h2>Codelabs</h2>
-<p>Tous les exercices qui vont suivre se baseront sur deux pages statiques que nous avons développées.<br>Le but sera d&#39;intégrer ces pages dans une application VueJS.</p>
-<p>Pour récupérer ces templates, veuillez exécuter la commande suivante :</p>
-<pre><code>git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
-</code></pre>
+<p>Vous devriez avoir une version &gt; 3.* et une liste de commandes pour commencer votre projet.</p>
+<h2>Exercices</h2>
+<p>Tous les exercices qui vont suivre se baseront sur deux pages statiques que nous avons développées.<br>Le but sera d&#39;intégrer ces pages dans une application Vue.js.</p>
 
 
       </google-codelab-step>
@@ -63,7 +59,7 @@ <h2>Codelabs</h2>
 <li>Installez <strong>vue-cli</strong><pre><code>npm install -g @vue/cli
 </code></pre>
 </li>
-<li>Créez une application, utilisant le template <strong>webpack</strong> dans le dossier récupéré<pre><code>vue create .
+<li>Créez une application, en utilisant la commande suivante et en repondant aux questions générer votre base.<pre><code>vue create .
 </code></pre>
 </li>
 </ul>
@@ -137,7 +133,7 @@ <h2>Codelabs</h2>
 <ul>
 <li>Créez le filtre <code>uppercase</code> pour écrire en majuscules le nom des bières</li>
 <li>Créez le filtre <code>currency</code> pour ajouter le sigle <code>$</code> au prix de chaque bière.</li>
-<li>Nous allons terminer cette partie pratique par le développement d&#39;une <code>Computed Property</code>. Itérer la directive <code>v-for</code> avec cette <code>Computed Property</code> afin de trier les éléments par la propriété <code>price</code>.</li>
+<li>Nous allons terminer cette partie pratique par le développement d&#39;une <code>Computed Property</code>. Itérez la directive <code>v-for</code> avec cette <code>Computed Property</code> afin de trier les éléments par la propriété <code>price</code>.</li>
 </ul>
 
 
@@ -178,7 +174,7 @@ <h2>Codelabs</h2>
       </google-codelab-step>
 
       <google-codelab-step label="PW6 - Le Routeur" duration="0">
-        <p>Nous allons à présent intégrer dans notre application le routeur proposé par la communauté <strong>VueJS</strong></p>
+        <p>Nous allons à présent intégrer dans notre application le routeur proposé par la communauté <strong>vue.jS</strong></p>
 <ul>
 <li>Installez le module <code>vue-router</code></li>
 <li>Créez deux composants : <code>home</code> et <code>basket</code><ul>
@@ -214,7 +210,7 @@ <h2>Codelabs</h2>
 <li>Installez le module <code>vuex</code></li>
 <li>Créez le store qui sera utilisé dans l&#39;ensemble de l&#39;application. Dans le cadre de ce codelab nous n&#39;y manipulerons que le panier de l&#39;utilisateur.</li>
 <li>Le <code>store</code> devra être injecté dans chaque composant de notre application.</li>
-<li>Lorsque l&#39;utilisateur selectionne une bière, veuillez créer une mutation permettant d&#39;ajouter la bière selectionnée au panier.</li>
+<li>Lorsque l&#39;utilisateur sélectionne une bière, veuillez créer une mutation permettant d&#39;ajouter la bière selectionnée au panier.</li>
 <li>Dans les composants <code>basket</code> et <code>menu</code>, utilisez le panier stocké dans le <code>store</code> pour afficher les informations nécessaires.</li>
 <li>Dans le composant principal, si la propriété stockée dans le <code>store</code> n&#39;est pas définie, veuillez envoyer la requête vers le serveur, afin de l&#39;initialiser.</li>
 </ul>

pws/PW0.md

@@ -6,9 +6,7 @@ feedback link: https://twitter.com/AurelienLoyer
 
 # Codelab Vue.js
 
-## Getting started  
-
-### Prérequis
+## Prérequis 
 
 Pour faire ce codelab, vous avez besoin des outils suivants :
 
@@ -18,7 +16,7 @@ Pour faire ce codelab, vous avez besoin des outils suivants :
 
 Pour aider au développement, vous pouvez utiliser l'extention Chrome **Vue-devtools** (https://github.com/vuejs/vue-devtools)
 
-Afin d'éviter les problèmes de réseau le jour J, veuillez cloner ce projet et exécuter les commandes suivantes :
+Afin d'éviter les problèmes de réseau et gagner du temps le jour J, veuillez cloner ce projet et exécuter les commandes suivantes :
 
 ```shell
 git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
@@ -33,18 +31,11 @@ Pour vérifier que tout marche correctement:
 vue --version
 vue --help
 ```
-Vous devriez avoir une version > 3.* et une liste de command pour commencer votre projet.
+Vous devriez avoir une version > 3.* et une liste de commandes pour commencer votre projet.
 
-### Codelabs
+### Exercices
 
 Tous les exercices qui vont suivre se baseront sur deux pages statiques que nous avons développées.
-Le but sera d'intégrer ces pages dans une application VueJS.
-
-Pour récupérer ces templates, veuillez exécuter la commande suivante :
-
-```shell
-git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
-```
-
+Le but sera d'intégrer ces pages dans une application Vue.js.
 
 

pws/PW1.md

@@ -9,7 +9,7 @@ Pour cela nous allons nous servir de l'utilitaire **vue cli**.
 npm install -g @vue/cli
 ```
 
-* Créez une application, utilisant le template **webpack** dans le dossier récupéré
+* Créez une application, en utilisant la commande suivante et en repondant aux questions générer votre base.
 
 ```shell
 vue create .

pws/PW4.md

@@ -11,5 +11,5 @@ Nous allons à présent créer des filtres, afin de formater le contenu de notre
 
 * Créez le filtre `currency` pour ajouter le sigle `$` au prix de chaque bière.
 
-* Nous allons terminer cette partie pratique par le développement d'une `Computed Property`. Itérer la directive `v-for` avec cette `Computed Property` afin de trier les éléments par la propriété `price`.
+* Nous allons terminer cette partie pratique par le développement d'une `Computed Property`. Itérez la directive `v-for` avec cette `Computed Property` afin de trier les éléments par la propriété `price`.
 

pws/PW6.md

@@ -1,6 +1,6 @@
 ## PW6 - Le Routeur
 
-Nous allons à présent intégrer dans notre application le routeur proposé par la communauté **VueJS**
+Nous allons à présent intégrer dans notre application le routeur proposé par la communauté **vue.jS**
 
 * Installez le module `vue-router`
 

pws/PW8.md

@@ -8,7 +8,7 @@ Pour terminer ce codelab, nous allons intégrer la bibliothèque **Vuex** afin d
 
 * Le `store` devra être injecté dans chaque composant de notre application.
 
-* Lorsque l'utilisateur selectionne une bière, veuillez créer une mutation permettant d'ajouter la bière selectionnée au panier.
+* Lorsque l'utilisateur sélectionne une bière, veuillez créer une mutation permettant d'ajouter la bière selectionnée au panier.
 
 * Dans les composants `basket` et `menu`, utilisez le panier stocké dans le `store` pour afficher les informations nécessaires.