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 show you how to construct real-world initiatives but in addition allow you to start out fascinated about the way to design and develop a frontend that will likely be responsive and production-grade.
You may be studying all of the fundamentals of creating parts in React and transferring on to studying advanced matters like static and dynamic routing.
We will likely be constructing 3 initiatives:
Challenge One – Responsive Portfolio Web site
-
Challenge 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
Challenge Two – Fashionable Our Providers Part
-
Establishing the skeleton
-
Engaged on the markup and structure
-
Engaged on styling and responsiveness
Challenge 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
-
Styling Itemizing Merchandise class and time part
-
Styling Itemizing Merchandise description part
-
Engaged on structure of Itemizing Element part
-
Including sidebar on Itemizing Element web page
-
Styling the Itemizing Element web page
-
Engaged on Itemizing Element web page meta knowledge part
-
Styling the picture part of Itemizing Element web page
-
Styling Title and Motion part of Itemizing Web page
-
Styling the Creator and Submit 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 parts
-
Including Navigation and Routing for menu objects
-
Dynamic navigation for displaying property element
Additionally, you will get the whole supply code of all three initiatives that may show you how to take a reference everytime you need.
If the coupon isn’t opening, disable Adblock, or strive one other browser.
