Formation Améliorer le développement avec CSS-in-JS : Styled Component & Styled-jsx

Tuto vidéo Mettre en forme avec des objets de style

On emploie du CSS-in-JS : une technique pour styliser les pages avec du javascript. Nous avons le choix de faire du CSS-in-JS inline ou importé d'un objet javascript
Présentation
Plan détaillé
Ressources
Discussion
Avis (0)

Description de la formation

Cette formation vous permet d’apprendre à personnaliser les composants des applications avec des propriétés CSS combinées au langage Javascript.

Il ne s’agit pas d’un cours pour apprendre les bases du CSS, mais conçu pour découvrir la syntaxe et les méthodes du CSS-in-JS.

Plusieurs présentations de frameworks populaires du développement web moderne seront au rendez-vous dans cette formation. ReactJS et NextJS bénéficient tous les deux d’une solide réputation dans la communauté web et offrent plusieurs avantages tels que :

  • Le démarrage rapide et facile des projets de développement grâce aux outils et interfaces de ligne de commande ;
  • L’accélération du processus de développement et des solutions de développement intégrées.

Vous apprendrez par la pratique avec plusieurs exemples et exercices pour monter très vite en compétence.

+ Zoom sur CSS-in-JS

CSS-in-JS est une technique de style par laquelle JavaScript est utilisé pour styliser les composants. Lorsque ce JavaScript est analysé, le CSS est généré et attaché au DOM. Il permet l'abstraction de CSS au niveau du composant lui-même, en utilisant JavaScript pour décrire les styles de manière déclarative et maintenable.

+ Programme de la formation

Présentation de la formation

M1: Premiers pas vers le CSS moderne

M2:CSS in JS : adopter les méthodes du développement web moderne

M3:Réunir le CSS et le javascript avec la librairie styled component

M4:Usage avancé de styled-component : Theming

M5:styled-jsx : créer du CSS encapsulé et modulaire

M6:Utiliser Styled-jsx dans une single page application ReactJS

Conclusion

Pour plus de détails, rendez-vous à l’onglet « Programme détaillé ».

Formateur

Cette formation sera présentée et animée par le formateur Sandy Ludosky, formatrice, consultante en informatique et spécialiste dans le développement front en JS.

Elle accompagne ses clients dans leur transformation digitale avec le développement de solutions logicielles multiplateformes. Depuis 2014,Sandy accompagne également des milliers d'apprenants, francophones et anglophones, dans leur montée en compétences en développement web et mobile.

Objectifs

•Apprendre à créer des pages professionnelles, élégantes et responsives avec les meilleures solutions du CSS moderne ;

•Augmenter ses compétences dans le langage CSS : indispensable à tout métier du développement web ;

•Apprendre les méthodes et les pratiques du CSS modernes ;

•Apprendre à écrire du meilleur CSS, plus riche et plus ordonnée ;

•Apprendre à créer une architecture CSS maintenable et scalable pour des projets réussis et robustes ;

•Découvrir les librairies Styled-components et Styled-jsx, qui sont des librairies front open-source pour créer des composants de styles ;

•Maîtriser les techniques du CSS-in-JS pour combiner la syntaxe des feuilles de style CSS et les expressions JavaScript. 

À la fin de ce cours, les apprenants auront appris les techniques et les méthodes de CSS modulaire recommandées par les professionnels et experts de la communauté.

Prérequis

Pour une expérience d’apprentissage optimale, il est recommandé de : 

•Connaître les bases de développement avec les langages HTML et CSS ;

•Avoir une première expérience avec les librairies Bootstrap 5 ;

•Avoir des connaissances sur ReactJS serait est un plus.

Public concerné

Le cours est de niveau intermédiaire à avancé et dédié au : 

•Développeurs ;

•Professionnels souhaitant augmenter leurs compétences dans les langages CSS et JS.

Formateur : Sandy Ludosky
Date de mise en ligne : 01-09-2022

Evaluations


5
(10 votes)
5
10
4
0
3
0
2
0
1
0
Ceci peut aussi vous intéresser