Formation Programmer en HTML5 avec JavaScript et CSS3

Formation avec préparation à la certification :

Dernière version en date du HTML, HTML5 permet de créer et styliser une page Web à travers un langage de balisage. JavaScript offre la possibilité de rendre ces pages Web interactives. Quant à CSS3, son arrivée a permis de multiplier les possibilités en termes de design Web. Cette formation vous apprendra à combiner ces trois langages et leurs divers composants, afin de vous apporter des compétences complètes dans le développement et la programmation d’applications Web. Elle vous préparera également à l’examen 70-480 de certification Microsoft « Programmer en HTML5 avec JavaScript et CSS3 ».

Cette formation a pour objectif de présenter le HTML5, CSS3 et JavaScript et de fournir des compétences de base dans la programmation à partir de ces langages. Elle est une porte d’entrée dans la conception des applications Web et des applications Windows Store. Cette formation se concentre sur l’utilisation de HTML5/CSS3/JavaScript pour implémenter une logique de programmation, définir et utiliser des variables, opérer des boucles et des branchements, développer des interfaces d’utilisateurs, capturer et valider les entrées d’utilisateurs, stocker des données et créer des applications fiables et performantes. Le cours s’appuie sur un ensemble d’ateliers pratiques mettant en scène différents scénarios d’applications, afin de comprendre leur structure et leur fonctionnement. La formation utilise Visual Studio 2012, sous Windows 8/10.

A l’issue de cette formation, les apprenants sauront :

  1. Utiliser Visual Studio 2012 pour créer et exécuter une application Web.
  2. Décrire les nouvelles fonctionnalités de HTML5, et créer et styliser des pages HTML5.
  3. Ajouter une interactivité à une page HTML5 avec du JavaScript.
  4. Créer des formulaires HTML5 et faire des contrôles de saisie avec les attributs HTML5 et le code JavaScript.
  5. Envoyer et recevoir des données (Services Web) depuis et vers une source de données distante grâce à XMLHTTPRequest objects et jQuery AJAX.
  6. Styliser des pages HTML5 avec CSS3.
  7. Créer un code JavaScript bien conçu et facile à maintenir.
  8. Utiliser les HTML5 APIs courantes dans les applications Web interactives.
  9. Créer des pages Web HTML5 capables de s’adapter aux différents appareils terminaux d’affichage
  10. Ajouter des graphiques avancés à une page HTML5.
  11. Améliorer l’expérience utilisateur en ajoutant des animations à une page HTML5.
  12. Utiliser les Web Sockets pour envoyer et recevoir des données entre une application Web et un serveur.
  13. Améliorer la réactivité d’une application Web qui supporte des opérations de long-terme via Web Worker.

1Présentation générale du HTML et de CSS :

Ce module offre une vue générale du HTML et de CSS et explique comment utiliser Visual Studio 2012 pour concevoir une application Web.

  • Présentation générale du HTML
  • Présentation générale de CSS
  • Créer une application Web avec Visual Studio 2012

Atelier : Explorer l’application Contoso Conference

2Créer et styliser une page HTML 5 :

Ce module décrit les nouvelles fonctionnalités du HTML5 et explique comment créer et styliser des pages HTML5.

  • Créer une page HTML5
  • Styliser une page HTML5

Atelier : Conception et style avec le HTML5

3 Introduction au JavaScript :

Ce module introduit à l’utilisation du langage JavaScript et comment l’utiliser pour ajouter l’interactivité à une page HTML 5.

  • Présentation générale de la syntaxe JavaScript
  • Programmer le DOM avec JavaScript
  • Introduction à jQuery

Atelier : Afficher des données et gérer des évènements avec JavaScript

4Créer des formulaires pour collecter les données et valider les entrées d’utilisateurs :

Ce module décrit les nouveaux types d’entrées disponibles avec HTML5 et explique comment créer des formulaires pour collecter et valider les entrées d’utilisateurs.

  • Présentation générale des formulaires et des types d’entrées
  • Valider une entrée utilisateur avec les attributs HTML5
  • Valider une entrée utilisateur avec JavaScript

Atelier : Créer un formulaire et valider une entrée d’utilisateur

5Communiquer avec une source de données distante :

Ce module explique comment envoyer et recevoir des données depuis/vers une source à distance, grâce à XMLHTTPRequest et les opérations jQuery AJAX.
  • Envoyer et recevoir des données avec XMLHTTPRequest
  • Envoyer et recevoir des données avec jQuery AJAX

Atelier : Utiliser une source de données à distance

6Styliser HTML5 avec CSS3 :

Ce module présente les nouvelles fonctionnalités de CSS3 pour styliser des pages et des éléments HTML5.

  • Styliser le texte
  • Styliser les éléments Block
  • Les sélecteurs CSS3
  • Améliorer les effets graphiques avec CSS3

Atelier : Styliser le texte et les éléments Block avec CSS3

7Créer des objets et des méthodes avec JavaScript :

Ce module explique comment écrire un code JavaScript bien structuré et facile à maintenir. Il expose également l’utilisation de principes orientés sur l’objet dans un code JavaScript au sein d’une application Web.

  • Ecrire un code JavaScript bien structuré
  • Créer des objets personnalisés
  • Etendre les objets

Atelier : Affiner le code pour le maintien et l’extensibilité

8Créer des pages interactives avec HTML5 APIs :

