- Référence : IHCJ
- Durée : 5 jours (35h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
2790€ HT
Choisir une date et Réserver4.8 sur 5 étoiles
Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...
La formation HTML5 est destinée aux développeurs et intégrateurs souhaitant mettre à jour leurs connaissances pour créer des sites Internet performants et robustes utilisant les technologies de pointe du web apportées par les nouvelles spécifications. Ce cours s'adresse aussi aux débutants qui veulent commencer directement par les bonnes pratiques.
Les développements seront adaptés aux différents supports (responsive design) et permettront aussi de créer des applications (mobiles, tablettes, etc.). Au cours de 5 jours de formation, nous aborderons ensemble les nouveautés vastes et puissantes apportées conjointement par le HTML5, le CSS3, le puissant module CSS Grid et les nouvelles versions de JavaScript et AJAX.
Objectif opérationnel :
Mettre en œuvre les nouveautés de HTML5, CSS3, CSS Grid et les nouvelles versions de JavaScript et AJAX lors du développement et l'intégration de sites et applications web.
Objectifs pédagogiques :
Public :
Cette formation HTML5 est destinée aux développeurs web ainsi qu'aux intégrateurs HTML.
Prérequis :
Des connaissances générales du web et des bases en HTML, CSS et JavaScript sont nécessaires pour suivre ce cours.
HTML5, standards et (rétro-)compatibilité
Navigateurs et outils de travail
HTML5 vs Flash
Applications HTML5 vs applications natives
Sémantique, référencement et accessibilité en HTML5
DOCTYPE, encodage, règles de syntaxe
Les nouvelles balises sémantiques
Relations, micro-formats et micro-données
Vue d’ensemble des formulaires nouvelle génération
Les nouveaux éléments : progress, meter, datalist, keygen, output
Nouveaux types de champs : tel, url, email, search, number, etc.
Nouveaux attributs : autofocus, placeholder, form, required, etc.
Validation par le navigateur : required, pattern, formnovalidate
Suggestions automatiques
Exemple récapitulatif
Mode strict et chargement asynchrone
DOM Level 3 : agir sur la page
Gestion dynamique des évènements
Debug et détection du support du HTML5
JSON et initiation au modèle objet
Initiation à jQuery
Codecs et formats (H264/MP4, OGG/theora, WebM/VP8)
Compatibilité et navigateurs
Les outils de conversion (rapide)
Savoir utiliser les services existants : Dailymotion, Youtube, Viemo
Les balises video, audio
Proposer plusieurs sources dans plusieurs formats
Pré-requis (type MIME et .htaccess)
Les attributs : controls, preload, autoplay, poster
Test de téléchargement d’une vidéo selon plusieurs formats depuis plusieurs navigateurs
Traitements en JavaScript
Les pseudo-classes et pseudo-éléments
Les sélecteurs d’attributs (^, $, *)
Exemple d’application de style « intelligente » combinant les nouveautés
Les positionnements (absolu, fixe, naturel)
Mise en page avec float
Mise en page avec Flex : box-sizing, border box, etc.
Système de grid
Disposition en colonnes
Régions et exclusions
Limites et apports des frameworks (bootstrap, etc.)
Limites des tableaux et apports des CSS Grid
Positionnement explicite et implicite des objets sur une grille CSS
Alignement des boîtes avec les grilles CSS
Utiliser les lignes ou les zones de la grille ?
Complémentarité Flexbox et Grid
Compatibilité avec les anciens navigateurs
Polices de caractères personnalisées
Couleurs avancées et dégradés
Ombres et opacité
Bordures et arrière-plans avancés
Problèmes techniques posés par l’hétérogénéité (PC, téléphone, tablette)
Solutions apportées par le Responsive Design
Pré-requis pour faire du Responsive Design
Media-queries : s'adapter à la résolution d'écran et à l'orientation
Viewport
Déterminer la valeur d’une propriété CSS (calc)
Positionnement colonnes, tailles fluides et media queries
Disposition adaptative des grilles CSS (grid-template-areas)
Etat des lieux
La détection des capacités des navigateurs
Recommandations
Quels outils pour développer et debugguer ?
Les outils pour améliorer la productivité et la rapidité de codage
Les outils d’une bonne veille technique
Les méthodes de codage moderne pour un code maintenable
Les tendances à venir
XMLHttpRequest 2
Fichiers joints et progression
Requêtes cross-domain
AJAX avec historique
Navigation par ancres
Communication entre onglets
Obtenir et suivre la position de l'utilisateur
Images vectorielles
Création dynamique d'images en JavaScript
Attributs data- personnalisés
localStorage et sessionStorage
manifest.
indexedDB : base de données locale
SPDY : le HTTP accéléré
Server-sent events
Websockets : communication permanente
Initiation à node.js
Webworkers: scripts simultanés et partagés
Page Visibility API
Battery API
Navigation Timing AP
Utilisation des nouvelles balises HTML5 et des nouveautés graphiques du CSS3, intégration d'une vidéo sans Flash, exemple de responsive design, animation sans Flash, tests des nouveautés JavaScript, exemple de la géolocalisation avec Google Maps, mise en place de la structure d'une application, chevauchement d’éléments avec les CSS Grid, etc.
Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
Mon avis sur le contenu du stage :
"Tous les concepts ont été balayé. On a une vraie vue d'ensemble de ce qui est possible et de l'évolution des langages"
Mon avis sur le formateur :
"L'animateur maîtrise bien son sujet et aborde les choses avec beaucoup d'exemples"
Mon avis sur la salle de formation :
"J'ai fait une formation à distance. J'arrivais à suivre sans pb le poste du formateur, par contre pour se connecter dans sur la machine distante pour faire les TP, cela coupait régulièrement. Du coup j'ai travaillé sur mon poste directement. Cela n'a pas été gênant pour cette formation mais pourrait l'être pour d'autres"
Ce que j'ai le plus apprécié :
"Les supports de cours, tous les exemples pratiques qui sont fournis et qui peuvent servir de référence plus tard"
Ce que j'ai le moins apprécié :
"Quelques déconnexions sur la machine TP (LogMeIn). Par contre pour suivre la salle du formateur à distance c'était efficace. "
Mon avis sur le contenu du stage :
"Formation trop intense ! Beaucoup de chapitres, d'informations à appréhender en peu de temps surtout pour une débutante Manque de temps pour s'exercer pour retenir les concepts et syntaxes"
Mon avis sur le formateur :
"Très bon professeur, à l'écoute, disponible qui a rendu cette formation dense dynamique et agréable !"
Ce que j'ai le plus apprécié :
"Le professeur"
Ce que j'ai le moins apprécié :
"La distance impacte la spontanéité"
Mon avis sur le contenu du stage :
"Très bonne formation, conforme à mes attente et au programme annoncé."
Mon avis sur le formateur :
"Intervenant très pédagogue avec grande facilité d'échange même à distance, merci !"
Ce que j'ai le plus apprécié :
"Explications claires, exercices de mise en pratique et exemples fournis pour une bonne compréhension."
Ce que j'ai le moins apprécié :
"Aucun."
Mon avis sur le contenu du stage :
"Très bon stage correspondant à mes attentes."
Mon avis sur le formateur :
"Un très bon formateur sympathique qui a pu nous livrer l'ensemble d'une formation riche à distance en nous donnant les moyens de nous améliorer."
Ce que j'ai le plus apprécié :
"L'ensemble a été bien apprécié"
Ce que j'ai le moins apprécié :
"Rien à signaler."
Mon avis sur le contenu du stage :
"j'ai surtout apprécie que l'on soit un petit groupe, on pouvait facilement solliciter le formateur qui a toujours été disponible. Nous avons vu beaucoup de choses en peu de temps, du coup je ne m'estime pas au point, il faut que je pratique beaucoup à la maison pour assimiler les choses vues en cours."
Mon avis sur le formateur :
"Thierry est à l'écoute et répond aux questions des stagiaires. Il est disponible, cool et professionnel à la fois"
Mon avis sur le contenu du stage :
"Une formation très dense et en distanciel. Je comprends la difficulté de ne pouvoir pratiquer plus. Par ailleurs les exemples et les ressources sont très intéressants."
Mon avis sur le formateur :
"Beaucoup apprécié le « tour de table » quotidien pour nous sonder et rafraichir nos mémoires ainsi que l'adaptation du cours en fonction de nos problématiques. J'ai apprécié aussi la disponibilité du formateur."
Mon avis sur le contenu du stage :
"Excellent contenu très fourni en code, exemples, solutions."
Mon avis sur le formateur :
"Merci au formateur pour ces cours si complets, ta bonne humeur et ta patience."
Ce que j'ai le plus apprécié :
"Facilité de communication. Qualité de la vidéo et du son."
Ce que j'ai le moins apprécié :
"RAS"
Mon avis sur le contenu du stage :
"Bon support de cours, exemples concrets et de qualité."
Mon avis sur le formateur :
"L'animateur maîtrise et connait son sujet parfaitement."
Mon avis sur la salle de formation :
"salle de cours OK, environnement OK"
Ce que j'ai le plus apprécié :
"la petite quantité de stagiaires"
Mon avis sur le contenu du stage :
"Bonne adaptation de la formation aux attentes et au niveau des participants."
Ce que j'ai le plus apprécié :
"Salle de pause, WIFI"
Ce que j'ai le moins apprécié :
"Manque de contraste du vidéoprojecteur : obligation de travailler volets fermés à la lumière électrique toute la journée."
Mon avis sur le contenu du stage :
"Un régal"
Mon avis sur le formateur :
"Formateur très compétent."
Ce que j'ai le plus apprécié :
"Salle de repos"
Ce que j'ai le moins apprécié :
"Panne d’ascenseur (pas de chance pour moi)"
Mon avis sur le contenu du stage :
"La richesse des exemples permet d'approfondir et de s'y référer pour la mise en application."
Mon avis sur le formateur :
"Très à l'écoute Merci"
Mon avis sur le contenu du stage :
"Formation d'une excellente qualité !"
Mon avis sur le formateur :
"Formateur d'un excellent niveau, très sympathique, serviable et pédagogue !"
Ce que j'ai le plus apprécié :
"beaucoup de choses qui sont abordées"
Ce que j'ai le moins apprécié :
"un peu rapide des fois"
Mon avis sur le formateur :
"Super rien à dire"
Ce que j'ai le plus apprécié :
"petit groupe on était seulement 5"
Mon avis sur le contenu du stage :
"Quelques coquilles dans les supports et énoncés de TP alléger un peu le contenu des TP pour que les stagiaires aillent au bout de tous"
Mon avis sur le formateur :
"Très bonne communication et déroulé du stage (théorie/pratique)."
Mon avis sur le contenu du stage :
"Nombreux exemples très pratiques."
Mon avis sur le contenu du stage :
"Contenu très qualitatif."
La nouvelle génération du langage JavaScript, EcmaScript 2015, ES2016, ES6, ES7, ES8, ESNext
Objet, Fonctionnalités Avancées, Ajax, Web Services, Bonnes pratiques, performances, tests, industrialisation, EcmaScript, Typescript
HTML dynamique, Formulaires, Jquery, DOM, JSON, XML, Ajax, EcmaScript 6
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
%
De participants satisfaits
ou très satisfaits de nos
formations
Formateurs experts
validés par
PLB