FORMATION Maitriser HTML5, CSS3 ,JavaScript et Ajax
Tirer pleinement profit des nouveautés apportées par les dernières versions
Objectifs de la formation HTML5 CSS3
La formation HTML5 est destinée aux développeurs et intégrateurs souhaitant mettre à jour leurs connaissances pour créer des sites Internet performant et robuste 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(mobiles, tablettes)
A qui s'adresse la formation HTML5 CSS3
Cette formation HTML5 est destinée aux développeurs web ainsi qu'aux intégrateurs HTML.
Pré-requis :
Connaissances générales du web.
Bases en HTML, CSS et JavaScript (préférable)
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.
Contenu de la formation HTML5 CSS3
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 HTML5DOCTYPE, encodage, règles de syntaxeLes nouvelles balises sémantiquesRelations, micro-formats et micro-donnéesSélection et positionnement en CSS3Nouveaux sélecteurs CSSInline, block & floatContenu en colonnesLe futur du positionnement : (flex)boxJavaScript nouvelle générationMode strict et chargement asynchroneDOM Level 3 : agir sur la pageGestion dynamique des événementsDebug et détection du support du HTML5JSON et initiation au modèle objetInitiation à jQueryFormulaires nouvelle générationNouveaux types de champsValidation par le navigateurErgonomie, mobile et accessibilitéSuggestions automatiquesGraphisme dynamique simplifiéGraphisme avancéPolices de caractères personnaliséesCouleurs et dégradésOmbres et opacitéBordures et arrières-plans avancés
Responsive design (adaptation mobiles / tablettes)
Media-queries : s'adapter à la résolution d'écran et à l'orientation
Viewport
Â
Graphisme façon print
Contenu en colonnes
Régions et exclusions
Â
Animations
Transformations (rotation, translation, etc.)
Transitions : changement progressif d'un style
Animations autonomes
Â
AJAX nouvelle générationXMLHttpRequest 2Fichiers joints et progressionRequêtes cross-domainHistorique et navigationAJAX avec historiqueNavigation par ancresCommunication entre ongletsVidéo et audioFormats, codecs et outilsBalises API JavaScriptPlein écran et lecture partielleGéolocalisationObtenir et suivre la position de l'utilisateurImages : canvas et SVGImages vectoriellesCréation dynamique d'images en JavaScriptStockage local et contenu hors ligneAttributs data- personnaliséslocalStorage et sessionStoragemanifest.indexedDB : base de données localeCommunication serveur nouvelle générationSPDY : le HTTP accéléréServer-sent eventsWebsockets : communication permanenteInitiation à node.jsPerformances et optimsation Webworkers: scripts simultanés et partagésPage Visibility APIBattery APINavigation Timing API
Formation HTML5 CSS3 Paris
-Formation HTML5
-CSS3
-JavaScript et Ajax
