Nos solutions de formation à distance et en présentiel éligibles au dispositif FNE-Formation 100% financées En savoir plus
ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE CLIENT     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais

Nos formations :

Toutes nos formations .NET

Formation .NET, développer des applications Web en HTML5, CSS3 et JavaScript
avec Visual Studio 2015/2013

Stage pratique
Durée : 4 jours
Réf : INW
Prix  2020 : 2390 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
Programme

Cette formation vous apprendra à créer des applications web suivant le modèle MVC sous Visual Studio, HTML5, CSS3, Bootstrap et JavaScript, jQuery, AJAX. Vous découvrirez les avancées proposées dans ces domaines à l’aide de travaux pratiques basés sur la migration d’une application web forms ancienne génération en MVC.

Objectifs pédagogiques

  • 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
PROGRAMME DE FORMATION

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.

Participants / Prérequis

» Participants

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.

» Prérequis

Connaissances des web forms, du langage HTML 4 avec CSS 2.x. Expérience requise sous Visual Studio 2015 ou supérieur.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys