Programme JavaScript HTML dynamique
Durée : 4 jours - 28 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
Maîtrisez JavaScript et le HTML dynamique pour concevoir des sites interactifs, performants et adaptables, tout en explorant les technologies modernes comme ES6+, DOM, AJAX et la manipulation CSS.
La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.
Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.
Les objectifs
pré-requis
Bonnes connaissances du HTML. Connaissances de base en programmation.
Moyens pédagogiques, techniques et d'encadrement
- 1 poste de travail complet par personne
- De nombreux exercices d'application
- Mise en place d'ateliers pratiques
- Remise d'un support de cours
- Remise d'une attestation de stage
Modalités d'évaluation des acquis
- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage
Accessibilité handicapés
- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.
Le Programme
Les technologies du Web
Présentation des types de navigateurs. Impact sur la portabilité des programmes JavaScript. Versions de JavaScript.
Les composants Web : HTML, XHTML, CSS, JavaScript, Flash, Java... Les protocoles HTTP, HTTPS.
Impact de JavaScript sur l'accessibilité et le référencement.
Importance de JavaScript sur les sites Web 2.0. Impact de la conformité XHTML sur l'utilisation dynamique de JavaScript.
Les outils de développement (éditeur, débogueur...).
Positionnement et illustration des technologies DHTML.
Le langage JavaScript
La norme ES6+
Déclaration et portée des variables.
Types de données (Number, Boolean, Date, Math, String, Array). Conversion de type. Détection de type avec typeof.
Gestion des tableaux. Opérateurs logiques et arithmétiques. Boucles (for, while...).
Création de fonctions et paramétrage variable.
Faire un codage sécurisé avec la gestion d'erreur et les exceptions.
Rappels sur les concepts objets. Développement Objet en JavaScript : création de classes (méthodes, propriétés).
Constructeur. Surcharge. Mots réservés prototype, this. Création d'instance. Usage d'Object sur les classes dynamiques.
Utilisation du format JSON pour la création de classes.
Les objets prédéfinis du langage (Array, Date, String, Regexp...) et leur utilisation. Extension des objets prédéfinis.
Evénements et données
Organisation des événements. Impact des événements sur les types de navigateurs et versions de DOM.
Positionner des écouteurs sur des événements par programme et paramétrage de balises HTML.
Règles pour faire un codage multinavigateur.
Créer, détruire des écouteurs.
Les traitements événementiels JavaScript : gestionnaire clavier, souris, formulaires, rollover, menus dynamiques.
L'objet Event et son utilisation.
Les objets du DOM (window, document...) et leur manipulation.
Manipulation des URL (redirections http...).
Gestion des cookies (lecture et écriture).
Gestion de formulaires HTML
Manipulation de contenu de formulaires.
Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d'options...
Fonctions de validation de formulaire.
Evénements liés aux éléments de formulaire : changement, initialisation, clic...
Interaction avec les feuilles de style en cascade
Rappel sur les feuilles de style en cascade. Les outils pour les manipuler.
Implémentation des CSS en tant que propriétés des objets du DOM.
Modification directe des propriétés CSS des objets du DOM.
Modification de l'objet CSS stylesheets.
Rendre la page dynamique via le changement des propriétés de style.
Manipulation du DOM XML
Présentation du langage XML (éléments attributs).
Implémentation des parseurs XML chez Microsoft IE et les autres : variantes entre les navigateurs, maintenance...
Manipulation des objets du DOM (lecture, ajout, suppression, modification de nœuds).
Ajax
Présentation de Asynchronous JavaScript And Xml.
Enjeux, solutions et alternatives.
Les bibliothèques du marché.
HTTP et Ajax : échanges HTTP et l'objet XMLHttpRequest.