NET, développer des applications Web en HTML5, CSS3 et

Stage pratique de 4 jour(s)
Réf : INW
Participants
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.
.NET, développer des applications Web en HTML5, CSS3
et JavaScript
avec Visual Studio 2015/2013
OBJECTIFS
Cette formation vous apprendra à créer des pages et des applications Web en utilisant Visual Studio,
HTML5, JavaScript et CSS3. Vous découvrirez les avancées proposées sur ce domaine, notamment avec les
principales API Web telles que la Géolocalisation, le Web Storage, etc.
Pré-requis
Connaissance du langage
HTML 4, CSS 2.x et
du langage JavaScript.
Expérience requise.
1) Introduction
2) HTML5
3) Création CSS 3
4) Programmation JavaScript
5) Mise en œuvre de jQuery
6) Gestion des médias
7) Utilisation des API standard
Prix 2017 : 2440€ HT
Dates des sessions
1) Introduction
Paris
- 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.
16 mai 2017, 12 sep. 2017
14 nov. 2017
Modalités
d’évaluation
L’évaluation des acquis se
fait tout au long de la session
au travers des multiples
exercices à réaliser (50 à 70%
du temps).
Compétences du
formateur
Les experts qui animent
la formation sont des
spécialistes des matières
abordées. Ils ont été
validés par nos équipes
pédagogiques tant sur le
plan des connaissances
métiers que sur celui de la
pédagogie, et ce pour chaque
cours qu’ils enseignent. Ils
ont au minimum cinq à dix
années d’expérience dans
leur domaine et occupent
ou ont occupé des postes à
responsabilité en entreprise.
Travaux pratiques
Découverte de Visual Studio. Création d'une application ASP .NET.
2) HTML5
- 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.
3) Création CSS 3
- Mise en œuvre des nouveaux attributs. Mise en œuvre des attributs de transformation et transition.
- Evolutions des normes et des implémentations propriétaires. Attributs de validation de formulaires.
- Configuration et mise en œuvre 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 œuvre de la Minification et du Bundling. Installation et utilisation du
Framework CSS Bootstrap.
4) 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.
Moyens
pédagogiques et
techniques
• Les moyens pédagogiques
et les méthodes
d'enseignement utilisés
sont principalement : aides
audiovisuelles, documentation
et support de cours, exercices
pratiques d'application et
corrigés des exercices pour
les stages pratiques, études
de cas ou présentation de cas
réels pour les séminaires de
formation.
• A l'issue de chaque stage ou
séminaire, ORSYS fournit aux
participants un questionnaire
d'évaluation du cours qui
5) Mise en œuvre 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.
6) 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.
7) Utilisation des API standard
- API Canvas et géolocalisation.
ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78
page 1
est ensuite analysé par nos
équipes pédagogiques.
- API File, Drag & Drop, Web Storage.
- API Web Socket et Web Worker.
• Une feuille d’émargement
par demi-journée de présence
est fournie en fin de formation
ainsi qu’une attestation de fin
de formation si le stagiaire a
bien assisté à la totalité de la
session.
Travaux pratiques
Mise en œuvre des API principales.
ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78
page 2