Rechercher une formation et ses disponibilités
Formation CSS3, niveau avancé
Cette formation CSS3 sur 2 jours a pour principal objectif de vous rendre opérationnel sur les nouveautés fournies par la version 3 de CSS. Au terme de cette formation à la fois pratique et théorique vous serez capable d'animer et de transformer l'ensemble de vos contenus, grâce à CSS3.
Pourquoi utiliser CSS 3 ?
Langage informatique de référence, Cascading Style Sheets permet de personnaliser et d'étayer vos sites et applications Web. Cette formation est donc nécessaire à tout intégrateur désirant créer des pages lisibles et optimisées pour n'importe quel navigateur et multi-devices.
Objectifs de cette formation CSS3, niveau avancé
- Être opérationnel en matière d'intégration CSS 3
Public de cette formation CSS3, niveau avancé
Pré-requis de cette formation CSS3, niveau avancé
- Posséder de bonnes connaissances en CSS
- Posséder de bonnes connaissances en HTML
Programme de cette formation CSS3, niveau avancé
CSS3 : Introduction globale
- L'évolution du HTML et de CSS
- Le W3C et WHATWG : introduction et définitions
- Comparaison entre CSS3 et CSS2
Démarrer avec CSS3 : Les bases
- Savoir quand solliciter CSS3
- Appréhender la syntaxe et les préfixes
- Assimiler les concepts de cascade et compatibilité navigateur
Appréhender les sélecteurs CSS3
- Rappel sur les sélecteurs CSS2
- Connaître les sélecteurs d'attributs
- Appréhender les pseudo-classes générales (lang, empty, last-child...)
- Connaître les peudo-classes de formulaires
Introduction aux nouveautés de CSS3 : fonctions, valeurs et unités
- Effectuer la gestion de la transparence
- Tenir compte de nouvelles unités
- Utiliser la fonction calc() et de la propriété box-sizing
- Appréhender la mise en forme tabulaire
- Utiliser la mise en page multicolonnes
- Flexbox : utiliser la boîte flexible de CSS
- Se servir des grilles CSS
Personnaliser et étayer son contenu avec CSS 3
- Utiliser les différentes couleurs et polices
- Utiliser la propriété text-overflow
- Administrer les coins arrondis
- Générer des ombres portées
- Mettre en place des dégradés linéaires et radiaux
- Établir des bordures en image et border-radius
- Employer des fonds multiples et background size
Le Responsive avec l'emploi de Media Queries
- Appréhender la syntaxe Media Queries
- Être capable de Forcer le viewport
Savoir animer et transformer le contenu
- Effectuer des rotations et déformations
- Effectuer des zooms et transitions