Description

Ce cours 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. Ce stage couvre tous les sujets nécessaires pour préparer l'examen Microsoft 70-480.

À qui s'adresse cette formation ?

Pour qui ?

Développeurs Web.

Prérequis

Les objectifs de la formation

Apprendre à développer des sites et des applications Web avec HTML5 et CSS3

Rendre les sites Web plus dynamiques et plus interactifs

Savoir insérer du contenu multimédia grâce à l'HTML5

Programme de la formation

• La structure du langage
  • Le langage HTML et le CSS.
  • Le langage JavaScript.
  • Le concept des balises.
  • Les objets d'un document.
  • Les titres et les paragraphes de texte.
  • La taille, la couleur et la police.
  • Introduction à JavaScript.
  • Insérer un script dans un document HTML/XHTML.
  • Travaux pratiques Créer des pages en HTML5.
• Les formulaires avec le HTML5
  • La déclaration de formulaire.
  • Zone de texte à une et à plusieurs lignes.
  • Le menu déroulant.
  • Les différents boutons.
  • Organiser les éléments d'un formulaire.
  • Les formulaires à l'environnement mobile (téléphone, tablette).
  • La validation avec JavaScript.
  • Travaux pratiques Créer un formulaire avec la validation des entrées d'utilisateur avec HTML5.
• Le style HTML5 avec CSS3
  • Comment utiliser le CSS3.
  • La mise en page et le positionnement.
  • Le niveau de présentation.
  • Le positionnement par grille.
  • Travaux pratiques Appliquer des styles avec CSS3.
• Le langage JavaScript
  • Les éléments de base (syntaxe, variables.
  • ).
  • Les fonctions.
  • Les objets personnalisés.
  • Les objets globaux (Array, Date.
  • ).
  • Les tableaux.
  • Travaux pratiques Exemple d'utilisation du JavaScript.
• Les API HTML5
  • Utiliser les API pour avoir des fonctions interactives.
  • Le Drag et Drop.
  • Le multimédia.
  • Le mode hors connexion pour une application Web.
  • Travaux pratiques Insérer de la vidéo.
• Interface utilisateur adaptative
  • Créer des pages auto-adaptables aux périphériques.
  • Dessiner en HTML.
  • Le SVG.
  • Les graphiques interactifs à l'aide de graphiques vectoriels évolutifs.
  • Ajouter des animations.
  • Les transitions CSS.
  • Travaux pratiques Comment utiliser le SVG dans une page ? Utiliser les transitions CSS.
• Transmission de données et communication en temps réel
  • Communiquer avec une source de données distante.
  • Transmission des données.
  • Sérialisation.
  • XMLHTTPRequest.
  • WebSocket.
  • Echanges entre client et serveur.
  • L'API Socket Web et JavaScript.
  • Travaux pratiques Exemple de transmission de données.