Programme de Formation Webmaster Avancé : Javascript/JQuery (Certification Microsoft 70-480)

JavaScript

Les principaux éléments du JavaScript : variables, tableaux, fonctions…

Les instructions de conditions et d’itérations

La gestion des erreurs et des exceptions

Les objets en Javascript

Prototypage

Constructeurs, héritage, portée des variables

Présentation du DOM (Document Object Model)

Parcours du DOM, filtres

Accès, modification, ajout d'éléments et d'attributs HTML 5

Gestion dynamique des CSS

La gestion des évènements

Propagation d’évènements

Introduction à l‘API WebSocket HTML5

Création de WebWorkers en BackGround

Atelier pratique: Utiliser JavaScript pour animer la page Web Formulaires HTML 5

Validation de formulaires avec HTML

Validation de formulaires avec JavaScript

Utilisation des expressions régulières.

Prévention des injections de code

Récupération des données, encodage

/> Atelier pratique: Utiliser JavaScript pour valider un formulaire

Ajax et XMLHttpRequest

Communication synchrone et asynchrone

Instancier un objet XMLHttpRequest

Gestion des erreurs

Barre de progression

Principes des Callback

Transmission de données: format GET et POST

Sérialisation et désérialisation de données

Utilisation des données: Le format XML, le format JSON

Appliquer Jquery pour effectuer une requête Ajax

Fonctions jQuery disponibles pour effectuer des requetes Ajax

Atelier pratique: Utiliser Ajax avec Jquery et Javascript pour créer des éléments d’un formulaire à partir de données fournies en XML et JSON Préparation de la certification Microsoft 70-480

Présentation du contenu de la certification :

Mise en œuvre et manipulation des structures de document et des objets (24 %)

Mise en œuvre du flux de programme (25 %)

Accès aux données et sécurisation des données (26 %)

Utilisation de CSS3 dans les applications (25 %)

Passage et correction d'un test blanc

Ateliers corrigés

Questions/réponses, gestion du temps lors du passage de l'examen Passage de la certification (si prévue dans le financement)

Programme de Formation Webmaster Avancé : HTML5/CSS3/Javascript/JQuery

Introduction

Historique : Evolution du HTML et de CSS

Le HTML5 : Présentation des problèmatiques actuelles

Exemples d’applications en HTML 5 et CSS3

Apercu d’outils de développement comme Visual Studio

HTML5

Structurer une page en HTML5 :

Les balises sémantiques : header, article, aside…

Création d’un conteneur de disposition

Les nouveaux attributs utilisés par les moteurs de recherche

Atelier pratique : Architecture d’une page en HTML5

Gestion des médias en HTML 5

Les balises audio et video

La balise Canvas : Utilisation de l’API Canvas.

Graphiques interactifs avec SVG

Atelier pratique : Création de graphiques interactifs

CSS 3

Application de styles aux propriétés de zone HTML 5

Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important, l’architecture objet, les pseudo-classes et les pseudo-éléments.

Apparence: Taille, bordures, contours, background, image arriere-plan, dégradés,ombres, détourage,

transparence, dimensionnement, marges…

Problèmatiques de positionnement, les différents modes de positionnement., affichage, masquage

Disposition en colonnes. Flottements, exclusions.

Atelier pratique : Création d’une page d’articles de presse

Application de styles aux propriétés de texte HTML 5

Format, couleur, ombre portée…

Intégration de polices : @font-face

Alignement, indentation du texte, justification, césure.

Atelier pratique : Mise en page d’un article

Les transitions et les transfomations en CSS3

Transformation d’objets en 2D et 3D

Animations d’objets avec les transitions CSS

Adaptation de l’interface en fonction des médias utilisés

Atelier pratique : Animation de la page web

Le Responsive Web Design

Présentation du Responsive Web Design : objectifs, alternatives...

Le modèle flexible

Les media queries

Disposition utilisant les régions, le regroupement et l’imbrication

Les grilles fixes et fluides

Compression d'images, sprites, Data URI

API Network Information JavaScript pour Responsive

