Master CSS3 and ReactJs by Developing 3 Projects

Table of Contents
Description
On this course, you’ll study all of the ideas of CSS3 and ReactJs that won’t solely allow you to construct real-world initiatives but in addition allow you to start out enthusiastic about the way to design and develop a frontend that can be responsive and production-grade.
You can be studying all of the fundamentals of creating elements in React and shifting on to studying complicated subjects like static and dynamic routing.
We can be constructing 3 initiatives:
Venture One – Responsive Portfolio Web site
-
Venture Structure Setup
-
Engaged on the Menu Define
-
Styling the Menu part Half – 1
-
Styling the Menu part Half – 2
-
Styling the Menu part Half – 3
-
Styling the Physique part Half – 1
-
Styling the Physique part Half – 2
-
Making the web site responsive
Venture Two – Trendy Our Providers Part
-
Establishing the skeleton
-
Engaged on the markup and format
-
Engaged on styling and responsiveness
Venture Three – Property Itemizing Market web site
-
Github-Repo-Native-Setup
-
Create-react-app
-
Code-Cleanup
-
Including-Google fonts
-
React-How-it-works-VSC-Extension
-
Creating-TopBar-Part
-
Understanding-JSX
-
Styling-TopBar-Half-1
-
Styling-TopBar-Half-2
-
Including-Fontawesome-Styling-TopBar-Half-3
-
Styling-TopBar-Half-4
-
Styling-TopBar-Half-5
-
Styling-TopBar-Half-6
-
Styling-Hero-Part-Half-1
-
Styling-Hero-Part-Half-2
-
Styling-Hero-Part-Half-3
-
Styling-Hero-Part-Half-4
-
Styling-Sidebar-Part-Half-1
-
Styling-Sidebar-Part-Half-2
-
Styling-Sidebar-Part-Half-3
-
Styling-Sidebar-Part-Half-4
-
Styling-Sidebar-Part-Half-5
-
Styling-Sidebar-Part-Half-6
-
Styling-Sidebar-Part-Half-7
-
Engaged on Itemizing Merchandise part
-
Utilizing CSS variables
-
Engaged on Itemizing Overview display screen
-
Styling Itemizing Merchandise class and time part
-
Styling Itemizing Merchandise description part
-
Engaged on format of Itemizing Element part
-
Including sidebar on Itemizing Element web page
-
Styling the Itemizing Element web page
-
Engaged on Itemizing Element web page meta information part
-
Styling the picture part of Itemizing Element web page
-
Styling Title and Motion part of Itemizing Web page
-
Styling the Writer and Publish time part of Itemizing Element web page
-
Styling the Description part of Itemizing Element web page
-
Styling the primary letter of Description on Itemizing Element web page
-
Establishing Structure for Create Itemizing web page
-
Engaged on Create Itemizing web page
-
Engaged on add Icon on Create Itemizing web page
-
Styling the Create Itemizing web page
-
Putting in React Router Dom library for routing between elements
-
Including Navigation and Routing for menu objects
-
Dynamic navigation for exhibiting property element
Additionally, you will get the entire supply code of all three initiatives that may allow you to take a reference everytime you need.