Skip to content

Latest commit

 

History

History
110 lines (70 loc) · 3.02 KB

Formation-Javascript-kickstarting.md

File metadata and controls

110 lines (70 loc) · 3.02 KB
Raw

Formation Javascript : Kickstarting

Les compétences que valide cette formation

  • Maîtriser les notions fondamentales de Javascript
  • Connaître l'écosystème Js et les librairies les plus utiles
  • Comprendre et utiliser la notion d'évènement en Js
  • Interagir avec le navigateur et le contenu des pages web
  • Créer des requêtes Ajax et consommer des API REST avec Js

Durée

  • 3 jours

Public

  • Développeurs web, intégrateurs HTML/CSS, (faux-)débutants sur Javascript

Prérequis

  • Notions de développement de page web avec HTML

Methode pratique

Courte présentation de chaque point, réponses aux questions, et travaux dirigés en groupe, sous la forme de workshops, un par chapitre de la formation.

Formateur

Ronan Guilloux

Passionate open-source developer, enthusiastic learner, CTO at lespolypodes.com

Programme détaillé de la formation

Premier jour

Découverte de l'écosystème Js

  • Aperçu des usages de Js aujourd'hui
  • Actualité du langage Js et d'EcmaScript
  • Le moteur Js est-il différent dans chaque navigateur web ?
  • Comprendre la différence entre frontend JS et server-side Js
  • Choisir un éditeur, configurer la coloration syntaxique

Notions fondamentales de Javascript

  • Structures de données : Objets et tableaux
  • La portée d'une variable (scope)
  • Les objets et leurs prototypes
  • La référence et la copie
  • Les opérateurs : logique, comparaison, affectation, calcul
  • Les structures de contrôle et les boucles

Votre code Javascript au quotidien

  • Les objets prédéfinis: Array, String, Date, etc.
  • Les propriétés et méthodes des objets prédéfinis
  • Les fonctions: définition, appel, paramètres
  • La notion de callback

Mise en pratique

  • Workshop: Créer une liste de contacts en Js

Deuxième jour

Serious Javascript

  • Comment organiser et factoriser son code
  • Google JS Style guide, JSHint, JSLint
  • Js jokes: undefined VS null, conversions

Créer, partager et interagir avec les objets Js

  • L'objet et le prototypage
  • Comprendre pourquoi n'y at-t-il pas de "class" en Js
  • Les fonctions anonymes ; les closures
  • Rendre publics ou privés les attributs et méthodes d'un objet Js
  • Gérer les erreurs et exceptions en JavaScript

Manipuler les pages et formulaires web avec Js

  • Utiliser les objets Js du navigateur web
  • Le type Event et les eventListeners
  • Manipuler le DOM avec Js, manipuler les éléments et attributs HTML5
  • Tirer partie de la console de debug Js de Chrome et de Firefox

Mise en pratique

  • Workshop: Enrichir et gérer une liste de contacts en Js

Troisième jour

jQuery

  • Introduction à jQuery... et à ses alternatives (Zepto.js)
  • Choisir entre jQuery et le "vanilla Js"

Réaliser des appels asynchrones : AJAX

  • Principes, définition et usages
  • L'objet XMLHttpRequest
  • .ajax() avec jQuery
  • Ce que JSON est à Javascript

Mise en pratique

  • Workshop 1 : Utiliser l'API Js de GoogleMap ou celle de GoogleAnalytics (au choix)

  • Workshop 2 (option) : Créer un plugin métier basé sur jQuery