Notre programme de formation CSS avancé
CSS est un langage incontournable, offrant des possibilités de personnalisation impressionnantes. Cette formation vous guide à travers les propriétés avancées, Flexbox, Grid, ainsi que les animations et transitions, pour créer des interfaces dynamiques et performantes.
- 🎤 Animée par un expert de JoliCode, passionné et actif dans la communauté tech.
- 🎓 Certifiée Qualiopi, reconnue pour sa qualité et conforme aux standards les plus élevés.
- 💯 Très courte, pour une montée en compétence rapide et impactante.
- 🧑💻 Accompagnement possible après la formation pour des conseils adaptés à votre projet.
Contenu de la formation
Pour des interfaces performantes
Cette formation CSS avancé, qui associe théorie et exercices pratiques, s'adresse à ceux qui souhaitent optimiser leurs méthodes de travail en exploitant CSS à un niveau avancé dans leurs projets.
À l'issue de la formation, l'apprenant saura :
- Maîtriser les techniques modernes de CSS
- Implémenter des animations et des transformations
- Maîtriser l'approche responsive de l'intégration
- Employer les notions de propriétés personnalisées
- Être productif avec Tailwind CSS
Approfondissez votre compréhension des unités CSS et apprenez à manipuler des propriétés graphiques avancées pour créer des interfaces visuellement dynamiques.
- Différences entre unités absolues et relatives
- Choix des unités appropriées
-
border-radius
,box-shadow
et autres propriétés graphiques - Gestion avancée des images et effets (transparence, masques, filtres)
Utilisez des transformations 2D et 3D pour enrichir l’expérience utilisateur. Découvrez comment appliquer efficacement des transitions et des animations CSS tout en optimisant les performances.
- Transformations 2D et 3D
- Transitions et animations CSS
- Optimisation des performances et accélération matérielle
Apprenez à maîtriser les Media Queries pour rendre vos designs pleinement adaptatifs, en tenant compte des différents types de supports et caractéristiques de média.
- Utilisation de la règle
@media
- Types de médias et caractéristiques
- Bonnes pratiques pour la conception responsive
Dominez les techniques modernes de mise en page avec Flexbox et CSS Grid. Apprenez à structurer et aligner vos éléments de manière flexible et dynamique.
- Flexbox : direction, alignement et ordonnancement
- CSS Grid : gouttières, placement et alignement
- Comparaison et compatibilité entre Flexbox et Grid
Exploitez des propriétés CSS avancées comme les propriétés personnalisées et découvrez leur interaction avec JavaScript pour une compatibilité optimale.
- Fonction
calc()
et propriétés personnalisées - Héritage et cascade
- Interaction avec JavaScript et compatibilité des navigateurs
Organisez et maintenez efficacement votre code CSS avec des préprocesseurs, des méthodologies modernes et des outils d’optimisation.
- Sass et préprocesseurs CSS
- Méthodologies : OOCSS, Atomic Design, ITCSS, BEM
- Outils d’optimisation : Stylelint, Autoprefixer, unCSS, CSSnano
- Durée de la formation :
- 3 jours
- Tarif :
- 1800 € HT / personne
- Public
-
- Intégrateurs HTML et CSS
- Développeurs frontend
- Pré-requis
-
- Base de HTML ;
- Connaissances succinctes de CSS ;
- Ordinateur
- Prochaines dates
Formation certifiée Qualiopi : Eligible aux financements publics et mutualisés.
Portrait du formateur
Bien accompagné
Jonathan Levaillant
Jonathan est un véritable passionné d’intégration front-end, capable de transformer des maquettes en composants réactifs et harmonieux sur toutes les résolutions.
L’accessibilité est au cœur de son approche et il anime des conférences pour partager ses connaissances poussées des problématiques liées à l’accessibilité ou de TailwindCSS, qu’il considère comme un outil incontournable pour un code front modulaire et maintenable.
Toujours en quête d’excellence, Jonathan n’hésite pas à remettre en question les choix UI/UX afin d’assurer un rendu optimal en matière de performance et d’accessibilité. Il accompagne également des équipes dans leur montée en compétence, en partageant les bonnes pratiques de développement front et en optimisant les performances.
Notre expertise à ce sujet
Expertise
Chez JoliCode, au-delà de la formation, travailler sur des sujets liés au CSS et au développement front-end fait partie de notre quotidien. Nous intervenons aussi bien en développement qu’en audit et conseil pour nos clients, afin de concevoir des interfaces web performantes et maintenables dans la durée.
Nos équipes sont constamment à l’œuvre pour intégrer les meilleures pratiques et les technologies les plus adaptées à chaque projet, qu’il s’agisse de créer des composants, d’optimiser les performances ou de garantir l’accessibilité.
Nous adoptons une approche par composants, et des outils comme Tailwind CSS pour rendre nos processus plus efficaces. Nos experts partagent régulièrement leur expertise à travers des conférences et articles, comme par exemple, Jonathan, qui a présenté récemment son expérience avec Tailwind CSS à la conférence Codeurs en Seine.
Actuellement, nous peaufinons un frontend starter et explorons Storybook, afin de rendre le développement et la documentation des composants aussi fluides que jamais. Parce que chez JoliCode, nous croyons que la technologie peut aussi être un plaisir à utiliser !
Témoignages clients
🎉 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)
Demander un devis
Nous sommes à votre disposition pour vous aider à choisir la formation adaptée à vos besoins et pour organiser des sessions sur-mesure si nécessaire.