Atelier pratique : Adaptation de la page web aux multiples formats ( tablettes, smartphone…)

Les principales API de HTML 5

Les API de stockages : LocalStorage, SessionStorage, IndexedDB

La géolocalisation

Offline web application

JavaScript

Les principaux éléments du JavaScript : variables, tableaux, fonctions…

Les instructions de conditions et d’itérations

La gestion des erreurs et des exceptions

Les objets en Javascript

Prototypage

Constructeurs, héritage, portée des variables

Présentation du DOM (Document Object Model)

Parcours du DOM, filtres

Accès, modification, ajout d'éléments et d'attributs HTML 5

Gestion dynamique des CSS

La gestion des évènements

Propagation d’évènements

Introduction à l‘API WebSocket HTML5

Création de WebWorkers en BackGround

Atelier pratique: Utiliser JavaScript pour animer la page Web Formulaires HTML 5

Validation de formulaires avec HTML

Validation de formulaires avec JavaScript

Utilisation des expressions régulières.

Prévention des injections de code

Récupération des données, encodage

Atelier pratique: Utiliser JavaScript pour valider un formulaire

Ajax et XMLHttpRequest

Communication synchrone et asynchrone

Instancier un objet XMLHttpRequest

Gestion des erreurs

Barre de progression

Principes des Callback

Transmission de données: format GET et POST

Sérialisation et désérialisation de données

Utilisation des données: Le format XML, le format JSON

Appliquer jQuery pour effectuer une requête Ajax

Fonctions jQuery disponibles pour effectuer des requetes Ajax

Atelier pratique: Utiliser Ajax avec Jquery et Javascript pour créer des éléments d’un formulaire à partir de données fournies en XML et JSON Passage de la certification(si prévue dans le financement)

Programme de Formation Animate

Découverte du logiciel

Présentation de l’historique de Flash et du format .SWF.

Pourquoi utiliser Animate CC.

Les animations HTML 5 avec CANVAS.

Les formats

Le scénario

Le texte

Les outils de dessin

Le bitmap et le vectoriel

Organisation de l’espace de travail

Les symboles

La Bibliothèque

Techniques d’animation

Image par image

Interpolation de forme

Interpolation classique

Interpolation de mouvement

Interpolation 3D

Guide de mouvement classique

Création de masques

Editeur de graphiques d’accélération

Présélection de mouvements

Gestion des propriétés

Les effets : teinte, luminosité, alpha, avancé

Les couleurs et les dégradés

Les modes de fusion

Les modes de rendu

Les filtres : Ombre portée, flou, biseau, rayonnement, réglages de couleurs

Importation de médias

Images bitmaps, images svg, audio, vidéo

Importation d’une composition Illustrator ou Photoshop

Publication

Les paramètres de publication

Exporter en vidéo HD à l’aide de Media Encoder

Exporter en HTML5 Canvas

Exporter en OAM, web gl.

Exporter une animation de type spritesheet (pelliculée)

Exporter une suite d’images PNG pour les publications digitales

Exporter un gif animé

Fragments de code

Create js

Présentation Jquery et ActionScript 3

Programme de Formation ExtJS

Découvrir ExtJS

Développement d'applications web

Panorama des frameworks disponibles

ExtJS : présentation, positionnement, licences

Cohabitation avec d'autres frameworks : jQuery, prototype,...

Outils : JSBuilder, ExtJS Designer

Rappels de javaScript, DOM, évènements

Architecture d'ExtJS : modules, utilitaires

Atelier : Intégration d'ExtJS dans une application web, documentation - présentation d'outils Comprendre le modèle MVC

Pattern MVC

Présentation du modèle ExtJS

Classes essentielles : Ext.application, Ext.app.Controller

Arborescence de l'application

Gestion des évènements

Communication asynchrone (AJAX)

Manipulation des données XML / JSON, transformations

Atelier : Mise en oeuvre d'une application MVC avec ExtJS Accéder aux données avec ExtJS

Différents types d'accès : local, distant

Template, XTemplate

Tris et regroupement

Proxy, Reader, Record, DataStore

Validation des données

