Javascript/Ecmascript : Initiation

À qui s'adresse la formation?

Développeurs Web - Webmasters - Intégrateurs

Durée

3,00 jour(s)

Langues(s) de prestation

EN FR

Prochaine session

27.03.2023

Voir détails

Lieu

A distance

Prix

1825,00€

Prérequis

Connaissance en HTML et CSS

Objectifs

Apprendre et maîtriser les bases de JavaScript.

Contenu

Introduction

Présentation
Panorama des environnements JavaScript
Versions et standard ECMAScript

Écrire des instructions en Javascript

Les variables et les types de données
Les opérateurs
Portée des variables var, let, const
Les intructions de bloc
Les structures de contrôle (conditionnelles et itératives)

Déclarer et appeler des fonctions

Définir une fonction, syntaxe déclarative et expressions
Transmettre des paramètres
Retourner une valeur
Définir des paramètres par défaut
La console (log, debug, info, error,...)

Interagir avec le document via le DOM

Présentation, historique et version
Les objets window et document
Accéder aux éléments (getElementById, querySelector, querySelectorAll)
Découvrir les évènements
Liste des évènements de souris et de clavier (click, keypress, mouseover, etc)
Gestion des fenêtres et boîtes de dialogues

Atelier: Faire afficher et masquer des balises HTML

Manipuler des tableaux

Présentation et structures d'un tableau
Déclaration de tableau (littéral, constructeur)
Ajout et suppression de données (push(), splice())
Parcourir un tableau (forEach, for of)
Les fonctions spécifiques (slice, pop, shift, reverse, etc)
Les fonctions find() et findIndex()

Appréhender le concept d'objet

Présentation
Les objets littéraux
Ajouter & accéder aux propriétés
Les property shorthand

Exploiter des sucres syntaxiques

Les littéraux de templates
Affectation par décomposition
Rest Parameter & Spread Operator
Les fermetures
Les fonctions fléchées

Atelier: Filtrer des données affichées dans une liste

Déclencher des traitements au travers d'événements

Principe des écouteurs d'évènement
Les évènements attacher au navigateur (load, unload, resize, etc)
Les évènements de formulaire (submit et reset)
Récupérer et manipuler l'évènement
Les fonctions preventDefault() et stopPropagation()

Atelier: Valider les données d'un formulaire

Gérer dynamiquement les attributs

Manipuler les attributs (getAttribute & setAttribute)
Modifier le contenu d'une balises (innerHTML, innerText, innerContent)
Liste des propriétés css en javascript
Modifier le css à l'aide de l'attribut style
Ajout & suppression de class (className, classList)

Parcourir et transformer le DOM

Parcourir l'arbre DOM (parentNode, childNode)
Les fonctions parentChild() et firstChild()
Créer et insérer une balise (createElement, appendChild, createTextNode)
Les fonctions NextSibling et PreviousSibling
Supprimer une balise (removeChild)

Atelier: Réordonner une liste avec du drag & drop

Méthodes pédagogiques

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Évaluation

Contrôle continu

Certificat, diplôme

Attestation de fin de stage mentionnant le résultat des acquis

Prochaine session

Date

Ville

Language & prix

27.03.2023

A distance

FR 1825,00€

Voir détails

PROMO -0% Hors taxes

Lieu de la formation

Distance

A distance

Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le(s) logiciel(s) installé(s) sur le poste du participant,
Une connexion internet stable,
Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur),
Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Horaires

Date limite d'inscription

27.03.2023

Javascript/Ecmascript : Initiation

À qui s'adresse la formation?

Durée

Langues(s) de prestation

Prochaine session

Prix

Prérequis

Objectifs

Contenu

Introduction

Écrire des instructions en Javascript

Déclarer et appeler des fonctions

Interagir avec le document via le DOM

Manipuler des tableaux

Appréhender le concept d'objet

Exploiter des sucres syntaxiques

Déclencher des traitements au travers d'événements

Gérer dynamiquement les attributs

Parcourir et transformer le DOM

Méthodes pédagogiques

Évaluation

Certificat, diplôme

Prochaine session

Contact pour cette formation

Ces formations pourraient vous intéresser