Programme JAVASCRIPT® : DEVELOPPEMENT WEB POUR LES APPAREILS MODERNES
Participants : Cette formation interessera les personnes impliquées dans la procédure de continuation ou de maintien d'un site pour leur organisation dont les webmasters, les gestionnaires de site internet, les administrateurs systèmes et les developpeurs internet.
Durée : 4 jours - 28 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
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.
Dates des formations
Contactez-nous pour des informations sur les disponibilités pour cette formation.
Les objectifs
Au
cours de cette formation, vous allez acquérir les connaissances et les compétences nécessaires pour créer des sites Web interactifs et modernes avec JavaScript. Vous vous appuierez sur des techniques d'amélioration progressive, du code JavaScript non intrusif et des bonnes pratiques éprouvées pour enrichir un site Web et optimiser ainsi l'expérience utilisateur et l'accessibilité du site sur différents types d'appareils.
pré-requis
Une expérience de developpement de pages Web avec HTML et CSS est recquise.
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
Présentation et vue d'ensemble
- Mettre en œuvre le principe d'amélioration progressive
- Bonnes pratiques JavaScript modernes
Principaux éléments de la syntaxe JavaScript
- Coder les variables, les instructions et les blocs de contrôle
- Charger des fonctions conditionnelles
Mise en œuvre
- Contrôler les objets du navigateur côté client
- Ajouter le comportement avec des scripts non intrusifs
Définir des fonctions
- Déclaration / Expression
- Anonyme
- Rappel
- Immediately Invoked Function Expressions (IIFE)
- Passer des paramètres facultatifs
Déclarer des objets
- Structurer le code avec la notation littérale d'objet (OLN)
- Enrichir les fonctionnalités avec un prototype
- Sérialiser les objets avec JSON (JavaScript Object Notation)
Créer une bibliothèque modulaire et facile à maintenir
- Isoler le code de vos composants et modules à l'aide d'espaces de nommage
Manipuler le DOM (Document Object Model)
- Créer, lire, mettre à jour et supprimer une balise de page Web
- Cibler des éléments par ID, nom de balise et nom de classe
- Modifier les CSS de présentation des pages pour ajouter des effets HTML dynamiques
Gérer les événements
- Ajouter et supprimer des gestionnaires d'événements avec des scripts non intrusifs, examiner les propriétés des objets des événements, inhiber les actions par défaut des navigateurs, minimiser le rôle des gestionnaires avec la délégation des événements
Interagir avec le navigateur et l'utilisateur
- Répondre aux actions de l'utilisateur
- Recueillir des informations
- Gérer les erreurs
Guider les utilisateurs pour la saisie de données valides
- Valider sans JavaScript
- Mettre en œuvre les menus de sélection dynamiques
- Éviter que les formulaires soient envoyés avec une validation optimisée, personnaliser les messages d'erreur de validation
Validation des données côté client
- Associer des modèles de données à des expressions régulières
- Validation du formulaire / Validation des champs
- Appeler la logique métier côté serveur
Mettre à jour les pages de façon asynchrone avec Ajax
- Améliorer l'efficacité de l'échange de données
- Créer une méthode Ajax réutilisable et l'ajouter à une bibliothèque personnalisée
- Traiter la réponse du serveur
- Exécuter des fonctionnalités Ajax avec une bibliothèque
Bibliothèques tierces
- Exploiter la puissance des bibliothèques clientes
- Réduire le cycle de livraison grâce à la réutilisation du code
- Améliorer les performances avec un réseau de diffusion du contenu (CDN)
- Éviter les conflits entre les bibliothèques
Utiliser des API pour enrichir les fonctionnalités
- Cartographie
- Application
- HTML5
- API pour les appareils mobiles
- Exécuter les traitements sur le client pour alléger la charge du serveur
Enrichir l'expérience utilisateur
- Déterminer la position géographique de l'utilisateur avec la géolocalisation et l'API Google Map, assurer la persistance des données sur le client avec les API de stockage
Optimiser la personnalisation des performances en matière de chargement
- Mettre en œuvre le test des fonctionnalités pour le chargement conditionnel du JavaScript obligatoire
- S'adapter aux capacités des navigateurs grâce aux Javascript Polyfills, Fallbacks et Conditional Comments