HTML5 JavaScript CSS3 (70-480)
Version du programme : 1
Type de formation
Formation mixteDurée de formation
35 heures (5 jours)Accessibilité
OuiHTML5 JavaScript CSS3 (70-480)
La formation vous apprendra à développer des applications Web via la programmation JavaScript, le HTML5 et le CSS3. Vous verrez comment rendre vos sites plus dynamiques et les enrichirez à l'aide de contenus multimédias grâce à l'HTML5.
Objectifs de la formation
- Créer et exécuter une application Web avec Visual Studio 2012. Créer et styliser des pages HTML5 interactives avec JavaScript et CSS3.
- Créer des formulaires HTML5 en utilisant différents types d'entrées et valider les entrées utilisateur en utilisant les attributs HTML5 et le code JavaScript.
- Envoyer et recevoir des données de et à partir d'une source distante en utilisant des objets XMLHTTPRequest et des opérations jQuery AJAX.
- Utiliser des APIs HTML5 courantes dans des applications Web interactives.
- Créer des pages Web HTML5 qui peuvent prendre en charge différents types de périphériques et de format.
- Ajouter des graphiques avancés sur une page HTML5 en utilisant des éléments Canvas et Scalable Vector Graphics.
- Améliorer l'expérience utilisateur en ajoutant des animations à une page HTML5.
- Utiliser des sockets Web pour envoyer et recevoir des données entre une application Web et un serveur.
Profil des bénéficiaires
- Développeur Web débutant ou faux-débutant.
- Concepteurs et développeurs Web.
- Connaître les bases de HTML, savoir se servir d'un éditeur de code/texte,
- Avoir quelques petites notions de JavaScript,
- Connaissances sur un langage de programmation équivalent.
Contenu de la formation
Présentation de HTML et CSS
- Présentation de HTML
- Présentation de CSS
- Création d'une application Web en utilisant Visual Studio 2012
Création et stylisation de pages HTML
- Création d'une page HTML5
- Stylisation d'une page HTML5
Introduction à JavaScript
- Présentation de JavaScript
- Introduction à DOM (Document Object Model)
- Introduction à jQuery
Création de formulaires pour collecter et valider des entrées utilisateur
- Création de formulaires HTML5
- Validation des entrées utilisateur en utilisant les attributs HTML5
- Validation des entrées utilisateur en utilisant JavaScript
Communication avec un serveur distant
- Envoi et réception de données en utilisant l'objet XMLHTTPRequest
- Envoi et réception de données en utilisant les opérations AJAX jQuery
Stylisation HTML5 en utilisant CSS3
- Stylisation de texte
- Stylisation de blocs d'éléments
- Pseudo-classes et pseudo-éléments
- Amélioration des effets graphiques en utilisant CSS3
Création d'objets et de méthodes en utilisant JavaScript
- Ecriture de codes JavaScript correctement structuré
- Création d'objets personnalisés
- Extension d'objets
Création de pages interactives en utilisant les APIs HTML5
- Interaction avec les fichiers
- Incorporation du multimédia
- Réaction à la localisation du navigateur et du contexte
- Dépannage et profilage d'une application Web
Ajout du support hors connexion aux applications Web
- Données hors connexion cachées en utilisant le cache d'applications API
- Persistance des données utilisateurs en utilisant le stockage local API
Mise en oeuvre d'une interface utilisateur adaptable
- Support du formulaire multi-facteurs
- Création d'une interface utilisateur adaptable
Création de graphiques avancés
- Création de graphiques interactifs en utilisant Scalable Vector Graphics
- Graphiques dessinés informatiquement en utilisant un Canvas
Animation d'une interface utilisateur
- Application de transitions CSS
- Transformation d'éléments
- Application d'animations CSS key-frame
Mise en oeuvre de communications en temps réel en utilisant des sockets web
- Introduction aux sockets web
- Utilisation de socket Web API
Création d'un Process Web Worker
- Introduction à Web Worker
- Amélioration du processing asynchrone en utilisant un Web Worker
Équipe pédagogique
Suivi de l'exécution et évaluation des résultats
- En amont de la formation : entretien permettant l’analyse des besoins des participants et/ou questionnaire de positionnement
- L’évaluation des compétences est réalisée : - Par des exercices pratiques et/ou mises en situation, tout au long de la formation - Par un exercice de synthèse et/ou un questionnaire d’auto-évaluation et/ou une certification, en fin de formation
- Feuille de présence émargée par demi-journée par les stagiaires et le formateur
- Formulaires d'évaluation de la formation à chaud et à froid (3mois après la session)
- Certificat de réalisation
- Attestation de fin de formation avec relevé des compétences acquises.
- DANS LE CAS DE FORMATIONS A DISTANCE Il est nécessaire que le stagiaire : - Possède un PC ou un Mac, avec le logiciel installé dans la bonne version - Une connexion internet stable d’au moins 8Mo/s - Un navigateur Web récent - Zoom ou Teams devra être installé (accompagnement possible)
Ressources techniques et pédagogiques
- Exposés, aides visuelles, support de cours, exercices pratiques d’utilisation
- Questions/réponses entre les stagiaires et le formateur
- En présentiel : ordinateurs Mac ou PC, connexion internet, tableau blanc/paperboard, vidéoprojecteur, partage de documents
- A distance : logiciel de visio-conférence, partage d’écran formateur et stagiaire, partage de documents
Qualité et satisfaction
Capacité d'accueil
Délai d'accès
Accessibilité
Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation. Délai d'accès : Les inscriptions doivent être réalisées une semaine avant le début de la formation. La formation peut être suivie : - En inter-entreprises : 2 à 6 personnes. Session maintenue si 2 personnes confirmées. - En intra-entreprise : 1 à 8 personnes - Individuellement : planifiée selon les disponibilités de chacun Horaires et rythmes : - En présentiel : 9h à 17h, journées consécutives ou non - A distance : sessions de 2h sur lundi 9h au samedi 12h Lieu de formation : - Sur site client - A distance