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.
  • Découverte et prise en main des outils de Visual Studio.
  • Utilisation de l’inspecteur de pages et des outils de débogage des navigateurs.
  • Travaux pratiques : prise en main de Visual Studio et 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 œuvre des nouveaux attributs HTML et des attributs de transformation et de transition.
  • Évolution des standards et des implémentations propriétaires.
  • Utilisation des attributs de validation des formulaires.
  • Configuration et mise en place de la minification et du bundling.
  • Rôle des media queries et leur utilisation pour concevoir des sites adaptatifs (Responsive Web Design).
  • Introduction au framework CSS Bootstrap.
  • Travaux pratiques : mise en forme d’éléments HTML, configuration de la minification et du bundling, installation et utilisation de 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
  • Introduction à jQuery et utilisation de ses sélecteurs.
  • Gestion des événements et exploitation de jQuery UI.
  • Mise en œuvre des requêtes Ajax avec jQuery.
  • Travaux pratiques : réalisation d’opérations courantes telles que les interactions utilisateur, la manipulation du DOM et les appels Ajax via jQuery.
• 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
  • Découverte des API Canvas et de la géolocalisation.
  • Utilisation des API File, Drag & Drop et Web Storage.
  • Mise en œuvre des WebSockets et des Web Workers.
  • Travaux pratiques : implémentation des principales API web.