Semaine 27 : OpQuast & ES6 - SimplonSt-Gaudens/programme-web-dev-promo-2 GitHub Wiki
Semaine 27
Objectifs
- Se préparer pour la certif OpQuast
- Se lancer pour de bon dans du JS (presque) moderne
- Arrêter avec les for et les while!
Lundi
Présentation des projets fil rouge
Internet c'est de la merde!
OpQuast
Passage de la certif le 26 novembre 2018 à 9h30!
D'ici là, allez sur la plateforme d'entraînement (invitation par mail).
Mais au fait, c'est quoi, OpQuast?
Mardi
Kata : c'est la crise ma bonne dame
Convertissez une colonne de montants en dollars en euros.
Ne gardez que les résultats supérieurs à 50€.
ES6
Pour le JS orienté objet, mieux vaut se diriger vers l'EcmaScript 2015 (aka ES2015 aka ES6), voire Typescript. Voici en vrac ce qui change :
- destructuration,
- template,
- arrow function,
- POO,
- filter,
- reduce,
- map,
- arguments par défaut,
- let et const.
(et d'autres trucs)
Liens
- Spécificités
- Tuto
- Flavio Copes dans la place!
- Principales nouveautés de ES2015
- Les nouvelles fonctionnalités en détail
- Dites adieu aux boucles
- ES6 = réparer des soucis liés à Js
- Attention! Compatibilité
- La cheat sheet ES6
Babel
- BabelJS » transpiler / traducteur ES2015 vers "vanillaJS"
- BabelJS CLI
- Version en ligne
Exercice
Mercredi
Révisions
Jeudi
Randori : 99 bouteilles sur le mur
Typescript
TypeScript est une extension de JS et de ES6. La particularité de TS est d'offrir un système de typage. Si vous faites du Angular, vous serez obligés de l'utiliser.
En Typescript, les variables ont des types définis. Quand on déclare une variable on indique ce qu'elle contiendra ( string, number, Array, ...) et toute incohérence sera en mesure d'être détectée.
Cela permet notamment une meilleure détection des erreurs pendant le développement, mais aussi des IDE plus "pratiques" ( auto-complétion, refactoring automating ... ).
En bonus, TypeScript vous permet de créer des interfaces et des classes. Indispensable pour la POO.
-
:memo: Visual Studio Code : meilleur éditeur (gratuit) pour Typescript