React Crash Course: From Zero to Hero

Focused View

Anton Voroniuk,Dmytro Vasyliev

2:49:42

26 View

1. Introduction to the Course

1. Welcome to the Course.mp4

01:06

2.1 JavaScript useful resources.pdf

2. Course Requirements.mp4

00:50

3.1 Code examples.html

3. How to Use Code Examples from Github.mp4

04:29

2. Getting Started

1. Introduction.mp4

00:55

2.1 Google Chrome browser.html

2.2 Node.js environment.html

2.3 Visual Studio Code editor.html

2. What is React.mp4

07:47

3.1 Create React app script.html

3. Environment Setup.mp4

03:34

4. Creating React Application.mp4

04:15

5. Application Structure.mp4

05:42

6. Cleaning Up Application.mp4

02:01

7. Developer Tools.mp4

06:35

3. Creating Component

1. Introduction.mp4

00:38

2.1 Apple devices icons.html

2. Your First Component.mp4

02:45

3. Importing and Exporting Components.mp4

02:51

4.1 HTML to JSX converter.html

4. Writing Markup with JSX.mp4

05:31

5. Using Variables in JSX.mp4

07:04

4. Adding Interactivity

1. Introduction.mp4

00:46

2. Passing Props to a Component.mp4

05:32

3. Component Props Manipulations.mp4

05:40

4.1 Apple devices icons.html

4. Responding to Events.mp4

08:04

5. Rendering List.mp4

10:11

6. Fragment Component.mp4

04:40

7. Conditional Rendering.mp4

06:33

5. Styling in React

1. Introduction.mp4

00:42

2. Using Inline Styles.mp4

07:30

3. Using CSS Files.mp4

04:58

4. Using CSS Modules.mp4

04:20

5. Using Global CSS Styles.mp4

02:36

6.1 SASS preprocessor.html

6.2 Styled components.html

6.3 Tailwind CSS.html

6. Alternative Styling Options.mp4

04:48

6. Managing State

1. Introduction.mp4

00:38

2. Component life-cycle and state.mp4

03:11

3. Component state vs local variables.mp4

03:15

4. Using useState hook.mp4

04:59

5. Batch updating of useState.mp4

05:57

7. Managing Complex State

1. Introduction.mp4

00:32

2. Updating Objects in State.mp4

11:48

3. AddingDeleting items in Array State.mp4

08:38

4. Updating items in Array State.mp4

06:44

8. Final section

1. Summary.mp4

01:37

Description

Learn React from scratch and build your first application step by step

What You'll Learn?

The core knowledge of React. JS
How to set up a development environment
React application creation
How to create and organize the first React component
How to successfully write JSX markup
Styling React components
How to manage component state using the useState hook
and much more.

Who is this for?

For everyone who is thrilled to learn about React. JS - the top JavaScript library for web application building

What You Need to Know?

Basic knowledge of HTML/CSS

Basic knowledge of JavaScript (we provide reading materials for those who are not familiar with JavaScript)

More details

Description
Unlock the power of modern web development with our comprehensive React JS course! Perfect for beginners and those looking to enhance their skills, this course will take you from zero to creating dynamic, interactive web applications in no time.
Each section is designed with detailed lectures and hands-on examples to reinforce your learning. By the end of this course, youâ€™ll be equipped with the skills to build and deploy sophisticated React applications.

Don't miss this opportunity to dive into the world of React JS and elevate your web development expertise!

Enroll today to expand your knowledge!
In this course, weâ€™ll start with setting up a development environment, creating your first application in React and finishing up by managing component states! With our course, you will gain foundational knowledge of how to create React components, share data between components, style React components and more.

Meet your instructor!
Dmytro Vasyliev is a Senior Front-end Engineer with more than 9 years of professional experience in developing web applications. He has been working with various clients around the world and has gained extensive experience with React.
Throughout the course, Dmytro will provide numerous examples; therefore, he prepared some additional materials and quizzes for you to help you learn React.JS easier and faster.

Who is this course for?
For everyone who is thrilled to learn about React.JS - the top JavaScript library for web application building

There are no special requirements for taking this course. But it would be helpful if you knew a little bit about JavaScript. But don't worry if you don't have this knowledge! Our instructor has prepared a bunch of materials for you to be ready for taking our course! Also, having a basic knowledge of HTML/CSS is required.

Our React Crash Course includes:
Theory and Practice: 2+ hours of lectures with many examples. Lessons range from 3 to 10 minutes and are easy to follow.
Lifetime access to the course and any future updates.
Support: If you have any questions, we will always be willing to answer them.
Complete the course and receive an Udemy certificate.

What will students discover throughout this course?
The core knowledge of React.JS
How to set up a development environment
React application creation
How to create and organize the first React component
How to successfully write JSX markup
Styling React components
How to manage component state using the useState hook
And much more.

Do you need to be concerned?
This course comes with a 30-day money-back guarantee.

Join our course today to learn how to build your first application in React!

Who this course is for:
For everyone who is thrilled to learn about React. JS - the top JavaScript library for web application building

User Reviews

Rating

average 0

Total votes0

Focused display

React

Anton Voroniuk

Instructor's Courses

My name is Anton Voroniuk.I'm the co-owner of Webpromo Digital Agency, I'm a digital strategist, and I am also a Google Academy agency trainer. I love digital marketing, and I love to help my students grow their knowledge of digital marketing.I've worked in this field since 2008, and during this time, Webpromo has helped over 1000 small and midsized businesses with digital strategy and online promotion. In addition to our SMB clients, our agency also currently works with several reputable brands and organizations such as Coca-Cola, Johnson & Johnson, BNP Paribas, Bayer, Sanofi, Vodafone, The United Nations, and the OSCE. Webpromo Digital Agency is a Google Premier Partner and a Facebook Marketing Partner.My hobbies include competing in triathlons and collecting digital marketing certifications.Here are some of my credentials:- Google Analytics Individual Qualification- Google Ads Individual Qualification- Bing Ads Accredited Professional- Search Ads360 Certified and othersI hope to see you soon in one of my courses!

Dmytro Vasyliev

Instructor's Courses

Hey, I'm Dmytro Vasyliev, a Senior Front-end Engineer with more than 9 years of professional experience in developing web applications. I have extensive experience with React and other frameworks, having used it in various projects to build dynamic and efficient user interfaces. I'm currently working as a Senior Front-end Engineer at Doccle, a Belgian digital platform used by 2.5 million people to store personal documents. My role involves transitioning the product code base to React, implementing new product features, extending the components library, care about app architecture and much more.I am ready to openly share all my experience and knowledge with you!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.