Formations

Actualité

  • NATIVO Référencé OPCA
    Toutes nos formations peuvent être prises en charge par votre OPCA....
  • Toute l'actu sur notre blog

> Voir toutes les Formations .NET 4.5 avec Visual Studio 2012

Formation M20480 - Visual Studio 2012 Programmer en HTML5 avec CSS3 et Javascript

  • Durée : 5 jours
  • Lieu : Paris (La Défense)
  • Inscription
  • Prix : 2350 € HT
  • Réf : M20480    
  • Devis
 

Formation également disponible aux dates que vous souhaitez
(en intra) Devis immédiat au 01 46 20 18 40

Dates et Réservations

octobre 2017
Du 16/10/2017 au 20/10/2017
Paris (La Défense) Paris (La Défense)
 

Formation éligible au CPF

Code CPF : Oui - Cette formation est éligible au Compte Professionel de Formation

Public

Développeurs

Prérequis

Développeurs ayant au minimum 6 mois d'expérience professionnelle en HTML5.
Avoir des bases HTML4 est recommandé.

Objectifs

L'objectif de ce cours est de présenter les bases HTML5, CSS3 et Javascript.
Ce cours est un point d'entrée vers les formations Web et Windows Store Apps.
Il présente la logique de programmation, définition et utilisation des variables, boucles et branchements, développement d'interface utilisateur, validation des entrées, stockage de données, création d'applications structurées.

Programme

Module 1 : Présentation de HTML et CCS
- Présentation de HTML
- Présentation de CSS
- Création d'application Web avec Visual Studio 2012
- Lab : L'application Contoso
- Découvrir l'application Contoso
- Modifier l'application Contoso.

Module 2 : Création des pages de styles HTML5
- Création des pages HTML5
- Création des styles HTML5
- Lab : Créer des pages et des styles HTML5

Créer des pages HTML5
Créer des styles HTML5

Module 3: Introduction à Javascript
- Présentation de la syntaxe Javascript
- Programmation en DOM avec Javascript
- Introduction à jQuery
- Lab : Afficher et gérer les événements avec JavaScript

Afficher les données depuis le programme
Gérer les événements


Module 4: Création des formulaires pour saisir les données et valider les entrées
- Présentation des formulaires et des zones de saisie
- Validation des entrées avec les attributs HTML5
- Validation des entrées avec Javascript
- Lab : Créer un formulaire et valider les entrées

Créer un formulaire et valider les entrées avec les attributs HTML5
Valider les entrées en utilisant Javascript


Module 5: Communication avec une source de données remote
- Envoi et reception avec une requête XMLHTTPRequest
- Envoi et reception des données en utilisant les opérations jQuery AJAX
- Lab : Communiquer avec une source de données remote

Extraire les données
Sérialiser et transmettre les données
Revoir le code en utilisant les méthodes ajax jQuery


Module 6: Ecriture du HTML5 en utilisant CSS3
- Amélioration du texte
- Utilisation d'un style pour les éléments de bloc
- Les sélecteurs CSS3
- Effets graphiques avcec CSS3
- Lab : Créer des styles de texte et des éléments de bloc avec CSS3

La barre de navigation en style
Le Header de page en style
Styler le page


Module 7: Création d'objets et méthodes en utilisant JavaScript
- JavaScript bien structuré
- Création d'objets customisés
- Héritage d'objets
- Lab : Affiner le code pour la maintenabilité et l'extensibilité

Héritage d'objets
Refactoriser le code en utilisant les objets


Module 8: Création de pages interactives avec les APIS de HTML5
- Interaction avec les fichiers
- Intégration du multimédia
- Réaction à l'objet Location du navigateur et au contexte
- Debuggage d'une application Web
- Lab : Créer des pages intéractives en utilisant les APIs de HTML5

Incorporer la vidéo
Incorporer les images
Utiliser l'API de géolocalisation


Module 9: Ajout des fonctionnalités Offline aux Web Applications
- Lecture et écriture des données locales
- Ajout du support Offline en utilisant le cache d'application
- Lab : Ajouter les support Offline aux Applications Web

Mettre en oeuvre le Cache Applicatif
Mettre en oeuvre le Local Storage


Module 10: Mise en oeuvre de l'interface utilisateur adaptative
- Support de multiples formulaires
- Création d'une interface utilisateur adaptative
- Lab :Mise en oeuvre de l'interface adaptative

Les pages adaptatives


Module 11: Graphisme avancé
- Création du graphisme avancé avec SVG
- Dessiner programmatiquement avec les Canvas
- Lab : Créer des graphismes avancés

Créer une carte interactive avec Scalable Vector Graphics (SVG)
Créer un badge en utilisant les éléments du Canvas


Module 12: Animation de l'interface graphique
- Application des transitions CSS
- Transformation d'éléments
- Création d'animations CSS
- Lab : Animer les interfaces graphiques

Appliquer des Transitions aux Interface Utilisateurs
Appliquer des Animations "Key Frame"


Module 13: Mise en oeuvre de communications temps réel utilisant les Web Sockets
- Introduction aux Web Sockets
- Envoi et reception des données en utilisant les Web Sockets
- Lab : Mettre en oeuvre les communications temps réel en utilisant les Web Sockets

Recevoir des données avec les web socket
Envoyer des données avec les Web Socket
Envoyer différents types de message vers ou depuis des Web Socket


Module 14: Création d'un process Web Worker
- Introduction aux Web Workers
- Traitement asynchrone avec les Web Worker
- Lab : Créer un process Web Worker

Améliorer le temps de réponse en utilisdant les Web Worker

. Fournir du Feedback lors de traitements longs.