Description

Cette formation vous permettra de concevoir des pages et des applications web avec Visual Studio en utilisant HTML5, JavaScript et CSS3. Vous découvrirez les évolutions récentes du développement web, notamment les principales API comme la géolocalisation et le Web Storage.

À qui s'adresse cette formation ?

Pour qui ?

Développeur d'applications ASP.NET souhaitant tirer parti des fonctionnalités apportées par HTML5, CS33, JavaScript, JQuery et des API Web associées.

Prérequis

Aucun

Les objectifs de la formation

• Acquérir les compétences nécessaires pour développer des applications web avec Visual Studio.
• Être capable de concevoir des applications professionnelles ASP.NET MVC en utilisant les technologies et outils du .NET Framework.
• Savoir tester et déboguer des applications web ASP.NET MVC.
• Être en mesure de créer des services Web API en ASP.NET MVC et de les consommer côté client.
• Savoir intégrer des frameworks JavaScript tels que Bootstrap ou jQuery afin d’améliorer les interfaces web et mobiles.

Programme de la formation

• Introduction
  • Rappels sur HTML, le Doctype et CSS.
  • Prise en main des outils de Visual Studio.
  • Fonctionnement de l'inspecteur de pages.
  • Les outils de débogage des navigateurs.
  • Travaux pratiques Découverte de Visual Studio.
  • Création d'une application ASP .
  • NET.
• HTML 5
  • Découverte des nouveaux éléments sémantiques.
  • Structure et organisation d'une page.
  • Découverte des nouveaux éléments interactifs.
  • Gestion de la compatibilité avec Modernizr.
  • Découverte des API standard.
  • Travaux pratiques Conception de pages types.
• Création CSS 3
  • Mise en oeuvre des nouveaux attributs.
  • Mise en oeuvre des attributs de transformation et transition.
  • Evolutions des normes et des implémentations propriétaires.
  • Attributs de validation de formulaires.
  • Configuration et mise en oeuvre de la Minification et du Bundling.
  • Rôle et utilisation des Media Queries.
  • Utilisation des Media Queries pour faire des sites adaptatifs (Responsive Web Design).
  • Framework CSS Bootstrap.
  • Travaux pratiques Formatage des éléments HTML.
  • Mise en oeuvre de la Minification et du Bundling.
  • Installation et utilisation du Framework CSS Bootstrap.
• Programmation JavaScript
  • Rappel des règles générales.
  • Gestion des événements.
  • Manipulation du DOM.
  • Prise en main de Visual Studio.
  • Création et manipulation de tableaux et d'objets.
  • Travaux pratiques Ecrire du code pour manipuler le DOM et valider les données d'un formulaire.
• Mise en oeuvre de jQuery
  • Présentation de jQuery.
  • Utilisation des sélecteurs jQuery.
  • Gestion des événements.
  • Utilisation de jQuery UI.
  • Faire de l'Ajax avec jQuery.
  • Travaux pratiques Réaliser des opérations courantes : dialogue utilisateur, manipulation du DOM, requêtes Ajax avec l'objet jQuery, etc.
• Gestion des médias
  • Les formats disponibles et leur support par navigateur.
  • Utilisation des éléments audio et vidéo.
  • Gestion du support multiformat.
  • Contrôle de la lecture par programmation.
  • Travaux pratiques Intégrer des fichiers audio et vidéo, avec gestion multiformat et contrôle de la lecture.
• Utilisation des API standard
  • API Canvas et géolocalisation.
  • API File, Drag & Drop, Web Storage.
  • API Web Socket et Web Worker.
  • Travaux pratiques Mise en oeuvre des API principales.