Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 2 modules dans ce cours
L'expérience utilisateur repose sur les expériences et les interactions d'un utilisateur avec un produit, un système ou un service. Fournir des expériences numériques de haute qualité dans une application web implique d'écrire des codes CSS qui se concentrent sur l'affichage, la navigation, les actions, la saisie et la communication. Cependant, CSS a ses propres défis qui peuvent être résolus en utilisant la bibliothèque de conception Material UI.
Ce cours vous permettra d'utiliser CSS-in-JS et de travailler avec des systèmes de conception comme Material UI pour développer rapidement des applications React de haute qualité.
"Les feuilles de style en cascade (CSS) sont un langage de style qui permet de séparer la présentation et le contenu, y compris les mises en page, les couleurs et les polices. Le stylisme des systèmes de composants React est facilité par l'amélioration des CSS à l'aide de composants stylisés. En tant que développeur, vous serez en mesure d'utiliser les compétences de ECMA Script 6 (ES6) et CSS pour styliser les applications sans stress en utilisant les composants stylisés. Dans ce sprint d'apprentissage, vous apprendrez à utiliser les littéraux de modèle étiquetés et CSS pour définir les composants stylisés. Les travaux pratiques inclus dans ce sprint vous permettront d'améliorer l'application web React existante en stylisant les composants à l'aide de l'approche CSS-in-JS. Cela permet d'écrire des styles en JavaScript au lieu d'utiliser des CSS externes."
Inclus
12 vidéos2 lectures1 devoir1 devoir de programmation
Afficher les informations sur le contenu du module
12 vidéos•Total 32 minutes
Mise en contexte•2 minutes
Stylez un composant React à l'aide d'une feuille de style externe•3 minutes
Watch and Repeat : Ajouter des styles à un composant React en utilisant un fichier CSS externe•3 minutes
Utiliser un module CSS pour styliser un composant React•3 minutes
Watch and Repeat : Ajouter des styles à un composant React en utilisant un fichier CSS comme module•2 minutes
Appliquer des styles en ligne aux composants React•2 minutes
Watch and Repeat : Ajouter des styles à un composant React en utilisant Inline Style•2 minutes
Stylez un composant React à l'aide du module Styled-Component qui suit le modèle CSS in JavaScript•6 minutes
Watch and Repeat : Appliquer le concept CSS-in-JS dans un composant React•3 minutes
Dossier pratique•4 minutes
Débriefing de la pratique•2 minutes
Consolidation de l'apprentissage•1 minute
2 lectures•Total 20 minutes
Instructions pour télécharger la solution de l'exercice de programmation•10 minutes
Stylez les composants React à l'aide de techniques CSS modernes•10 minutes
1 devoir•Total 30 minutes
Stylez les composants React à l'aide de techniques CSS modernes•30 minutes
1 devoir de programmation•Total 75 minutes
Styliser ViewTube à l'aide de la bibliothèque Material•75 minutes
Style des composants React à l'aide du système Material Design
Module 2•6 heures à terminer
Détails du module
"Le but est de créer des applications attrayantes et centrées sur l'utilisateur afin de fournir des expériences numériques de haute qualité aux utilisateurs finaux. Material Design est un langage de conception qui aide les développeurs à construire rapidement des applications qui sont réactives, utilisables et évolutives. Dans ce sprint d'apprentissage, vous explorerez la philosophie Material Design et mettrez en œuvre la bibliothèque Material UI (MUI) dans une application web React. Les exercices pratiques fournis dans le sprint vous permettront de transformer l'interface utilisateur du code de la solution donnée en une interface qui offre une expérience utilisateur plus riche en utilisant les composants de la bibliothèque MUI."
Inclus
20 vidéos1 lecture1 devoir2 devoirs de programmation
Afficher les informations sur le contenu du module
20 vidéos•Total 52 minutes
Mise en contexte•1 minute
Philosophie de la conception matérielle•3 minutes
Watch and Repeat : Comment installer Material et utiliser ses composants préconstruits dans une application React•6 minutes
Composants de la mise en page•2 minutes
Regardez et répétez : Mise en œuvre du composant de mise en page de l'article•4 minutes
Composants d'entrée•2 minutes
Watch and Repeat : Mise en œuvre des éléments d'entrée du matériel•3 minutes
Composants de navigation•1 minute
Regarder et répéter : mise en œuvre des éléments de navigation du matériel•2 minutes
Composants de surface•2 minutes
Regardez et répétez : Mise en œuvre des composants de surface des matériaux•2 minutes
Composants de l'habillage•3 minutes
Watch and Repeat : Mise en œuvre d'un thème personnalisé dans Material Design•2 minutes
Hooks d'interface matérielle, HOCs•2 minutes
Watch and Repeat : Personnalisation des composants matériels préconstruits à l'aide de crochets et d'API•3 minutes
Dossier pratique•2 minutes
Débriefing de la pratique•2 minutes
Résumé du défi•4 minutes
Compte rendu du défi•2 minutes
Consolidation de l'apprentissage•2 minutes
1 lecture•Total 10 minutes
Style des composants React à l'aide du système Material Design•10 minutes
1 devoir•Total 30 minutes
Style des composants React à l'aide du système Material Design•30 minutes
2 devoirs de programmation•Total 240 minutes
Styliser l'application Journler en utilisant la bibliothèque Material Design de React•75 minutes
ViewTube•165 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Fondé en 1981, NIIT propose des services de formation gérés à des entreprises leaders du marché dans 30 pays. La gamme complète de services de formation gérés par NIIT comprend la conception de programmes sur mesure et le développement de contenu, l'administration de l'apprentissage, la prestation de l'apprentissage, l'approvisionnement stratégique, la technologie de l'apprentissage et les services de conseil
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Qu'est-ce que je recevrai si je souscris à cette Specializations ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la spécialisation et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.
Une aide financière est-elle disponible ?
Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.