Formation Maîtriser HTML5, CSS3, JavaScript et Ajax


  • TIRER PLEINEMENT PROFIT DES NOUVEAUTÉS APPORTÉES PAR LES DERNIÈRES VERSIONS
REFERENCE
 
 
IHCJ
DUREE
 
 
5 jours
TARIFS
 
 
2350 € HT
Niveau : Débutant
Certification: MCSA Web Applications
Cours à distance: Possible
Eligible CPF: oui
BestSeller : oui
OBJECTIFS :
 

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 et les nouvelles versions de JavaScript et AJAX.
Concrètement, à l'issue de cette formation HTML5 CSS3 vous serez capable de :

  • Utiliser dès maintenant les nouveautés du web, en restant rétro-compatible
  • Tirer partie des nouveautés et ainsi alléger les besoins en JavaScript
  • Faire de la vidéo, du son et des animations, sans Flash
  • Faire du graphisme avancé et certaines images, sans Photoshop
  • Améliorer son référencement dans les moteurs de recherche
  • Adapter l'affichage des versions mobile / tablette (responsive design)
  • Proposer des services géolocalisés
  • Faciliter la communication entre le serveur et le navigateur
  • Proposer des applications hors ligne (mobile, tablette).
PRÉ-REQUIS :
 

Des connaissances générales du web et des bases en HTML, CSS et JavaScript sont nécessaires pour suivre ce cours.

PUBLIC :
 

Cette formation HTML5 est destinée aux développeurs web ainsi qu'aux intégrateurs HTML.

PROGRAMME :
 

Présentation des technologies ( HTML5 )

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

HTML5 Forms ( Web Forms )

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

JavaScript nouvelle génération

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

Vidéo et audio

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 nouveaux sélecteurs CSS3

Les pseudo-classes et pseudo-éléments
Les sélecteurs d’attributs (^, $, *)
Exemple d’application de style « intelligente » combinant les nouveautés

Mise en page et box model

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.)

Graphisme avancé

Polices de caractères personnalisées
Couleurs avancées et dégradés
Ombres et opacité
Bordures et arrière-plans avancés

Responsive design

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

Compatibilité des navigateurs avec HTML5/CSS3

Etat des lieux
La détection des capacités des navigateurs
Recommandations

Les outils et les méthodes du développeur WEB

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

JAX nouvelle génération

XMLHttpRequest 2
Fichiers joints et progression
Requêtes cross-domain

Historique et navigation

AJAX avec historique
Navigation par ancres
Communication entre onglets

Géolocalisation

Obtenir et suivre la position de l'utilisateur

Images : canvas et SVG

Images vectorielles
Création dynamique d'images en JavaScript

Stockage local et contenu hors ligne

Attributs data- personnalisés
localStorage et sessionStorage
manifest.
indexedDB : base de données locale

Communication serveur nouvelle génération

SPDY : le HTTP accéléré
Server-sent events
Websockets : communication permanente
Initiation à node.js

Performances et optimisation

Webworkers: scripts simultanés et partagés
Page Visibility API
Battery API
Navigation Timing AP

REMARQUES :
 

Cette formation prépare à l'examen 70-480 - Programming in HTML5 with JavaScript and CSS3.
Avec la formation ASPN (ou M20486), elles forment le cursus de Certification Officielle Microsoft MCSA Web Applications.

 

TRAVAUX PRATIQUES :
 

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, 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. Avis des participants à la formation Maîtriser HTML5, CSS3, JavaScript et Ajax : Note moyenne : 4,7/5
5/5
Avis certifié A suivi un cours chez PLB
BOSC Claire - APLUSARESEARCH
5/5
Avis certifié A suivi un cours chez PLB
GEMMA Bruno - LOXAM

Mon avis sur le formateur :

"Très bonne communication et déroulé du stage (théorie/pratique)."

5/5
Avis certifié A suivi un cours chez PLB
BUFFET Alain - INFOTEM

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"

Lire tous les avis

5/5
Avis certifié A suivi un cours chez PLB
Paul

Mon avis sur le formateur :

"Super rien à dire"

Ce que j'ai le plus apprécié :

"petit groupe on était seulement 5"

5/5
Avis certifié A suivi un cours chez PLB
CJ

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"

4/5
Avis certifié A suivi un cours chez PLB
BENSLIMANE Slimane

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"

5/5
Avis certifié A suivi un cours chez PLB
VF
5/5
Avis certifié A suivi un cours chez PLB
VF
Mon avis sur le formateur: Animateur très sympathique et très pédagogue, avec un discours clair et structuré.
4/5
Avis certifié A suivi un cours chez PLB
PN
Mon avis sur le formateur: Très bon formateur.
4/5
Avis certifié A suivi un cours chez PLB
LG
Commentaire sur le contenu du stage: Intéressant, 5 jours assez complets avec de bons échanges avec le formateur. Aspects les moins appréciés: Petit bémol sur les bons repas
S'INSCRIRE À CETTE
FORMATION HTML5 CSS3
Cliquez sur une date pour vous inscrire
Information pratiques sur
LA FORMATION
Lieu de la formation Paris - LA DEFENSE
Nous contacter 01 43 34 90 94
CETTE FORMATION SUR-MESURE Ce cours est réalisable en intra-entreprise, dans vos locaux ou nos salles de cours CONTACTER NOTRE SERVICE INTRA
D'autres formations
SUR LE MÊME THÈME

2 j

 
ECMAscript provient de la standardisation du langage Javascript selon les normes ECMA. La version 6 (ES6 / ES2015) a amené de nombreux changement car elle était séparée...

3 j

 
Langage de l'Internet côté client, le JavaScript permet la manipulation interactive des éléments constituant une page WEB. Jadis considéré comme un...

4 j

 

Web - Digital

JavaScript avancé
Avec l'essor des interfaces riches et les nombreuses nouveautés JavaScript apportées par le HTML5, qui permettent désormais de faire jusqu'à une application...

4 j

 

Web - Digital

Maîtriser JavaScript
Le web est devenu très dynamique et interactif. Des interfaces utilisateurs (UI) riches sont désormais nécessaires à la fois pour les back-offices et le...
Plus de formations sur le même thème

Des questions ?

ON VOUS RAPPELLE

 

0

Formations
Informatique
et Management
en ligne à ce jour

+ 0

Stagiaires dans nos
salles de cours sur
l'année

0%

De participants
satisfaits ou très
satisfaits de nos
formations

0

Formateurs experts
validés PLB