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 pédagogiques
- Alternance exposés théoriques et exercices pratiques (80% pratique)
- Support de cours adapté au logiciel étudié et au niveau suivi
- Assistance téléphonique gratuite et illimitée
Modalité d'évaluation
- Evaluation formative au travers de nombreux exercices tout au long de la formation permettant de valider les compétences acquises.
Attestation de stage. - Emargement quotidien d’une feuille de présence
- Possibilité de passage de la certification Tosa en fin de formation
Accessibilité aux personnes handicapées
Pour tout besoin d’adaptation, retrouver le contact de notre référent handicap et les modalités d’accueil sur la page : Infos pratiques/Situation de Handicap
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
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
Travaux pratiques
- Pour chaque point du programme abordé :
Présentation et démonstration par le formateur, mise en pratique sur les fonctionnalités abordées par le stagiaire avec l’appui du formateur et du groupe, feedbacks du formateur tout au long de l’activité.