Une formation sur mesure ?

Devis immédiat

Nos clients

Ils nous font confiance.

logos clients Nativo formation
Formations inter / intra entreprise
Revenir aux formations .NET

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

Ref. M20480

CPF

durée

5 jours

Tarif

2350€ ht

picture_as_pdfprint

Toutes les dates arrow_drop_down

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.

Public

Développeurs

Prérequis

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

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.

Moyens et Méthodes Pédagogiques

  • La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
  • Un poste par stagiaire
  • Formateur Expert
  • Remise d’une documentation pédagogique papier ou numérique pendant le stage

Validation des acquis

  • Auto évaluation des acquis par le stagiaire via un questionnaire en fin de formation
  • Attestation de fin de stage remise avec la facture