You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/resources/partners.md
+11-11
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,7 @@ partners_list:
11
11
name: Vehikl
12
12
logo: vehikl.png
13
13
description:
14
-
Vehikl is a software consultancy specialising in PHP and JavaScript. We build best-in-class web applications written with popular frameworks such as Laravel, Express, NestJS, Vue, and React. Think of us as an extension of your team.
14
+
(EN) Vehikl is a software consultancy specialising in PHP and JavaScript. We build best-in-class web applications written with popular frameworks such as Laravel, Express, NestJS, Vue, and React. Think of us as an extension of your team.
"(EN) Modus Create is a disruptive consulting firm that helps companies transform for success in the digital future.
46
-
47
-
Clients work with Modus to effect transformational change through a unique collaborative engagement model that focuses on strategy, product design/build, user experience, company culture, and process change to accelerate their response to digital disruption.
48
-
49
-
Modus is uniquely expert at executing within the new reality of global talent sourcing and globally distributed teams. Modus culture is based on recruiting only top talent regardless of their location. Modus delivers time zone-aligned, highly productive, English-speaking teams, accessibility, and a totally collaborative environment regardless of individual location.
45
+
"(EN) Modus Create is a disruptive consulting firm that helps companies transform for success in the digital future.
46
+
47
+
Clients work with Modus to effect transformational change through a unique collaborative engagement model that focuses on strategy, product design/build, user experience, company culture, and process change to accelerate their response to digital disruption.
48
+
49
+
Modus is uniquely expert at executing within the new reality of global talent sourcing and globally distributed teams. Modus culture is based on recruiting only top talent regardless of their location. Modus delivers time zone-aligned, highly productive, English-speaking teams, accessibility, and a totally collaborative environment regardless of individual location.
50
50
"
51
51
proficiencies:
52
52
- name: Vue.js
@@ -94,7 +94,7 @@ partners_list:
94
94
name: Monterail
95
95
logo: Monterail.png
96
96
description:
97
-
"Monterail is a full-service software development company with 100+ experts on board delivering meaningful software for start-ups, SMBs and enterprises. We build for the Web with Ruby on Rails, Python, JavaScript, and Agile. We guarantee this: a product so qualitative and aligned with your vision, you’ll swear it was built in-house."
97
+
"(EN) Monterail is a full-service software development company with 110+ experts on board delivering meaningful software for start-ups, SMBs and enterprises. We are organizers of the first official Vue-related conference in the world and authors of the State of Vue.js report (2017&2019). Our experts delivered 30 Vue.js-based projects so far."
"Rangle is a global digital consultancy that helps ambitious organizations outperform the competition in the most demanding markets. We work closely with our clients as one team to imagine, design, and deliver human-centered digital experiences that create lasting results and real business value. Anchored in innovation and lean startup best-practices, our unique delivery and partnership model is purposed-built to this task."
144
+
"(EN) Rangle is a global digital consultancy that helps ambitious organizations outperform the competition in the most demanding markets. We work closely with our clients as one team to imagine, design, and deliver human-centered digital experiences that create lasting results and real business value. Anchored in innovation and lean startup best-practices, our unique delivery and partnership model is purposed-built to this task."
Copy file name to clipboardExpand all lines: src/v2/cookbook/client-side-storage.md
+8-8
Original file line number
Diff line number
Diff line change
@@ -39,18 +39,18 @@ const app = new Vue({
39
39
});
40
40
```
41
41
42
-
Concentrons-nous sur les parties `mounted` et `watch`. On utilise `mounted` pour récupérer la valeur depuis le localStorage. Pour garder les données en mémoire, on observe la valeur `name` et à chaque changement, on l'écrit dans le localStorage.
42
+
Concentrons-nous sur les parties `mounted` et `watch`. On utilise `mounted` pour récupérer la valeur depuis le localStorage. Pour garder les données en mémoire, on observe la valeur `name` et à chaque changement, on l'écrit immédiatement.
43
43
44
44
Vous pouvez le tester vous-même ici :
45
45
46
-
<pdata-height="265"data-theme-id="0"data-slug-hash="KodaKb"data-default-tab="js,result"data-user="cfjedimaster"data-embed-version="2"data-pen-title="testing localstorage"class="codepen">Voir le Pen <ahref="https://codepen.io/cfjedimaster/pen/KodaKb/">test du localstorage</a> par Raymond Camden (<ahref="https://codepen.io/cfjedimaster">@cfjedimaster</a>) sur <ahref="https://codepen.io">CodePen</a>.</p>
46
+
<pdata-height="265"data-theme-id="0"data-slug-hash="KodaKb"data-default-tab="js,result"data-user="cfjedimaster"data-embed-version="2"data-pen-title="testing localstorage"class="codepen">Voir le Pen <ahref="https://codepen.io/cfjedimaster/pen/KodaKb/">test du localstorage</a> par Raymond Camden (<ahref="https://codepen.io/cfjedimaster">@cfjedimaster</a>) sur <ahref="https://codepen.io">CodePen</a> (EN).</p>
Écrivez quelque chose dans le formulaire et rechargez la page. Vous remarquerez que la valeur que vous aviez écrite s'affichera automatiquement. N'oubliez pas que votre navigateur a d'excellents outils de développement pour inspecter le stockage côté client. Voici un exemple sur Firefox :
50
50
51
51
52
52
53
-
Ici sur Chrome :
53
+
Et ici sur Chrome :
54
54
55
55
56
56
@@ -95,15 +95,15 @@ const app = new Vue({
95
95
persist() {
96
96
localStorage.name=this.name;
97
97
localStorage.age=this.age;
98
-
console.log('now pretend I did more stuff...');
98
+
console.log('maintenant prétendre que j\'ai fait plus de choses...');
99
99
}
100
100
}
101
101
})
102
102
```
103
103
104
104
Comme avant, `mounted` est utilisé pour charger les données, si elles existent. Cette fois, les données sont sauvées seulement si le bouton est cliqué. On pourrait aussi faire des validations ou transformations ici avant de stocker les données. On pourrait aussi stocker une date représentant le moment ou les données ont été sauvées. Avec ces métadonnées, la fonction `mounted` pourrait vérifier si il faut encore stocker les valeurs. Vous pouvez essayer cette version ci-dessous.
105
105
106
-
<pdata-height="265"data-theme-id="0"data-slug-hash="rdOjLN"data-default-tab="js,result"data-user="cfjedimaster"data-embed-version="2"data-pen-title="testing localstorage 2"class="codepen">Voir le Pen <ahref="https://codepen.io/cfjedimaster/pen/rdOjLN/">test du localstorage 2</a> par Raymond Camden (<ahref="https://codepen.io/cfjedimaster">@cfjedimaster</a>) sur <ahref="https://codepen.io">CodePen</a>.</p>
106
+
<pdata-height="265"data-theme-id="0"data-slug-hash="rdOjLN"data-default-tab="js,result"data-user="cfjedimaster"data-embed-version="2"data-pen-title="testing localstorage 2"class="codepen">Voir le Pen <ahref="https://codepen.io/cfjedimaster/pen/rdOjLN/">test du localstorage 2</a> par Raymond Camden (<ahref="https://codepen.io/cfjedimaster">@cfjedimaster</a>) sur <ahref="https://codepen.io">CodePen</a> (EN).</p>
@@ -122,12 +122,12 @@ Comme mentionné plus haut, le Local Storage marche seulement avec de simples va
122
122
123
123
<p>
124
124
<inputv-model="newCat">
125
-
<button@click="addCat">Ajouter un chat</button>
125
+
<button@click="addCat"Ajouterunchat</button>
126
126
</p>
127
127
</div>
128
128
```
129
129
130
-
Cette "app" contient une simple liste (avec un bouton pour enlever un chat) et un petit formulaire pour ajouter un nouveau chat. Maintenant regardons le JavaScript.
130
+
Cette « app » contient une simple liste (avec un bouton pour enlever un chat) et un petit formulaire pour ajouter un nouveau chat. Maintenant regardons le JavaScript.
131
131
132
132
```js
133
133
constapp=newVue({
@@ -172,7 +172,7 @@ Dans cette application, on a utilisé l'API Local Storage à la place d'un accè
172
172
173
173
Nous avons trois méthodes pour s'occuper de nos chats. `addCat` et `removeCat` s'occupent de mettre à jour les données de Vue stockées dans `this.cats`. Ensuite elles appellent `saveCats` qui s'occupe de sérialiser et sauver les données. Vous pouvez vous amuser avec la version ci-dessous :
174
174
175
-
<pdata-height="265"data-theme-id="0"data-slug-hash="qoYbyW"data-default-tab="js,result"data-user="cfjedimaster"data-embed-version="2"data-pen-title="localstorage, complex"class="codepen">Voir le Pen <ahref="https://codepen.io/cfjedimaster/pen/qoYbyW/">localstorage, complexe</a> par Raymond Camden (<ahref="https://codepen.io/cfjedimaster">@cfjedimaster</a>) sur <ahref="https://codepen.io">CodePen</a>.</p>
175
+
<pdata-height="265"data-theme-id="0"data-slug-hash="qoYbyW"data-default-tab="js,result"data-user="cfjedimaster"data-embed-version="2"data-pen-title="localstorage, complex"class="codepen">Voir le Pen <ahref="https://codepen.io/cfjedimaster/pen/qoYbyW/">localstorage plus complexe</a> par Raymond Camden (<ahref="https://codepen.io/cfjedimaster">@cfjedimaster</a>) sur <ahref="https://codepen.io">CodePen</a> (EN).</p>
Copy file name to clipboardExpand all lines: src/v2/cookbook/form-validation.md
+23-18
Original file line number
Diff line number
Diff line change
@@ -333,21 +333,27 @@ Nous avons défini le total comme une valeur calculée et la méthode checkForm
333
333
334
334
## Validation côté serveur
335
335
336
-
Dans mon dernier exemple, nous allons construire une application vuejs qui utilise Ajax pour valider des données via le serveur. Le formulaire va vous demander de nommer un nouveau produit et ensuite s'assurer que ce nom est unique. Nous avons écrit une rapide [OpenWhisk](http://openwhisk.apache.org/) action sans serveur pour gérer la validation, voici la logique de cette action.
336
+
Dans mon dernier exemple, nous allons construire quelque chose qui utilise Ajax pour valider des données via le serveur. Le formulaire va vous demander de nommer un nouveau produit et ensuite s'assurer que ce nom est unique. Nous avons écrit une rapide [Netlify]((https://netlify.com/) action sans serveur pour gérer la validation, voici la logique de cette action.
337
337
338
338
```js
339
-
functionmain(args) {
340
-
returnnewPromise((resolve, reject) => {
341
-
// bad product names: vista, empire, mbp
342
-
constbadNames= ['vista', 'empire', 'mbp'];
339
+
exports.handler=async (event, context) => {
340
+
341
+
constbadNames= ['vista', 'empire', 'mbp'];
342
+
constname=event.queryStringParameters.name;
343
+
344
+
if (badNames.includes(name)) {
345
+
return {
346
+
statusCode:400,
347
+
body:JSON.stringify({error:'Invalid name passed.'})
348
+
}
349
+
}
343
350
344
-
if (badNames.includes(args.name)) {
345
-
reject({error:'Existing product'});
346
-
}
351
+
return {
352
+
statusCode:204
353
+
}
347
354
348
-
resolve({status:'ok'});
349
-
});
350
355
}
356
+
351
357
```
352
358
353
359
En gros, tous les noms exceptés "vista", "empire", and "mbp" sont valides. Bien, regardons donc le formulaire.
@@ -389,7 +395,7 @@ En gros, tous les noms exceptés "vista", "empire", and "mbp" sont valides. Bien
389
395
Il n'y a rien de bien spécial ici. Voyons maintenant le JavaScript.
Copy file name to clipboardExpand all lines: src/v2/examples/commits.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -6,4 +6,4 @@ order: 1
6
6
7
7
> Cet exemple récupère les dernières informations de commits de Vue.js depuis l'API GitHub et les affiche sous forme de liste. Vous pouvez basculer entre l'affichage des branches master et dev.
Copy file name to clipboardExpand all lines: src/v2/examples/deepstream.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -6,4 +6,4 @@ order: 9
6
6
7
7
> Cet exemple utilise [deepstreamHub](https://deepstreamhub.com/) pour synchroniser les données en temps réel, émettre des évènements et faire de l'interaction distante entre clients (vous pouvez l'ouvrir dans plusieurs fenêtres de navigateurs).
0 commit comments