Javascript - Fondamentaux
Javascript - Fondamentaux
Informatique > Développement web et mobilité
Objectifs
- 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.
Le programme de la formation
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
"Unobstrusive JavaScript" avec jQuery
Après la session
Des vidéocasts pour revenir sur les points clés de la formation
Des vidéos-tutos pour vous accompagner dans le développement de pages web avec JavaScript
Public et Pré-requis de la formation
Développeurs Web, Architectes Web, Chefs de projet, Webmasters...
Disposer de connaissances en langages HTML et CSS.
Connaître la programmation structurée.
Méthode pédagogique de la formation
Les nombreux travaux pratiques qui ponctuent la formation permettent aux participants de mettre immédiatement en application leurs acquis et d'acquérir ainsi une première expérience du développement avec JavaScript.
Les trucs et astuces d'intervenants spécialistes de la création de sites Web.
Les techniques pour améliorer l'interactivité de ses pages Web.