-
Урок 1.
00:04:28
What we will be building, an overview
-
Урок 2.
00:04:14
Downloading and installing development tools i.e node and visual studio code
-
Урок 3.
00:09:19
Creating a boilerplate from react default program
-
Урок 4.
00:03:20
Cleaning and getting the boilerplate ready for coding
-
Урок 5.
00:07:57
Downloading and linking Bootstrap to a React project
-
Урок 6.
00:03:58
Downloading and linking Jquery to a React project
-
Урок 7.
00:07:14
Downloading and linking fontawesome to a React project
-
Урок 8.
00:05:33
How to confirm and check that files linked to a React project are working
-
Урок 9.
00:06:05
Defining terms and familarizing ourselves with concepts in React
-
Урок 10.
00:10:23
Understanding the general overview and flow of React
-
Урок 11.
00:09:06
What is JSX? How to apply it in React
-
Урок 12.
00:16:04
Creating our first and reuseable components
-
Урок 13.
00:06:48
Functional based components in React and how it works
-
Урок 14.
00:06:05
Class based components in React and how to use it.
-
Урок 15.
00:10:29
Recap on Components in React and structuring your files
-
Урок 16.
00:02:07
What is bootstrap and why we use it
-
Урок 17.
00:15:23
Understanding bootstrap margin, padding and lists system in React
-
Урок 18.
00:01:46
Creating a Navbar from scratch in React:What we will build at the end of lecture
-
Урок 19.
00:15:21
Navbar creation: Linking images and external css file in React
-
Урок 20.
00:27:13
Navbar creation continuation: Working with icons in React
-
Урок 21.
00:23:04
Navbar conclusion: Creating dropdowns in react and what we built
-
Урок 22.
00:31:41
Understanding React Router for functional based components
-
Урок 23.
00:34:38
Using React Route for class based components
-
Урок 24.
00:06:13
Restructuring your React project to fit your specification eg our ecommerce app
-
Урок 25.
00:13:07
React Links: Creating our footer using react links
-
Урок 26.
00:01:51
What we will be building for our homepage usng React components
-
Урок 27.
00:02:55
Understanding parent / child components and the relationship between them
-
Урок 28.
00:18:46
Creating our homepage first section using bootstrap carosuel
-
Урок 29.
00:25:13
Reuseable sidebar component for our homepage first section
-
Урок 30.
00:01:46
Summary for our homepage first section
-
Урок 31.
00:16:11
Creating our second section for our homepage using picture icons
-
Урок 32.
00:18:02
Complete setup, creating folders and installing necessary dependencies for node
-
Урок 33.
00:05:52
Installing axios and cors dependencies for fetching data in React
-
Урок 34.
00:22:22
Calling data from node server or API using the functional approach
-
Урок 35.
00:13:36
Calling data from node server or API using the class based approach
-
Урок 36.
00:18:04
Understanding the new React AppContext using practical example to explain
-
Урок 37.
00:20:35
Dealing with state in react
-
Урок 38.
00:08:46
Understanding array mapping in React
-
Урок 39.
00:12:46
Working with React PROPS
-
Урок 40.
00:36:32
Creating and populating our homepage third section with actual products
-
Урок 41.
00:16:14
Creating the add to cart function in React
-
Урок 42.
00:25:17
Creating the cart and cartItem components
-
Урок 43.
00:22:46
Creating the remove item from cart and the remove from cart functions
-
Урок 44.
00:51:53
Creating the fashions page and retrieving data from API or server
-
Урок 45.
00:10:53
Creating and linking other pages in our SideBar to our Homepage
-
Урок 46.
00:27:51
Populating the categories or SideBar pages with contents from Node server