Le document présente une formation de 5 jours sur le design web adaptatif (RWD), le balisage sémantique et la sécurité des applications web, visant à renforcer les compétences des webmasters et développeurs. Il couvre des sujets tels que la création de sites web responsifs, l'intégration de microdata, et les principes de sécurité applicative. Des ateliers pratiques et des sessions de coaching sont également inclus pour accompagner les participants dans leur apprentissage.

1. CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros
Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com
RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A
Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France
Webmaster Expert : Responsive Web Design (RWD) + Microdata,
Schema.org et Rich Snippets + Sécurité des applications Web
Formation Informatique / Technologies WEB / Webmaster Expert
OBJECTIFS
• Maîtriser la création de sites adaptatifs
• Mettre en place une sémantique web efficace pour le référencement de vos pages web
• Savoir identifier les instrusions et mettre en place une stratégie de sécurité dans vos applications web
PUBLIC
Webmasters, développeurs, intégrateurs confirmés
PRE-REQUIS
• Bonnes connaissances en HTML et CSS
PROGRAMME
Construire un site web adaptatif
Responsive Web Design (RWD) : définition, composantes
Standards, le HTML5 et CSS3
Détection de ressources avec Modernizr
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)
Ressources utiles : outils, galeries de sites mobiles
Atelier : Structure d'un site HTML5/CSS3, support par les anciens navigateurs
Créer une grille d'affichage flexible
Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements
Atelier : Multiples exemples de grilles flexibles
Utiliser des médias flexibles
Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs
Atelier : Eviter le débordements d'images/vidéos
Ecrire des CSS3 Media Queries
Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders
Polyfills pour le support des anciens navigateurs
Atelier : Adaptation de l'affichage en fonction de la résolution
Frameworks RWD
Panorama des frameworks existants
Bootstrap
960 grid
A retenir
Durée : 5 jours soit 35h.
Réf. WBM11
Dates des sessions
Paris
25/05/2015
14/09/2015
Aix en Provence
01/06/2015
21/09/2015
Bordeaux
15/06/2015
05/10/2015
Brussel
18/05/2015
07/09/2015
14/12/2015
Geneve
08/06/2015
28/09/2015
Lille
18/05/2015
07/09/2015
14/12/2015
Lyon
08/06/2015
28/09/2015
Montpellier
22/06/2015
12/10/2015
Nantes
15/06/2015
05/10/2015
Nice
01/06/2015
21/09/2015
Rennes
15/06/2015
05/10/2015
Strasbourg
25/05/2015
14/09/2015
Toulouse

2. CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros
Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com
RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A
Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France
Webmaster Expert : Responsive Web Design (RWD) + Microdata,
Schema.org et Rich Snippets + Sécurité des applications Web
Formation Informatique / Technologies WEB / Webmaster Expert
Optimisation des ressources graphiques
Atelier : Construction d'un site adaptatif avec Bootstrap
Comprendre la sémantique web
Valorisation du contenu d'une page web pour améliorer le référencement
Hypertexte sémantique et sémantique embarquée dans les pages HTML
Nouvelles balises sémantiques HTML5
Formats de balisage : Microdata, Microformats, RDFa
Rich Snippets : présentation, outils de test
Compatibilité des Rich Snippets avec les types de contenu : Avis, Personnes, Produits, Événements,...
Baliser des données à l'aide de Microformats
Entités
Microformats simples : rel-license, rel-nofollow, rel-tag, rel-bookmark, XFN
Microformats composés : hCard, hCalendar, hAtom, hReview, hResume
Outils de génération de microformats : hCard Creator, hReview Creator,...
Intégrer des Microdata et utilisation de schémas
Microdata : spécifications HTML 5
Nouveaux attributs : itemscope, itemtype, itemprop, itemref, itemid
Microdata API support
Schema.org : présentation, documentation
Hiérachie des types
Mise en place, bonnes pratiques
Généralités sur la Sécurité des applications Web
Rappel des notions de base : Couches OSI, TCP, HTTP, Codes de retour, persistance et pipelining
Unité de données de protocole (PDU) : GET, POST, OPTIONS, PUT, DELETE, HEAD, TRACE
Redirection, hôte virtuel, proxy cache et tunneling
Notion de cookies, les attributs, les options associées
Atelier pratique : Analyse réseau avec des outils spécifiques
Authentifications
Le chiffrage et le hashage ; algorithmes modernes
Authentifications HTTP (basic, digest)
Formulaires d'authentification
Systèmes de SSO (Single Sign On)
Sécurisation hors des pages Web
AJAX et RIA, et leurs authentifications
Résumé des Services Web
SSH, FTP, Mail...
Failles de sécurité
Sécurité hors attaque : les sinistres et accidents
Attaques sociales, exemples et effets
Failles hors développeurs (couches basses, MITM...) et SSL/TLS
Exploitations opportistes (virus, mots de passes communs entre sites...)
Authentifications défaillantes
Attaques par injections SQL, mails, LDAP, XPath, code arbitraire - exemple de filtrages en entrée
URL malicieuses : faire exécuter une URL (injections HTML, HTTP response splitting...)
URL malicieuses : conséquences - Cross Site Scripting, Cross Site request Forgery
Obfuscation et information leakage (code accessible, erreurs visibles...)
Distributed Denial Of Services, anonymous et racket
Atelier pratique : tests et tentatives ludiques
Pratiques de sécurité
Failles classiques : résumé général
22/06/2015
12/10/2015
Cette
formation est
également
proposée en
formule
INTRA-ENTREPRISE.
Inclus dans cette formation
Coaching Après-COURS
Pendant 30 jours, votre formateur
sera disponible pour vous aider.
CERTyou s'engage dans la réalisation
de vos objectifs.
Votre garantie 100%
SATISFACTION
Notre engagement 100% satisfaction
vous garantit la plus grande qualité
de formation.

3. CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros
Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com
RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A
Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France
Webmaster Expert : Responsive Web Design (RWD) + Microdata,
Schema.org et Rich Snippets + Sécurité des applications Web
Formation Informatique / Technologies WEB / Webmaster Expert
Réplications diverses
Architecture d'une application web distribuée
Principe d'une méthode de sécurité applicative
Exemple de méthode
Atelier pratique : étude rapide selon une démarche standard