formation responsive web design formagraph doubs

HTML CSS DOUBLE CLIC + Responsive web design

HTML CSS Double Clic – Objectifs

Approfondissement de toutes les notions abordées dans le 1er clic avec des mises en pratique plus complexes, mêlant HTML, CSS et JS (Javascript).

Public

Connaissances avancées de HTML et CSS.

Programme

HTML, CSS, JS

• Utiliser les media-queries pour créer un design responsive

• Créer des images adaptatives pour optimiser leur affichage, adapté à chaque largeur de

viewport

• Implémentation de Bootstrap, un framework CSS très complet

• Sa grille de composition responsive

• Les autres classes de Bootstrap (spacing, sizing, display, etc.)

• Intégration d’une navbar responsive avec menu hamburger

• Implémentation de la bibliothèque d’icônes Font Awesome

• Création de scripts JS (par exemple, pour réaliser un smooth scroll to top au clic d’un

bouton en position fixed ou pour animer des progress bars)

• Intégration d’un carrousel d’images (Bootstrap, Owl, Slick ou autre) avec du texte animé

• Composition d’un formulaire avec des placeholders et validation des données

• Réalisation de galeries d’images composées à partir de la grille Bootstrap, avec la propriété column-count et de type Masonry, avec boutons de filtrage (type Isotope)

• Implémentation d’une lightbox pour visualiser les images de la galeries

• Animations CSS (keyframes) lancées par le positionnement du scroll, grâce à waypoints.js (AOS, Counter Up, progress bars…)

• Transfert vers un hébergement mutualisé (Alwaysdata)

Cas pratiques

• Réalisation d’un site corporate complet, avec plusieurs pages, galerie d’images, formulaire de contact.

Création d’une newsletter en responsive web design

Outils

• Atom avec déploiement de packages et configuration de snippets

• Outils de développement web de Mozilla Firefox ou Google Chrome

Évaluation et bilan de la formation

Dates des sessions de formation

du 13 au 24 janvier 2020

du 14 au 25 septembre 2020

Prix

10 jours | 2900€

RÉALISATIONS STAGIAIRES

Joachim
Elodie
Joachim
Alban
Alban
Simon
Marc
Romain

Mots-clefs : , , , ,

TÉLÉCHARGER LE CATALOGUE 2020 DE FORMATIONS