Web Integrator Certification

Présentation du programme:

Html – CSS – 2 jours

Responsive Webdesign – 3 jours

Utiliser un Framework CSS – 3 jours

La toolbox du développeur Front End (exclu B5 Productions) – 2 jours

Le Pré-processeur SASS – 1 jour

2 jours de Travaux pratiques

1 Examen Ecrit – 1 jour

1 Soutenance Orale – 1 jour

HTML CSS – 2 jours
La nouvelle vision HTML 5 – Roadmap HTML 5 – Comment utiliser le HTML 5 aujourd’hui
• Les bases du HTML5
Utiliser le HTML 5 avec des navigateurs qui ne le supportent pas
• Le balisage HTML 5
• Structure d’une page
• Doctype
HTML 5 et CSS
• Les formulaires
• La balise form
• Créer et utiliser des formulaires HTML 5
Audio et Video
• Les éléments audio et video
• Les conteneurs, les codecs
• Vue d’ensemble des APIs
Les APIs HTML 5
• Audio et video
• Site web hors ligne
• DragetDrop
Extension de HTMLDocument
• Extension de HTMLElement
• Dessiner en HTML
• Canvas vs SVG
• Contexte et accessibilité
• La communication en HTML 5
• Les événements
• Envoi de messages entre documents
• Envoi de messages par canaux
La géo-localisation
• Vue d’ensemble
• La vie privée de l’utilisateur
Stockage
• Stockage local
• Stockage en session
Bases de données SQL Web
• CSS3 : standardiser des propriétés
• Vue d’ensemble : se passer d’images, éviter les astuces
CSS 3 : mise en page et positionnement
• Vue d’ensemble : clarifier le code, éviter la multiplication de div> imbriquées
• Mise en page
• Autres nouveautés

Responsive Webdesign 3 jours
Introduction
• Les différents terminaux et résolutions
• Rappel des bases CSS HTML
HTML5 et CSS3
• Compatibilités avec les différents navigateurs
• Les critères pour mobiles
Compatibilité
• Les nouveautés du CSS
• 2013, et après?
Les Outils Css
• Média Query
• Utilisation des grilles
Quelques Frameworks
• Bootstrap
• Skeleton
• Foundation
• Less Frameworks….
Adaptabilité du contenu
• Cas pratiques
• Analyse de sites Responsive
• Réaliser la maquette d’un site Web adaptée aux tablettes et mobiles
• Faire une page de contenu simple en HTML5 et CSS3

Utiliser un Framework CSS – 3 jours
Présentation
• Comment choisir un framework
• Présentation d’une sélections de framework modernes
Installation
• Rappel des base
• Installation simple
• Installation avec Bower
• Mise à jour
Utilisation
• Présentation des grilles
• Les composant CSS
• Les composant Javascript
• La sémantique
• La personnalisation du framework
Pour aller plus loin
• Utilisation d’un framework avec un pré-processeur Css

La Toolbox du développeur Front End – 2 jours
Avant de commencer
• Rappel des prérequis
• Présentation de Gulp, un task runner
• Présentation Bower
• Présentation de npm
Installation
• Installation de nodejs
• Installation et initialisation de Gulp
• Installation et initialisation de Bower
Outils courants
• Pour les images, le css, le javascript …
Création d’un projet
• Définition des outils à utiliser
• Installation des outils
• Organisation des dossiers
• Création des taches
• Imbrication des taches
Utilisation en developpement
• Test des lignes de commande
• Optimisation des taches
Présentation de ressources

Le Pré-processeur SASS – 1 jour
Présentation de Sass
• Définition d’un préprocesseur CSS
• Différences entre Sass et Scss
Mise en place de Sass
• Installation de Sass Cli & Logiciel
• Installation côté serveur
La Syntax
• Les commentaires
• Les imports de fichier
• Utilisation des variables
• Création de fonctions & mixins
• Création d’héritages
• Les imbrications
Les Opérateurs
• Les opérations de nombres
• Les opérations de couleurs
• Les opérations de chaines de caractères
• Les listes d’opérations
Le débug
• Utilisation de warning, error et debug
Les frameworks utilisant Sass
• Bootstrap
• Foundation
• Susy
• Bourbon
• Compass …
La toolbox
• Les outils pour intégrer le Sass dans votre flux de travail