Intro to Frontend Development with React
Course
Online
Description
-
Type
Course
-
Methodology
Online
-
Start date
Different dates available
Build data-rich web applications by exploring React – a component-based JavaScript library for dynamic UIs!
Using React, which was built for dealing with rapidly changing data, you’ll learn efficient methods for rendering webpage elements and UIs based on various pieces of data passed between components. You’ll explore these foundations all while building an interactive shopping cart app from scratch that allows users to add various items to a cart page. Not only will you master the tools and techniques made available by React, but you’ll also discover how to integrate them into the frontend of your own data-oriented web projects.
You will learn how to:
Set up a web project with React
Use JavaScript XML (JSX) to write HTML elements in React
Create and style React components for dynamic UIs
Control how components render with states and Hooks
Send and receive data between components using “props”
Combine React foundations to build a shopping cart web app
Frameworks and tools covered: Node.js 14.15.0, npm 6.14, React Developer Tools, React 17.0
Your Courses, Your Way
All of our project-based courses are designed to be flexible – you can access courses 24/7 to fit them around your schedule, and choose the learning materials that suit you best.
You can even download your course videos and watch them offline using the Zenva app, available on iOS and Android.
Learn from World-Class Instructors
Our course instructors participate in elite developer programs and have been recognized for their demonstrated excellence in development and teaching.
That way, you can be confident that you’re learning the most up-to-date content from industry experts.
Interactive Lessons with Codemurai
Our unlimited access package comes with free access to all of the courses in our mobile app, Codemurai!
Available on iOS and Android, it’s full of interactive programming lessons and exercises so you can continue your learning on the go.
Achieve Real Results
Facilities
Location
Start date
Start date
About this course
b
Why should I learn programming?
b
What will I achieve by taking these courses?
b
Technology changes quickly. What happens if the content becomes outdated?
b
I’m an absolute beginner who’s never coded before. Can I still do these courses?
b
What time commitment is needed?
b
Will these courses help me to change my career?
b
Can I watch the videos offline?
Good understanding of HTML, CSS, and Javascript.
Reviews
This centre's achievements
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 2 years
Subjects
- Access
- Javascript training
- Javascript
- Magic
- Web
- Project
Course programme
Introduction 0:33
Introduction 0:33
0:33
What is React 3:02
What is React 3:02
3:02
Getting Started 5:07
Getting Started 5:07
5:07
Hello World! 8:12
Hello World! 8:12
8:12
Diving into JSX 9:32
Diving into JSX 9:32
9:32
Think in Components 4:36
Think in Components 4:36
4:36
Building App Components 8:00
Building App Components 8:00
8:00
Styling App Components 5:24
Styling App Components 5:24
5:24
The Magic of Hooks - Part 1 6:07
The Magic of Hooks - Part 1 6:07
6:07
The Magic of Hooks - Part 2 7:36
The Magic of Hooks - Part 2 7:36
7:36
Props and Proptypes - Part 1 7:38
Props and Proptypes - Part 1 7:38
7:38
Props and Proptypes - Part 2 4:51
Props and Proptypes - Part 2 4:51
4:51
Create Item Component 5:47
Create Item Component 5:47
5:47
Displaying and Styling Item 7:42
Displaying and Styling Item 7:42
7:42
Create CartPage 8:31
Create CartPage 8:31
8:31
Adding Events to CartPage 9:26
Adding Events to CartPage 9:26
9:26
Styling CartPage 2:18
Styling CartPage 2:18
2:18
Conclusion 1:41
Conclusion 1:41
1:41
Additional information
Intro to Frontend Development with React