Formation Programmer en HTML5 avec JavaScript et CSS3

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
• Cette formation est éligible à l'action collective Fafiec "Développer avec les langages .Net, Java et C++" (Réf : 28114)

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