Aller au contenu principal
Accueil

Votre accélérateur de compétences numériques

Navigation principale

  • Nos formations
    • Base des données
    • Bureautique CAO DAO PAO
    • Développement
    • Management des systèmes d'information
    • Réseaux et télécoms
    • Sécurité
    • Services et applications
    • Systèmes d'exploitation
    • Virtualisation
    • Formation en Assurance
    • Formation Bancaire
    • Formations par technologie
    • Toutes nos formations
  • Financements
    • Accord cadre
    • Actions collectives
    • Compte personnel de formation - CPF
    • Congé individuel de formation - CIF
    • L'aide Individuelle à la Formation - AIF
    • OPCA
    • Période de professionnalisation
    • POE et AFPR
  • Nos offres
    • Notre offre de formation
      • E-learning tutoré
      • Session de formation Inter-Entreprise
      • Session de formation Intra-Entreprise
      • Nos avantages
    • Conseil IT - Pilotage projet - MOA
    • Intégration logiciel
  • Nous connaître
    • Historique
    • Charte de qualité
    • Nos partenaires
    • Nos centres de formations
    • Nos vidéos
    • Actualités

Microsoft HTML5 CSS3 Ajax et JavaScript

Objectifs

Destinée aux développeurs et intégrateurs désirant approfondir et mettre à jour leurs connaissances pour s’impliquer dans la création de sites Internet performants et robustes via des technologies de pointe du web apportées par les nouvelles spécifications, la formation HTML5 peut s’adresser aussi à des débutants qui veulent s’initier directement aux 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.). Pendant les 5 jours de formation, seront abordés les nouveautés vastes et puissantes procurées conjointement par le HTML5, le CSS3 et les nouvelles versions de JavaScript et AJAX.
Concrètement, à l'issue de cette formation HTML5 CSS3 les stagiaires seront capable de se servir des nouveautés du web, en restant rétro-compatible afin d’alléger les besoins en JavaScript. Ils possèderont les connaissances nécessaires pour faire de la vidéo, du son et des animations, sans Flash et pour faire du graphisme avancé et certaines images, sans passer par Photoshop. La formation leur donnera les compétences pour améliorer leur référencement dans les moteurs de recherche et adapter l'affichage des versions mobile / tablette (responsive design). Enfin ils seront capables de proposer des services géolocalisés, et des applications hors ligne (mobile, tablette) en facilitant la communication entre le serveur et le navigateur.

Programme

HTML5

  • Découvrir HTML5, standards et (rétro-)compatibilité
  • 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

  • Connaître les formulaires nouvelle génération
  • Appréhender les nouveaux éléments : progress, meter, datalist, keygen, output
  • Comprendre les nouveaux types de champs : tel, url, email, search, number et nouveaux attributs autofocus, placeholder, form, required
  • Assimiler la validation par le navigateur : required, pattern, formnovalidate
  • Découvrir les suggestions automatiques

JavaScript

  • Appliquer le mode strict et chargement asynchrone
  • Agir sur la page grâce à DOM Level 3
  • Savoir mettre en œuvre une gestion dynamique des évènements
  • Utiliser les outils de debug et détection du support du HTML5
  • Démarrer avec JSON et jQuery et s'initier au modèle objet

Vidéo et audio

  • Savoir utiliser les codecs et formats : H264/MP4, OGG/theora, WebM/VP8
  • Découvrir les compatibilités, les navigateurs et les outils de conversion
  • Maîtriser l’utilisation des services existants : Dailymotion, Youtube, Viemo
  • Intégrer des balises video, audio et proposer plusieurs sources dans différents formats
  • Paramétrer les prérequis de type MIME et .htaccess, les attributs : controls, preload, autoplay, poster

Les nouveaux sélecteurs CSS3

  • Les pseudo-classes et pseudo-éléments
  • Les sélecteurs d’attributs (^, $, *)

Mise en page et box model

  • Découvrir les positionnements : absolu, fixe, naturel
  • Mise en page avec float et Flex : box-sizing, border box
  • Découvrir le système de grid, les dispositions en colonnes, les régions et exclusions
  • Connaître les limites et apports des frameworks bootstrap

Graphisme avancé

  • Savoir utiliser des polices de caractères personnalisées, des couleurs avancées et dégradés des ombres et opacité.
  • Maîtriser l’insertion de bordures et arrière-plans avancés

Responsive design

  • Mettre en évidence des problèmes techniques posés par l’hétérogénéité : PC, téléphone, tablette
  • Connaître les prérequis et identifier les solutions grâce au Responsive Design
  • S'adapter à la résolution d'écran et à l'orientation media-queries Viewport
  • Savoir positionner colonnes, tailles fluides et media queries
  • Déterminer de la valeur d’une propriété CSS : calc

Compatibilité des navigateurs avec HTML5/CSS3

  • Focus sur les navigateurs, leurs capacités, leurs recommandations

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

  • Utiliser les outils pour développer et debugguer
  • Améliorer la productivité et la rapidité de codage grâce à une veille technique
  • Maintenir et refactoring du code

AJAX

  • Découvrir XMLHttpRequest 2
  • Intégrer des fichiers joints et progression
  • Effectuer des requêtes cross-domain

Historique, navigation, géolocalisation et images

  • Connaître l'historique, la navigation par ancres et les communication entre onglets
  • Obtenir et suivre la position de l'utilisateur
  • Utiliser d’images vectorielles
  • Découvrir les techniques de 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

Durée

5 jours

Réf.

MS-70-480-2

CPF

Oui, nous consulter

Coût HT

2290 €
Collations et déjeuners offerts en inter-entreprise

Participants

Min : 4 / max : 12

Public visé

Développeur, ingénieur d'études, chef de projet technique

Prérequis

Il est recommandé d'avoir des connaissances en HTML, CSS et JavaScript

Examen

A l'issue de cette formation, vous serez en mesure de passer l'examen l'examen 70-480 Programming in HTML5 with JavaScript and CSS3

> S'inscrire

  • Imprimer
  • Télécharger le PDF
Envoyer par email
> Contactez-nous

Nos formations sont dispensées dans l'un de nos centres de formation (inter-entreprise) ou dans vos locaux (intra-entreprise), avec ou sans certification. 
Nous sommes présent sur l'ensemble des grandes agglomérations françaises et disposons de locaux à la demande ou permanent dans les villes suivantes : Bordeaux, Clermont-Ferrand, Lille, Lyon, Paris et Ile-de-France, Strasbourg et Toulouse.

logo CWT

    Tél. : +33 (0)9 72 65 16 25

    N° Siret : 819 335 977 000 24

    N° DA : 11 75 559 02 75

    Siège social : 10 rue Penthièvre 75008 Paris

Pied de page

  • Conditions générales de vente
  • Mentions légales
  • Cookies
  • Recrutement
  • Contact
  • Cyrware France
  • Belgium
  • Suisse
  • Cyrware Angleterre
  • Cyrware Etats-Unis
  • Cyrware Egypte
  • Cyrware Emirats Arabes Unis
Copyright 2019 © CYRWARE TECHNOLOGY. All rights reserved.