Séance 1
@scleriot
cleriotsimon@gmail.com
Directeur Technique @
Sujet du cours
Vue.js
Impérative
Chaque instruction modifie l'état du programme et sont exécutées les unes à la suite des autres.
console.log("Hello World")
alert("Coucou")
document.getElementById("text").innerHTML = "Hello !"
Impérative
Event-driven
Le sens (flow) du programme est défini par les évènements (click d'une souris, message depuis un autre processus, etc...).
Les instructions sont donc exécutées dans un sens indéfini au lancement du programme.
console.log("Hello 1")
button.on("click", function(event) {
console.log("Button clicked")
})
console.log("Hello 2")
Impérative
Event-driven
Fonctionnelle
Un language où tout est fonction.
Map, reduce, filter etc...
var arr = [1,2,3,4]
var is_pair = arr.map(function(x){
return x%2==0;
}) // -> [false,true,false,true]
var arr = [1,2,3,4]
var is_even = arr.map(function(x){
return x%2==0;
}) // -> [false,true,false,true]
var arr = [1,2,3,4]
var array_even_number = arr.filter(function(x){
return x%2==0;
}) // -> [2,4]
var arr = [1,2,3,4]
var addition = arr.reduce(function(accumulator, currentValue){
return accumulator + currentValue;
}, 0) // -> 10
Comment écrire du code ES6 et le faire tourner dans les navigateurs actuels ?
En le compilant !
Comment écrire du code ES6 et le faire tourner dans les navigateurs actuels ?
//ES6
[1, 2, 3].map(x => x**2)
//Output ES5
[1, 2, 3].map(function (x) {
return Math.pow(x, 2);
});
https://scleriot.github.io/web-dawin/