JavaScript - Les fondamentaux
Développement 1990 € HT
Objectifs
Architectes web, développeur web, webmestres ou chefs de projets souhaitant maîtriser l’utilisation des balises et feuilles de styles HTML5/CSS3, utiliser JavaScript pour gérer l’interactivité d’un site web et savoir construire un site responsive design.
À l'issue de la formation, le stagiaire sera capable de :
- Maîtriser l'utilisation des balises et feuilles de style HTML5/CSS3
- Utiliser JavaScript pour gérer l'interactivité d'un site web
- Savoir construire son site en Responsive Design
- Gérer les évènements et les manipulations dynamiques
METHODES ET OUTILS PEDAGOGIQUES
- Alternance exposés théoriques et exercices pratiques (80% pratique)
-
Support de cours
EVALUATION
- Tout au long de la formation, exercices pratiques permettant au formateur la validation des acquis et des compétences
Public concerné
Architectes web, Chefs de projets, Développeurs web, Webmestres
Pré-requis
Disposer de connaissances en langages HTML et CSS - Connaître la programmation structurée
3 jours
Introduction
- JavaScript pour quoi faire ?
- L'environnement du client Web
- Le navigateur
- Le modèle client / serveur
- Les outils
- Insérer un script dans un document HTML/XHTML
JavaScript : le coeur du langage
- La syntaxe
- Les variables et les constantes
- Les fonctions globales : afficher des informations (console, alert) et interroger l'utilisateur (prompt)
- Les opérateurs
- Les structures de contrôle
- Les fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données
- Les objets personnalisés : constructeur, méthodes et propriétés, prototype, objets littéraux, objets sous forme de tableaux associatifs
- Les objets globaux : Array, Date, Math, RegExp, String... Manipuler les tableaux, les dates, les chaînes de caractères
Les objets du navigateur
- La hiérarchie des objets
- Les principaux objets : window, document, location, screen, navigatior, form... Leurs propriétés et méthodes
- Manipuler des fenêtres
- Gérer des timers
Le DOM
- Introduction au XML, XHTML et HTML
- Le DOM et les navigateurs
- Sélectionner des éléments : API Selector Lvl 1 et 2
- Manipuler des éléments : créer et insérer de nouveaux éléments, modifier les attributs d'un élément, modifier le contenu
La gestion des évènements
- Le gestionnaire d'évènements
- Modèle DOM
- L'objet Event
- La propagation des évènements
- Compatibilité avec les différents navigateurs
Les formulaires
- Les différents éléments d'un formulaire
- Vérifier les données saisies dans les différents champs
- Soumettre un formulaire
Les styles CSS
- Rappel sur les styles CSS
- Manipuler les styles CSS
- Modifier une propriété de style d'un élément
- Modifier la classe d'un élément
- Modifier l'aspect d'un élément
- Déplacer, afficher, masquer, réduire un élément
Requêtes avec un serveur
- Présentation et historique d'Ajax
- ActiveX
- XMLhttpRequest
- Fetch
Introduction à JQuery
- Présentation de la librairie
- Manipulation du DOM (sélection, création, modification, suppression de noeuds)
- Gestion des événements
- Création d'effets / animation
- Modification des styles
