Skip to content

Commit 72a14a3

Browse files
committed
fix: edit link adding target blank 🔗
1 parent 36b0bd7 commit 72a14a3

File tree

4 files changed

+39
-19
lines changed

4 files changed

+39
-19
lines changed

docs/codelab.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"format": "html",
55
"prefix": "https://storage.googleapis.com",
66
"mainga": "UA-49880327-14",
7-
"updated": "2019-03-26T23:50:11-04:00",
7+
"updated": "2019-03-27T16:58:33-04:00",
88
"id": "docs",
99
"duration": 0,
1010
"title": "Codelab Vue.js",

docs/index.html

Lines changed: 25 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
title="Codelab Vue.js"
2727
environment="web"
2828
feedback-link="">
29-
29+
3030
<google-codelab-step label="PW1 - Getting Started" duration="0">
3131
<p>Dans cette première partie pratique, nous allons juste intégrer le template que nous vous mettons à disposition dans une application <strong>VueJS</strong>.<br>Pour cela nous allons nous servir de l&#39;utilitaire <strong>vue-cli</strong>.</p>
3232
<ul>
@@ -39,7 +39,7 @@
3939
</ul>
4040
<p>Pour cette première étape, nous vous conseillons de désactiver <strong>eslint</strong> et le routeur lors de la génération de l&#39;application. (ne pas faire en production ⚠️ 😉)</p>
4141
<ul>
42-
<li>Vous devez à présent installer les dépendances avec <strong>NPM</strong> ou <strong>Yarn</strong><pre><code>npm i
42+
<li>Vous devez à présent installer les dépendances avec <strong>NPM</strong> ou <strong>Yarn</strong><pre><code>npm i
4343
</code></pre>
4444
</li>
4545
<li>L&#39;application se lance avec la commande suivante :<pre><code>npm run dev
@@ -52,7 +52,7 @@
5252

5353

5454
</google-codelab-step>
55-
55+
5656
<google-codelab-step label="PW2 - Les Composants" duration="0">
5757
<ul>
5858
<li>Vous êtes à présent prêt pour intégrer le template dans l&#39;application qui vient d&#39;être générée. Nous allons nous limiter pour l&#39;instant à la page <code>home.html</code>. Voici les prérequis :<br><br><ul>
@@ -77,7 +77,7 @@
7777

7878

7979
</google-codelab-step>
80-
80+
8181
<google-codelab-step label="PW3 - Les Directives" duration="0">
8282
<p>Dans ce TP, nous allons dynamiser notre page avec les directives <code>v-for</code>, <code>v-if</code> et <code>v-bind</code>.</p>
8383
<ul>
@@ -99,20 +99,20 @@
9999

100100

101101
</google-codelab-step>
102-
102+
103103
<google-codelab-step label="PW4 - Les Filtres" duration="0">
104-
<aside class="warning"><p>⚠️ plus de filtre dans vue.js 2 http://github.com/vuejs/vue/issues/2756#issuecomment-215503966<br>https://vuejs.org/v2/guide/syntax.html#Filters</p>
104+
<aside class="warning"><p>⚠️ Plus de filtre dans Vue.js<br>http://github.com/vuejs/vue/issues/2756#issuecomment-215503966<br>https://vuejs.org/v2/guide/syntax.html#Filters</p>
105105
</aside>
106106
<p>Nous allons à présent créer des filtres, afin de formater le contenu de notre application.</p>
107107
<ul>
108108
<li>Créez le filtre <code>uppercase</code> pour écrire en majuscules le nom des bières</li>
109-
<li>Créez le filtre <code>currency</code> pour ajouter le sigle <code>â</code>‚¬ au prix de chaque bière.</li>
109+
<li>Créez le filtre <code>currency</code> pour ajouter le sigle <code></code>�� au prix de chaque bière.</li>
110110
<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>
111111
</ul>
112112

113113

114114
</google-codelab-step>
115-
115+
116116
<google-codelab-step label="PW5 - Les Ressources" duration="0">
117117
<p>Nous allons à présent intégrer à notre application une API REST.<br>Pour lancer le serveur, vous devez exécuter la commande suivante :</p>
118118
<pre><code>cd server
@@ -145,7 +145,7 @@
145145

146146

147147
</google-codelab-step>
148-
148+
149149
<google-codelab-step label="PW6 - Le Routeur" duration="0">
150150
<p>Nous allons à présent intégrer dans notre application le routeur proposé par la communauté <strong>VueJS</strong></p>
151151
<ul>
@@ -162,7 +162,7 @@
162162

163163

164164
</google-codelab-step>
165-
165+
166166
<google-codelab-step label="PW7 - Les Formulaires" duration="0">
167167
<p>Dans ce PW, nous allons éditer le formulaire dans le composant <code>basket</code> créé précédemment.</p>
168168
<ul>
@@ -176,7 +176,7 @@
176176

177177

178178
</google-codelab-step>
179-
179+
180180
<google-codelab-step label="PW8 - VueX" duration="0">
181181
<p>Pour terminer ce codelab, nous allons intégrer la bibliothèque <strong>Vuex</strong> afin de gérer les états de l&#39;application.</p>
182182
<ul>
@@ -190,13 +190,23 @@
190190

191191

192192
</google-codelab-step>
193-
194-
<google-codelab-step label="Merci 🙏" duration="0">
195-
<p>http://twitter.com/AurelienLoyer</p>
193+
194+
<google-codelab-step label="Fin" duration="0">
195+
<p>Merci 🙏</p>
196+
<h2>Garder le contact</h2>
197+
<ul>
198+
<li>Twitter 🐦<a href="http://twitter.com/AurelienLoyer" target="_blank">@AurelienLoyer</a></li>
199+
<li>Linkedin 🔗 <a href="https://www.linkedin.com/in/aurelien-loyer/" target="_blank">linkedin.com/in/aurelien-loyer</a></li>
200+
</ul>
201+
<h2>Aller plus loin</h2>
202+
<ul>
203+
<li>...</li>
204+
<li>...</li>
205+
</ul>
196206

197207

198208
</google-codelab-step>
199-
209+
200210
</google-codelab>
201211

202212
<script src="https://storage.googleapis.com/codelab-elements/native-shim.js"></script>

pws/PW4.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
## PW4 - Les Filtres
22

33
Negative
4-
: ⚠️ plus de filtre dans vue.js 2 http://github.com/vuejs/vue/issues/2756#issuecomment-215503966
4+
: ⚠️ Plus de filtre dans Vue.js
5+
http://github.com/vuejs/vue/issues/2756#issuecomment-215503966
56
https://vuejs.org/v2/guide/syntax.html#Filters
67

78
Nous allons à présent créer des filtres, afin de formater le contenu de notre application.

pws/PW99.md

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,13 @@
1-
## Merci 🙏
1+
## Fin
22

3-
http://twitter.com/AurelienLoyer
3+
### Merci 🙏
44

5+
### Garder le contact
6+
7+
- Twitter 🐦<a href="http://twitter.com/AurelienLoyer" target="_blank">@AurelienLoyer</a>
8+
- Linkedin 🔗 <a href="https://www.linkedin.com/in/aurelien-loyer/" target="_blank">linkedin.com/in/aurelien-loyer</a>
9+
10+
### Aller plus loin
11+
12+
- ...
13+
- ...

0 commit comments

Comments
 (0)