CSS est un langage incontournable pour tout développeur. Il permet de mettre en forme des pages web en offrant des possibilités de personnalisation de plus en plus impressionnantes.

Objectifs

Cette formation CSS avancé, qui associe théorie et exercices pratiques, s’adresse aux intégrateurs et développeurs qui souhaitent optimiser leurs méthodes de travail en exploitant CSS à un niveau avancé dans leurs projets.

Public

Cette formation s’adresse aux intégrateurs et développeurs

Pré-requis

  • Base de HTML ;
  • Connaissances intermédiaires de CSS ;
  • Ordinateur portable avec un navigateur moderne.

Plan de cours

Jour 1 : Les bases

  • Rappel sur les unités CSS
  • Différences entre unités absolues et relatives
  • Bien choisir son unité
  • Propriétés graphiques
  • Les incontournables : border-radius, box-shadow, etc.
  • Gestion des images
  • Un peu de transparence ? Masques, filtres et plus si affinité
  • Sélecteurs CSS avancés
  • Les combinateurs
  • Les pseudo-classes
  • Les pseudo-éléments
  • Transformations 2D & 3D
  • Flux et contexte d’empilement
  • Les différentes valeurs de la propriété : transform
  • Travailler dans un plan 3D
  • Transitions et animations CSS
  • Les transitions CSS
  • Les animations CSS
  • Performances et accélération matérielle
  • Media Queries
  • La règle @media
  • Les types de média
  • Les caractéristiques de média
  • Quelques bonnes pratiques

Jour 2 : Les propriétés avancées

  • Propriétés personnalisées
  • Rappel sur la fonction calc()
  • Qu’est-ce qu’une propriété personnalisée ?
  • Notions d’héritage et de cascade
  • Le combo gagnant
  • Interaction avec le langage JavaScript
  • Compatibilité
  • Boîtes flexibles (Flexbox)
  • Concepts de base
  • Le conteneur : Direction et alignement
  • Les éléments : Flexibilité et ordonnancement
  • Compatibilité
  • Grilles CSS (Grid Layout)
  • Concepts de base
  • Les similitudes avec Flexbox
  • Le conteneur : Direction, alignement et gouttières
  • Les éléments : Placement, alignement et ordonnancement
  • Compatibilité

Jour 3 : Un peu de méthodologie

  • Préprocesseurs CSS
  • Un préprocesseur, c’est quoi ?
  • Introduction à Sass
  • Les fonctionnalités programmatiques
  • Les fonctionnalités structurelles
  • Sass et CSS
  • Les pièges à éviter
  • Architecture et nomenclature CSS
  • Différentes méthodologies : OOCSS, Atomic Design, ITCSS, etc.
  • La convention de nommage BEM
  • Un monde idéal ?
  • Outils
  • Maintenir son code : Styleguide, Autoprefixer CSS, Stylelint
  • Debugger son code : Sourcemaps
  • Optimiser son code : unCSS, Critical CSS, CSSnano
Télécharger le plan

Méthode pédagogique

Avant chaque formation, nos formateurs contactent les participants afin de déterminer vos objectifs et savoir s’il faut mettre l’accent sur un sujet particulier. C’est le bon moment, pour vous, d’échanger avec le formateur pour lui permettre de mieux cerner vos objectifs et les aspects que vous aimeriez voir approfondis.

Composition de la formation :

  • Alternance de cours magistraux (40%) et de travaux pratiques sur machine individuelle (60%)
  • Des apports théoriques appuyés par des études de cas, jeux de rôles, mise en situation
  • Un projet en fil rouge tout au long de la formation, servant de support aux exercices proposés

Nous assurons des évaluations continues de vos progrès tout au long de la formation grâce à des corrections collectives et personnalisées lors des exercices pratiques. De plus, à la fin de chaque journée de formation, nous procédons à une évaluation formelle de vos acquis à travers un questionnaire de validation, permettant ainsi de mesurer votre taux de réussite et de garantir une progression efficace.

Moyens

JoliCampus met à disposition pour le bon déroulement de la formation :

  • Un formateur expert dans le domaine du développement avec Symfony, et ayant prouvé sa maîtrise à transmettre ses connaissances.
  • Une salle calme et lumineuse, adaptée à cet effet et avec une excellente connexion internet.
  • Des supports de formation (slides, exercices…) récupérables par chaque participant.
100% de nos participants ont été satisfaits par cette formation ! (sur l'ensemble des 1 participants ayant répondu à notre enquête de 2021 à ce jour)
avatar du témoignage

Stéphanie D. - Assurance Maladie - posté le 12/04/2021

Formation très complète, précise, bien rythmée et adaptée aux dernières évolutions du CSS