Atelier : Utilisation de Proxy pour l'accès aux données et validatoins Construire une IHM avec ExtJS

Composants,conteneurs, fenêtres

Gestion du positionnement (layouts)

Formulaires : cycle de vie, contrôles de base

Décoration CSS des composants

Navigation entre composants

Présentation avancée avec des grilles, arbres

Pagination, Drag and drop, filtres

Intégration de graphiques, dessins

Atelier : Création de fenêtres/formulaires avec ExtJS Créer des composants personnalisés

Structure détaillée d'un composant

Méthodologie et création

Industrialisation

Atelier : Création de composants ExtJS

Programme de Formation Webmaster Avancé : HTML5/CSS3/RWD

Introduction

Historique : Evolution du HTML et de CSS

Le HTML5 : Présentation des problèmatiques actuelles

Exemples d’applications en HTML 5 et CSS3

Apercu d’outils de développement comme Visual Studio

HTML5

Structurer une page en HTML5 :

Les balises sémantiques : header, article, aside…

Création d’un conteneur de disposition

Les nouveaux attributs utilisés par les moteurs de recherche

Atelier pratique : Architecture d’une page en HTML5

Gestion des médias en HTML 5

Les balises audio et video

La balise Canvas : Utilisation de l’API Canvas.

Graphiques interactifs avec SVG

Atelier pratique : Création de graphiques interactifs

CSS 3

Application de styles aux propriétés de zone HTML 5

Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important, l’architecture objet, les pseudo-classes et les pseudo-éléments.

Apparence: Taille, bordures, contours, background, image arriere-plan, dégradés,ombres, détourage,

transparence, dimensionnement, marges…

Problèmatiques de positionnement, les différents modes de positionnement., affichage, masquage

Disposition en colonnes. Flottements, exclusions.

Atelier pratique : Création d’une page d’articles de presse

Application de styles aux propriétés de texte HTML 5

Format, couleur, ombre portée…

Intégration de polices : @font-face

Alignement, indentation du texte, justification, césure.

Atelier pratique : Mise en page d’un article

Les transitions et les transfomations en CSS3

Transformation d’objets en 2D et 3D

Animations d’objets avec les transitions CSS

Adaptation de l’interface en fonction des médias utilisés

Atelier pratique : Animation de la page web

Le Responsive Web Design

Présentation du Responsive Web Design : objectifs, alternatives...

Le modèle flexible

Les media queries

Disposition utilisant les régions, le regroupement et l’imbrication

Les grilles fixes et fluides

Compression d'images, sprites, Data URI

API Network Information JavaScript pour Responsive

Atelier pratique : Adaptation de la page web aux multiples formats ( tablettes, smartphone…)

Les principales API de HTML 5

Les API de stockages : LocalStorage, SessionStorage, IndexedDB

La géolocalisation

Offline web application

Passage de la certification (si prévue dans le financement)

Programme de Formation BackboneJS

Introduction

Développement d'applications web

Panorama des frameworks disponibles

Architecture, pattern MVC (Model View Controller)

Backbone.js : présentation, composantes

Rappels HTML5, JavaScript

Atelier : Mise en place d'un projet intégrant Backbone.js Découpage MVC

Contrôleurs Backbone : fonctionnement, implémentation

Modèle et contexte : hiérarchie, création

Gestion des événements utilisateur

Implémentation des vues : affichages, saisies, actions, binding et filtres

Chargement de données avec jQuery, Underscore.js

Gestion des paramètres

Invocation des contrôleurs dans la vue

Moteur de templates

Atelier : Création d'une application web MVC complète Debug et tests

Gestion des exceptions

Debug de Backbone.js

Tests unitaires

Atelier : Debug d'applications et automatisation de tests Notions avancées

Intégration de composants graphiques évolués avec JQuery UI

Configuration du routage

Gestion de l'historique

Internationalisation de l'application

Formatage : dates, nombres

Implémentation de filtres

Atelier : Configuration de l'application Appels serveur

Intercepteurs de réponse

Appels asynchrones (Ajax), gestion des appels REST

Atelier : Multiples appels de services