JavaScript : Développement Web pour les appareils modernes

Formation #2319 - 4 jours

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. Cette formation s'adresse aux personnes ayant une expérience pratique d'utilisation de HTML et des CSS.

  • Écrire et déboguer du code JavaScript côté client pour créer des pages avec toute une gamme d'appareils récents
  • Mettre en œuvre des effets HTML dynamiques pour améliorer l'aspect et l'interactivité de votre site et l'optimisation pour les moteurs de recherche
  • Appliquer les bonnes pratiques de développement JavaScript
  • Créer des formulaires dynamiques, interactifs avec une validation optimisée

  • Créer une bibliothèque JavaScript réutilisable que vous pourrez emporter après le cours
  • Créer une table des matières dynamique et l'insérer dans des pages
  • Exploiter des bibliothèques tierces pour mettre en œuvre des fonctionnalités Ajax
  • Déterminer la position géographique des utilisateurs avec les API de cartographie et de géolocalisation HTML5

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. Une expérience de developpement de pages Web avec HTML et CSS est recquise. Vous acquirerez les connaissances sur HTML nécessaires pour suivre cette formation en suivant la formation 470. Une bonne compréhension des concepts de programmation peut être utile.

  • 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

Sessions planifiées inter-entreprises

Contactez-nous au 01 49 68 53 00 pour planifier une session.

Demander un devis

Intra-entreprise

Organisez cette formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.

Demander un devis

Financez votre formation

  • Programmes Visa Société et Passeport
  • Réduction Return to Learn

Pour en savoir plus, cliquez ici.

Notre catalogue

Vous souhaitez parcourir toute notre offre de formation ultérieurement ?

Téléchargez notre catalogue

Suivez une formation Learning Tree et profitez des avantages de SUPINFO International University !

Pour toute formation que vous aurez suivi chez Learning Tree, SUPINFO International University vous offre pendant un an le statut Advanced Member d'une valeur de 250€.
Ce statut privilégié vous permettra de profiter de ressources pédagogiques sélectionnées par SUPINFO :

* Services disponibles prochainement.