Openska

JavaScript

Par Openska

Objectifs

  • Maîtriser le JavaScript moderne afin d'être autonome avec les frameworks
  • Adopter les bonnes pratiques JavaScript
  • Maîtriser la Programmation Orientée Objet avec JavaScript
  • Etre en mesure de créer et d'utiliser des composants réutilisables
  • Savoir choisir les bons outils et frameworks

Programme

  • Bonnes pratiques JavaScript

    • Types de chargement (head, footer, async, defer, DOMContentLoaded)
    • Minification, concaténation, cache, CDN
    • Compatibilité : polyfills
    • Mode strict et debugger
    • Conventions de codage (Google Guidelines, JSHint / JSLint)
  • Focus sur les nouveautés ECMAScript 6 (ES6)

    • Portée locale à un bloc et constantes
    • Template literals
    • Nouvelles syntaxes pour les objets
    • Nouvelles collections : Set, Map
    • Nouvelles manières d’itérer
    • Paramètres : valeurs par défaut, rest, spread
    • Arrow functions
    • Déstructuration
  • JavaScript moderne : DOM, événements

    • Manipulation de la page : querySelectorAll, classList…
    • addEventListener, setTimeout, bind
    • Transitions et nouvelle API Web Animations
    • Les nouveautés DOM4
  • AJAX nouvelle génération et Promises

    • JSON
    • fetch API
    • Promise
  • TypeScript

    • JsDoc
    • Typage statique avec TypeScript
    • Typings et autocomplétion
  • Programmation Orientée Objet en ES6

    • Classes
    • Héritage
    • Getters / setters, statique
    • Les méthodes statiques
    • TypeScript : visibilité, classes abstraites, interfaces
    • Modules ES6 et systemjs
  • Mise en production : performances et sécurité

    • Compatibilité : polyfills
    • Transpileurs ES6 : babel et TypeScript)
    • Build et minification : rollup et webpack
    • Automatisation : scripts npm
    • HTTP/2
    • Protection XSS : Content Security Policy
  • Web Components

    • Templates
    • Shadow DOM v1
    • Custom elements v1
  • APIs pour les applications

    • Historique et navigation
    • Stockage local
    • Service workers et Progressive Web App
    • Manifeste d’application
    • Temps réel : Web sockets
  • Choisir son framework

    • Comparatif entre Angular, React et Vue

Formations de la même catégories (5)

Ambient IT
Vue.JsPar Ambient IT

Créé et propulsé par les développeurs d’alibaba.com, Vue.js est un framework évolutif pour construire des interfaces utilisateur. À la différence des autres frameworks monolithiques, Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l’intégrer avec d’autres bibliothèques ou projets existants. D’un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec des outils modernes et des bibliothèques complémentaires.

Vue.js est connu pour avoir rendu le développement front amusant ! Il est sans conteste le framework web moderne à la foi productif et accessible. Dans cette formation vous apprendrez à créer des interfaces web riches en utilisant Vue.js 2 : templating, composants de vue, découverte de son écosystème.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date (Vue.js 2.6.10 sortie en Mars 2019 à la date de l’article).

Tanit Formation
Exploiter la puissance javascript pour dynamiser les applications webPar Tanit Formation

Dans cette formation, vous apprendrez à développer des applications Web côté client en écrivant des scripts JavaScript pour interagir dynamiquement avec le contenu de la page Web, soit en lien avec des actions de l'utilisateur et/ou suite à un échange de données avec un service Web.

Ziggourat
JavaScript PerfectionnementPar Ziggourat

Cette formation vous permet de découvrir les différentes approches de la programmation orientée objet en JavaScript.

ENI SERVICE
Vue.js – Développer des applications WebPar ENI SERVICE

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant le framework Vue.js.

Orsys
JavaScript, maîtriser la Programmation Orientée ObjetPar Orsys

Vous renforcerez dans ce cours vos connaissances en programmation Objet sur JavaScript. Vous étudierez en détail son modèle Objet en mettant en œuvre notamment le concept de classes et d'héritage. Vous découvrirez également les mécanismes avancés du JavaScript et l'intérêt de l'intégrer avec du TypeScript.