ICI Formation maintient ses services et nos organismes vous accueillent dans leur centre en respectant les conditions sanitaires mises en place par le gouvernement. X

Pré-requis : Avoir des connaissances en codage HTML, CSS (stage IIN03) et de programmation (ICS02)

  • Maîtriser le langage JavaScript moderne (version ES6)
  • Avoir les bases pour travailler ensuite avec des frameworks JavaScript
  • Développer des applications Web interactives
  • Appeler des services Web asynchrones
  • Découvrir la librairie jQuery
Cette formation n'est pas éligible au CPF (Compte Personnel de Formation anciennement DIF). D'autres moyens de financements existent selon votre profil.

AVANT LA FORMATION
  • Entretien téléphonique avec le formateur afin de personnaliser votre formation.
  • Le programme de formation ci-dessous pourra donc être modifié gratuitement en fonction de vos attentes.


JOUR 1
Matin
Introduction à JavaScript

  • Le point sur le standard ECMAScript et les navigateurs
  • la gestion des packages avec npm

Les bases du langage JavaScript
  • Maîtriser les bases : variables, expressions, opérateurs et structures de contrôle
  • Accéder aux ressources du navigateur
  • Définir des fonctions

Les objets de JavaScript
  • Les objets String, Math, Date, Array, document, window, navigator
  • Les collections Set et Map

Après-midi
La gestion de l'interactivité des pages
  • Gérer les événements fenêtre : load et unload
  • Gérer les événements clavier et souris : focus, blur, change, clic, mouseover, mouseout et submit
  • Déclencher par rapport au temps : setInterval et setTimeout
  • Gérer les rollovers, les zooms, les diaporamas?
  • Gérer les interactions avec addEventListener

La manipulation du DOM
  • Accéder aux éléments du document HTML via DOM
  • Modifier, masquer et afficher des objets HTML
  • Modifier les attributs des éléments d'interface (police, couleur?)
  • Déplacer du texte, des images
  • Gérer un menu dynamiquement
  • La manipulation de la page avec querySelectorAll


JOUR 2
Matin
Contrôler les données de formulaires

  • Gérer les objets Form, Text, Checkbox, Radio, Button
  • Utiliser les listes : Select, Option
  • Utiliser les expressions régulières

Introduction à la programmation AJAX
  • Les apports d'AJAX
  • L'objet XMLHttpRequest
  • Les promesses
  • La structuration de données en JSON

APIs pour les applications
  • Gestion de l'historique et navigation
  • Stockage local
  • Web sockets

Après-midi
Les modules ES6
  • Problématique : collision de noms, écrasement d'événements
  • Espace de noms

La programmation orientée objet en ES6
  • Les classes et héritages
  • Le contexte
  • Getter et setter
  • Les méthodes statiques

La présentation de la librairie jQuery
  • Le principe de jQuery
  • La sélection et manipulation du DOM
  • Les événements
  • AJAX avec jQuery


FIN DE LA FORMATION
  • Débrief de la formation avec le formateur pour consolider vos connaissances.
Modalités pédagogiques
Montée en compétence assurée par l'association d'un contenu théorique et pratique. Etude de cas concrets en rapport avec votre quotidien professionnel.

Moyens et supports pédagogiques
  • Remise d'un support pédagogique
  • Echanges interactifs
  • Intervention d'un formateur expert dans son domaine

Modalités d'évaluation et de suivi
  • Exercices corrigés, études de cas réels, mise en application concrète et utile
  • Évaluation pour valider vos acquis en fin de formation
Présent dans 200 villes en France. Devis en 48h.

Contacter FORMASUITE - Bureautique et Digital

Les champs E-mail ne sont pas identiques

Les champs E-mail ne sont pas identiques

Le numéro de téléphone renseigné permettra à l’organisme de vous contacter :

Votre adresse e-mail et votre numéro de téléphone sont collectés dans le but de vous répondre et uniquement à cette fin (voir Conditions Générales d'Utilisation)

Je souhaite qu'Ici Formation et ses partenaires me tiennent informé·e de mes droits CPF et de l'actualité de la formation professionnelle


gratuit

libre et sans engagement

rappel sous 48h

Besoin d'aide dans votre projet ? Nos conseillers sont là pour vous aider Posez-nous votre question