Formation indisponible à l'heure actuelle

Formation Webmaster Expert : Responsive Web Design (RWD) + Bootst…web - 5 jours

5.0
2 avis
  • Très bon environnement de travail. Formateur présent, à l'écoute, pédagogue, travaux enrichissants, horaires adaptés. Le cours va crescendo, et bon mélange de théorie et de pratique. Mohamed nous a tout d'abord exposé les bases, puis nous a fait effectué des exercices pratiques, de plus en plus poussé en étant toujours prêt et disposé à nous aider. J)avais un projet de landing page responsive à effectuer dans mon travail. Cette formation me permettra d'être autonome et en capacité de réaliser mon projet. Formateur : Mohamed est un très bon pédagogue, est très clair, parle à un rythme excellent, et explique parfaitement bien.
    |
  • beaucoup de pratiques pertinentes ont rendu cette formation très réussite et très intéressantes pour moi.
    |

Formation

À Bordeaux ()

Prix sur demande

Avez-vous besoin d'un coach de formation?

Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.

Description

  • Typologie

    Formation

Internet et les réseaux de communication sont au cœur de notre société et nous aident à conquérir de nouveaux marchés ou à nous organiser. Pour faciliter votre travail ou simplement pour le promouvoir, vous aurez besoin de professionnels réactifs, performants et dotés d'une forte culture technologique. 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

Questions / Réponses

Ajoutez votre question

Nos conseillers et autres utilisateurs pourront vous répondre

Saisissez vos coordonnées pour recevoir une réponse

Nous ne publierons que votre nom et votre question

Les Avis

5.0
  • Très bon environnement de travail. Formateur présent, à l'écoute, pédagogue, travaux enrichissants, horaires adaptés. Le cours va crescendo, et bon mélange de théorie et de pratique. Mohamed nous a tout d'abord exposé les bases, puis nous a fait effectué des exercices pratiques, de plus en plus poussé en étant toujours prêt et disposé à nous aider. J)avais un projet de landing page responsive à effectuer dans mon travail. Cette formation me permettra d'être autonome et en capacité de réaliser mon projet. Formateur : Mohamed est un très bon pédagogue, est très clair, parle à un rythme excellent, et explique parfaitement bien.
    |
  • beaucoup de pratiques pertinentes ont rendu cette formation très réussite et très intéressantes pour moi.
    |
100%
4.9
excellent

Évaluation de la formation

Recommandée

Évaluation du Centre

Berrenger

5.0
03/03/2015
Les points forts: Très bon environnement de travail. Formateur présent, à l'écoute, pédagogue, travaux enrichissants, horaires adaptés. Le cours va crescendo, et bon mélange de théorie et de pratique. Mohamed nous a tout d'abord exposé les bases, puis nous a fait effectué des exercices pratiques, de plus en plus poussé en étant toujours prêt et disposé à nous aider. J)avais un projet de landing page responsive à effectuer dans mon travail. Cette formation me permettra d'être autonome et en capacité de réaliser mon projet. Formateur : Mohamed est un très bon pédagogue, est très clair, parle à un rythme excellent, et explique parfaitement bien.
À améliorer: rien
Recommanderiez-vous cette formation?: Oui

Ismael

5.0
02/03/2015
Les points forts: beaucoup de pratiques pertinentes ont rendu cette formation très réussite et très intéressantes pour moi.
À améliorer: rien
Recommanderiez-vous cette formation?: Oui
*Tous les avis recueillis par Emagister & iAgora ont été vérifiés

Les matières

  • Gestion

Le 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 : Création de site responsive pure css avec des media-queries


Découvrir Bootstrap


Bootstrap : présentation, apports, exemples

Bootstrap et le Responsive Web Design (RWD)

Cohabitation de Bootstrap avec les autres frameworks javascript : jQuery, ExtJS,...

Grille Bootstrap, templates de base et layouts

Composants et classes CSS

Mécanisme de RWD (classes CSS / device)

Documentation, liens utiles

Rappels HTML5/CSS

Bases de jQuery



Atelier : Inclure Bootstrap dans un projet, une première grille flexible


Maîtriser les classes CSS de base


Typographie et liens

Tableaux : lignes, bordures, survol, RWD

Eléments de formulaires, contrôles supportés

Boutons : options, tailles, état

Images et icônes : éviter les débordements



Atelier : Utilisation de classes bootstrap dans des pages web


Utiliser les composants Bootstrap


Barres de navigation : tabs, pills, justified nav

Menus déroulants : formulaires, boutons, positionnement

Breadcrumb (fil d'arianne)

Pagination

Badges

Alertes

Barres de progression : labels, animations

Media object

List group



Atelier : Multiples exemples d'intégration de composants Bootstrap


Manipuler Bootstrap en Javascript


Mise en place de transitions

Fenêtres modales : types, tailles

Gestion des menus déroulants

Tabulations

Sliders

Auto-complétion

Personnalisation de Bootstrap

Gestion des claviers virtuels

Désactivation du responsive sur certaines pages

Gestion du zoom



Atelier : Intégration d'interractions et de transitions


Manipuler Bootstrap avec Less


Présentation de Less

Utilisation en mode interprété / compilé

Variables: déclaration et appel

Variables: interpolation et lazy loading

Héritage de règles


Manipulation avancée



Mixin: principes de base, espace de nommage

Mixin paramétrique

Mixin en tant que fonction

Gardien: structures conditionnelles et itératives

Inclusions d'autres feuilles Less



Atelier : Modification multiple des composants Bootstrap avec Less


Comprendre l'ergonomie des sites web


Définitions générales : ergonomie, ligne de flotaison, format, supports mobiles, etc

Loi de Gestalt et Fitts

Principes de base, règles et standards

Utilisabilité, personas

L'UX

Comprendre les systèmes de navigation

Gestion des sites volumineux


Rendre votre site accessible


Comprendre l'accessibilité

Règles pour l'accessibilité des contenus Web WCAG 1 et 2

RGAA : référentiel d'Accessibilité pour les Administrations

Accessiweb : présentation du référentiel

Section 508, UWEM

Normes ATAG et UAAG


Outils d'audit : WAT, WDT, extensions de navigateurs

Validation : niveaux, outils


Sécuriser votre site web



Rappel des notions de base : Couches OSI, TCP, HTTP, Codes de retour, persistance et pipelining

Méthodes HTTP : GET, POST, OPTIONS, PUT, DELETE, HEAD, TRACE

Notion de cookies, les attributs, les options associées

Le chiffrage et le hashage ; algorithmes modernes

Authentifications HTTP (basic, digest)

Systèmes de SSO (Single Sign On)

Sécurité hors attaque : les sinistres et accidents

Attaques sociales, exemples et effets

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...)



Atelier pratique : tests et tentatives ludiques


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,...


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




Avez-vous besoin d'un coach de formation?

Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.

Formation Webmaster Expert : Responsive Web Design (RWD) + Bootst…web - 5 jours

Prix sur demande