Alphorm – Formation Améliorer le développement avec CSS-in-JS – Styled Component & Styled-jsx
Alphorm – Formation Améliorer le développement avec CSS-in-JS – Styled Component & Styled-jsx
ISO + Fichiers source + Livre | Français | 3 H 05 Min | 5.9 Go
Créez des pages professionnelles, élégantes et responsives avec les meilleures solutions du CSS moderne. Dans le cadre de cette formation dédiée au CSS, plusieurs projets pratiques vous permettront d’ancrer vos compétences et d’exprimer votre créativité : Amélioration et interaction d’une application ToDo en React : Au cœur de ce projet, vous transformerez une application basique ToDo List. Grâce au CSS, vous ne vous arrêterez pas à la simple fonctionnalité : l’esthétique de l’outil sera modernisée et les interactions, comme le changement de couleur du bouton lors de la survol, rendront l’expérience utilisateur plus intuitive et plaisante.
Conception d’un site d’apprentissage Next.js : Vous allez concevoir un site web dédié à l’apprentissage en utilisant Next.js. Le design initial sera minimaliste, composé de plusieurs pages. Votre mission sera d’ajouter votre touche personnelle et d’utiliser CSS pour rendre ce site à la fois fonctionnel et attrayant.
Personnalisation d’une animation de démarrage React : En partant d’un projet React possédant une animation de démarrage basique où le logo pivote, vous allez redéfinir l’esthétique de cette introduction. En utilisant CSS, vous modifierez la couleur d’arrière-plan, les couleurs du texte et bien d’autres aspects pour rendre l’entrée en matière de l’application unique.
Cette formation CSS in JS 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’une formation CSS in JS 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 CSS in JS. 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 CSS in JS :
• Présentation de la formation CSS in JS
• 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é »
Plus d’info:
_https://www.alphorm.com/tutoriel/formation-en-ligne-ameliorer-le-developpement-avec-css-in-js-styled-component-et-styled-jsx
