Formation .NET, développer des applications Web en HTML5, CSS3 et JavaScript
La formation .NET permet de développer des applications Web en HTML5, CSS3 et JavaScript. Cette formation vous permet de maîtriser totalement les outils de développement .NET.
Vous gagnerez en réactivité face à n'importe quelle demande du client et de serez en perpétuel renouvellement grâce à de nouveaux procédés pour être en phase avec les avancées technologiques.
Pour cela, la formation vise une connaissance parfaite des systèmes de base de données, de JavaScript, HTML5, et CSS 3.
À l’issue de la formation, le participant sera en mesure de :
- Comprendre le principe et la mise en œuvre d’une application ASP .NET MVC
- Concevoir des pages types en HTML5 formatées en CSS 3 et responsives avec Bootstrap
- Manipuler le DOM avec JavaScript
- Mettre en œuvre jQuery pour manipuler le DOM et faire des appels AJAX de web API
- Manipuler les API web standards courantes
Cette formation s'adresse aux développeurs souhaitant moderniser les interfaces d’applications ASP .NET en MVC sous Visual Studio, avec HTML5, CS33, Bootstrap, JavaScript, JQuery et les API web courantes.
4 JOURS
Introduction
- Rappels sur HTML, le Doctype et CSS (sélecteurs, règles et attributs).
- Nouveaux éléments sémantiques. Structure et organisation d'une page.
- Nouveaux éléments interactifs (inputs avec validations).
- Support des nouvelles fonctionnalités par les navigateurs avec Modernizr.
Travaux pratiques
Conception et analyse de pages types sous Visual Studio.
Architecture MVC
- Principe du modèle MVC.
- Création d’un projet MVC avec Visual Studio.
- Organisation du projet, configuration des routes standards.
- Génération de pages avec Razor.
Travaux pratiques
Transformation de pages web forms avec Master Page types en vues MVC, avec des vues partagées et réalisation d’une page "contact" avec validation par le navigateur.
Techniques de présentation CSS3
- Les nouveaux attributs (ombrage, arrondi, transformation, animation, intégration de polices de caractères...).
- Les éléments audios et vidéos (gestion des formats disponibles par les navigateurs).
- Les Media Queries pour des pages adaptées aux différentes résolutions.
- Mise en œuvre de Bootstrap.
Travaux pratiques
Formatage d'éléments HTML avec les nouveaux attributs CSS3, affichage de vidéo, réalisation de pages responsives types avec Bootstrap.
Programmation JavaScript
- Rappel des règles générales (syntaxe, exécution et débogage).
- Manipulations courantes du DOM (événements, modifications d'éléments...).
- Manipulation de tableaux, d'objets avec classes, sérialisation JSON, prototypes et closures.
Travaux pratiques
Écrire du code pour manipuler le DOM.
Mise en œuvre de jQuery
- Mise en œuvre d’un contrôleur web API basé sur un modèle de données.
- Faire des appels Ajax à une API-Service web avec promesses.
- Installation et mise en œuvre de jQuery.
- Faire de l'Ajax avec jQuery pour afficher des fragments HTML et des données JSON.
Travaux pratiques
Manipulations du DOM, réalisation d’un contrôleur web API avec appels Ajax pour éditer des données, avec un modèle de données et un ViewModel utilisant des validations par annotations.
Utilisation des API web standards
- API web Socket et web worker.
- Les API web standards et leur documentation.
- API canvas et géolocalisation.
- API file, drag & drop, web storage.
Travaux pratiques
Mise en œuvre des API principales.
Techniques d’optimisation des pages
- Utilisation des outils de développement des principaux navigateurs.
- Configuration et mise en œuvre de la minification et du bundling.
Travaux pratiques
Analyse des temps de réponse d’une page. Mise en œuvre de la minification et du bundling.
Connaissances des web forms, du langage HTML 4 avec CSS 2.x. Expérience requise sous Visual Studio 2015 ou supérieur.