Ce module décrit l’utilisation des HTML5 APIs courantes pour ajouter des fonctions d’interactivité à une application Web. Il explique également comment débuguer et profiler une application.

  • Interagir avec des fichiers
  • Incorporer des multimédias
  • La localisation de navigateur (Browser location) et les contextes
  • Débuguer et profiler une application Web

Atelier : Création de pages interactives

9Ajouter un support hors-connexion aux applications Web :

Ce module décrit l’ajout du support hors-connexion à une application Web pour lui permettre de fonctionner dans le navigateur d’un utilisateur même si ce navigateur est déconnecté.

  • Lire et écrire des données localement
  • Ajouter un support hors-connexion avec le Cache

Atelier : Le support hors-connexion

10Implémenter une interface d’utilisateur adaptée :

Ce module explique comment créer des pages HTML5 capables de s’adapter à différents appareils et formats.

  • Support des formats d’affichages multiples
  • Créer une interface d’utilisateur adaptable

Atelier : L’interface d’utilisateur adaptée

11Créer des graphiques avancés :

Ce module présente les graphiques avancés d’une application Web HTML5 via l’utilisation des éléments Canvas et des Scalable Vector Graphics.

  • Créer des graphiques interactifs avec Scalable Vector Graphics
  • Dessiner des graphiques par programme avec Canvas

Atelier : Création de graphiques avancés

12Animer l’interface d’utilisateur :

Ce module explique comment renforcer l’expérience utilisateur d’une application Web HTML5 grâce à l’ajout d’animations.

  • Appliquer des transitions CSS
  • Transformer des éléments
  • Appliquer des animations CSS Key-frame

Atelier : Animer les éléments de l’interface

13 Implémenter des communications en temps réel avec les Web Sockets :

Ce module introduit les Web Sockets et leur utilisation dans la transmission et la réception de données entre une application Web HTML5 et un serveur.

  • Introduction aux Web Sockets
  • Envoyer et recevoir des données avec les Web Sockets

Atelier : Communications en temps réel avec les Web Sockets

14Créer un processus Web Worker :

Ce module explique comment utiliser les processus Web Worker pour mettre en place des opérations asynchrones de long terme et améliorer la réactivité d’une application Web HTML5.

  • Introduction aux Web Workers
  • Les processus asynchrones avec Web Worker

Atelier : Les processus Web Worker

Afin de participer à cette formation, les candidats devraient avoir une première expérience dans le développement. Ils devraient également posséder des connaissances pratiques et théoriques du HTML5.

Cette formation s’adresse aux développeurs professionnels ayant une expérience dans la programmation et qui s’intéressent au développement d’applications avec HTML5, JavaScript et CSS3 (que ce soit pour les applications Windows Store pour Windows 8-10 ou des applications Web). Ce cours s’adresse particulièrement aux candidats ayant une première expérience dans la création d’applications Web incluant l’écriture de code JavaScript simple, la création d’applications clientes Windows et l’utilisation de Visual Studio 201x. La formation s’adresse également aux personnes souhaitant passer l’examen de certification Microsoft 70-480 « Programmer en HTML5 avec JavaScript et CSS3 ».

Notre priorité

Formation flexible

Vous souhaitez actualiser vos connaissances ou acquérir un diplôme ? Choisissez parmi les différentes formations en informatique le cours qui vous convient, à vos rythme, tout au long de vos formation.

Qualités requises

L’informatique est un outil majeur de stratégie et de compétitivité. Il est devenu indispensable aux entreprises et au grand public... Profitez des conseils avec nous pour bien maîtriser l’informatique.

Formation à distance

Il est possible de devenir webmaster, webdesigner ou référenceur... Profitez avec notre centre des formations diplômantes et certifiantes à distance pour s’orienter aux métiers du web.

prix compétitifs

Depuis la création de notre centre, nous ne cessons de développer nos connaissances pour assurer de formation performante avec un prix abordable, raisonnable et particulièrement avantageux.



Tarification et déroulement

Formation Accélérée

5600 DH ➠

  • Type de formation : Individuel
  • Volume horaire : 56 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Horaire : Flexible selon votre disponibilité et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 7 jours ou bien répartir votre heures selon votre rythme, votre engagement

Formation Accélérée

5600 DH ➠

  • Type de formation : En groupe
  • Volume horaire : 56 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de vos inscriptions
  • Horaire : Flexible selon vos disponibilités et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 7 jours ou bien répartir vos heures selon vos rythmes, vos engagements
  • NB : le groupe est compilé par vous-même

Formation continue

800 DH ➠

  • Type de formation : Individuel
  • Volume horaire : 56 heures
  • Durée de la formation : 6 mois
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription

Formation continue

400 DH ➠

  • Type de formation : En groupe
  • Volume horaire : 56 heures
  • Durée de la formation : 7 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits

Formation continue Accélérée

1000

  • Type de formation : En groupe
  • Volume horaire : 56 heures
  • Durée de la formation : 3 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : 3 séances de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits
×

Formulaire d'inscription au Competence Center

Virement Bancaire

Comment dois-je faire pour payer les frais d'inscription

Competence Center met à votre disposition des méthodes de paiement flexibles et en toute sécurité

Paiement en ligne par PayPal.

Paiement par virement bancaire (RIB : 127270211118738201000403).

Paiement en cash chez notre centre (À côté de la pharmacie Bahja sur l'avenue Mhd 5, au-dessus du café El Mamouniya).