Watch Frontend Development using React Specialization Free Online - Full Video Classroom | MJ Accedemy

Coursera – Frontend Development using React Specialization 2025-1

Download Course (Free)

Lecture 2/29

00:00/00:00

Lecture 2 of 29

style-a-react-component-using-an-external-stylesheet

Download Course (Free)

Course Content

0 / 29 completed

Section 1: apply-inline-styles-to-react-components2 videos

apply-inline-styles-to-react-components

watch-and-repeat-adding-styles-to-react-component-using-inline-style

Section 2: style-a-react-component-using-an-external-stylesheet2 videos

style-a-react-component-using-an-external-stylesheet

2mNow Playing

watch-and-repeat-adding-styles-to-react-component-using-external-css-file

Section 3: context-setting1 videos

context-setting

Section 4: make-use-of-a-css-module-to-style-a-react-component2 videos

watch-and-repeat-adding-styles-to-react-component-using-css-file-as-module

make-use-of-a-css-module-to-style-a-react-component

Section 5: practice3 videos

practice-debrief

practice-brief

practice-debrief

Section 6: style-a-react-component-using-styled-component-module-which-follows-css-in2 videos

style-a-react-component-using-styled-component-module-which-follows-css-in

watch-and-repeat-apply-css-in-js-concept-in-react-component

Section 7: summary1 videos

learning-consolidation

Section 8: layout-components2 videos

layout-components

watch-and-repeat-implementing-layout-component-of-material

Section 9: material-design-philosophy2 videos

material-design-philosophy

watch-and-repeat-how-to-install-material-and-use-its-prebuilt-component-in-react

Section 10: input-components2 videos

watch-and-repeat-implementing-input-components-of-material

input-components

Section 11: navigation-components2 videos

navigation-components

watch-and-repeat-implementing-navigational-components-of-material

Section 12: surface-components2 videos

watch-and-repeat-implementing-surface-components-of-material

surface-components

Section 13: theming-components2 videos

theming-components

watch-and-repeat-implementing-custom-theme-in-material-design

Section 14: material-ui-hooks-hocs2 videos

watch-and-repeat-customizing-material-prebuilt-components-using-hooks-and-api

material-ui-hooks-hocs

Section 15: challenge2 videos

challenge-brief

challenge-debrief

About this Lecture

Section: style-a-react-component-using-an-external-stylesheet • Size: 5.00 MB • Duration: 2m

Course Summary

Frontend Development using React Specialization, If innovation and creativity in technology attracts you and developing impressive webpages are your passion, then this specialization is for you. Front-end developers are skilled professionals who are experts in combining the art of designing with the science of programming. The skills acquired in this field presents copious opportunities for individuals like you in the field of web application development. This Specialization transforms learners with no programming background into front-end Web developers who can build highly engaging consumer-facing, rich front-end Single Page Application (SPA). In this Project, learners will develop frontend solutions for the given problem statements using React. They will build interactive, responsive, and testable Single Page Applications (SPAs) using the skills acquired from the HTML5, CSS3, JavaScript and React courses. Learners should follow the design principles and best practices while developing solutions to create products that meet the industry-standard.

Course Content

0 / 29 completed

Section 1: apply-inline-styles-to-react-components2 videos

apply-inline-styles-to-react-components

watch-and-repeat-adding-styles-to-react-component-using-inline-style

Section 2: style-a-react-component-using-an-external-stylesheet2 videos

style-a-react-component-using-an-external-stylesheet

2mNow Playing

watch-and-repeat-adding-styles-to-react-component-using-external-css-file

Section 3: context-setting1 videos

context-setting

Section 4: make-use-of-a-css-module-to-style-a-react-component2 videos

watch-and-repeat-adding-styles-to-react-component-using-css-file-as-module

make-use-of-a-css-module-to-style-a-react-component

Section 5: practice3 videos

practice-debrief

practice-brief

practice-debrief

Section 6: style-a-react-component-using-styled-component-module-which-follows-css-in2 videos

style-a-react-component-using-styled-component-module-which-follows-css-in

watch-and-repeat-apply-css-in-js-concept-in-react-component

Section 7: summary1 videos

learning-consolidation

Section 8: layout-components2 videos

layout-components

watch-and-repeat-implementing-layout-component-of-material

Section 9: material-design-philosophy2 videos

material-design-philosophy

watch-and-repeat-how-to-install-material-and-use-its-prebuilt-component-in-react

Section 10: input-components2 videos

watch-and-repeat-implementing-input-components-of-material

input-components

Section 11: navigation-components2 videos

navigation-components

watch-and-repeat-implementing-navigational-components-of-material

Section 12: surface-components2 videos

watch-and-repeat-implementing-surface-components-of-material

surface-components

Section 13: theming-components2 videos

theming-components

watch-and-repeat-implementing-custom-theme-in-material-design

Section 14: material-ui-hooks-hocs2 videos

watch-and-repeat-customizing-material-prebuilt-components-using-hooks-and-api

material-ui-hooks-hocs

Section 15: challenge2 videos

challenge-brief

challenge-debrief