Une formation sur mesure ?

Devis immédiat

Nos clients

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

Formation M20480 - Programmer en HTML5 avec CSS3 et Javascript

Ref. M20480

CPF

durée

5 jours

Tarif

2490€ ht

Toutes les dates

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.

Certification

Cette formation prépare au test suivant : Certification IT - Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS

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