Votre partenaire formation 100% digital

JavaScript, les fondamentaux

Entrez dans le web 2.0 ! Découvrez l'essentiel du langage JavaScript et de son environnement afin de développer vos futures applications Web

  • Formateur(s)

    Claude LECOMTE
  • Référence

    JS02

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

Prochaines sessions

Prochaines sessions - JavaScript, les fondamentaux
Date de début Ville Prix unitaire HT
28 janvier 2019 Paris 1650 € Réserver
18 mars 2019 Paris 1650 € Réserver
20 mai 2019 Paris 1650 € Réserver
8 juillet 2019 Paris 1650 € Réserver
7 octobre 2019 Paris 1650 € Réserver
2 décembre 2019 Paris 1650 € Réserver

Description

Avec l’évolution du Web, et le besoin toujours croissant d’interactivité, le JavaScript s’est imposé comme le langage du Web incontournable. Que vous souhaitiez animer vos pages ou construire de véritables applications riches en fonctionnalités, JavaScript sera la pièce maitresse de votre développement. Le but de cette formation est d’apprendre JavaScript en commençant de zéro et en vous forgeant une solide compréhension du langage et de son environnement.

Objectifs pédagogiques

  • Apprendre le langage JavaScript et maîtriser les bonnes pratiques de développement
  • Interagir avec les feuilles de style
  • Gérer les événements et les données
  • Manipuler le DOM pour manipuler la page (et comprendre la relation entre les deux)
  • Comprendre et maitriser Ajax
  • Comprendre et maitriser la programmation orientée objet avec JavaScript

Public cible

Développeurs Web, intégrateurs débutant en JS

Pré-requis

Connaissance de base de HTML et notions de JavaScript

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50 % théorie / 50 % pratique

Programme de la formation

Préface

  • Présentation de différents éditeurs
  • Présentation des outils de développement intégrés au navigateur
  • Présentation de l’application à réaliser tout au long de la formation

Présentation du marché

  • Avant
  • Après

Rôles et standards

  • Définition
  • Structuration du langage
  • Statistiques de Javascript de nos jours
  • Utilisation
  • Combattre les idées reçues
  • Evolution des frameworks
  • Problèmes

Javascript & HTML

  • Synchrone vs Asynchrone
  • La base HTML <script>

Javascript, le langage

  • Types
  • Commentaires
  • Les mots clés
  • Variables et fonctions
  • Manipulations
  • Les arrays
  • Les conditions
  • Les opérateurs
  • Les boucles
  • Les objets globaux
  • Réalisation Exercice 1
  • Les objets
  • Le format JSON
  • Réalisation Exercice 2

DOM et manipulation

  • Le Document Object Model
  • Interfaces du DOM
  • Méthodes des nœuds
  • Propriétés des nœuds
  • Interface CSS
  • Réalisation Exercice 3

Time handler & DOM events

  • Définition d’un évènement
  • Types d’évènements
  • SetTimeout
  • SetInterval
  • Event listeners
  • Bubbling
  • Natif vs JQuery
  • Réalisation Exercice 4

Les fonctions

  • Définition
  • Déclaration et passage de paramètres
  • Portée de la fonction
  • Closure
  • IIFE

Ajax & Dialogue serveur

  • Définition
  • Principe
  • Pourquoi ?
  • Risques
  • Contexte favorable
  • Les verbes HTTP et les status
  • Exemple
  • L’objet XmlHttpRequest
  • Types de données transmises
  • Ajax et IE
  • Ajax et JQuery
  • Réalisation Exercice 5

Bonnes pratiques

  • Convention de nommage
  • JsDoc
  • Eslint
  • L’objet console et le debug

Pour aller plus loin

  • L’objet JSON
  • Présentation de NodeJS
  • Présentation de NPM
  • Le futur de Javascript
  • Réalisation Exercice 6

Les modules

  • Amd & RequireJS
  • CommonJS

Programmation orientée objet : les bases

  • Glossaire
  • Encapsulation
  • Classe vs fonction

Programmation orientée objet : Avancée

  • Objet simple
  • Constructeur
  • Privé / publique
  • O.O et prototype
  • Réalisation Exercice 7
  • Prototype
  • Héritage
  • Classes ES6
  • Super / extends