React.js 101 Bootcamp: Your Syntax To Success

Focused View

Jerome Morales

14:28:33

754 View

1. Course Introduction

1. Welcome Aboard!.mp4

03:28

2.1 NODE.JS Link.html

2.2 VSCode Link.html

2. Setting Up Your Development Environment.mp4

04:37

3. Installation Errors Troubleshooting.mp4

11:09

4. Transition Phase To React.js Environment.mp4

19:04

5. Coding Challenge Solution.mp4

06:03

2. JavaScript [Review Material]

1. Syntax Variations of JavaScript Functions.mp4

11:46

2. Map Method.mp4

14:40

3. Object Destructuring.mp4

05:01

4. Rest Parameter.mp4

08:03

5. Spread Operator.mp4

03:36

6. Method Chaining.mp4

09:06

7. API Prerequisite Fetching Data From A Textfile.mp4

18:24

8.1 Star Wars API Official Site.html

8. API Working with JSON Format Online.mp4

06:55

9. API Integrating Bootstrap In Your Existing App That Uses API.mp4

09:28

10.1 RoboHash Official Site.html

10. API Extracting Images From API Source.mp4

07:22

11.1 Official Site of DictionaryAPI.html

11. API Create a Dictionary App.mp4

21:03

12. API Adding Record To A Database.mp4

15:35

13. API Display Existing Data From A Database.mp4

10:07

3. Getting Started with React.js

1. Creating Our React.js Application.mp4

07:15

2. Creating A Component.mp4

09:21

3. React.js Props Part 1.mp4

04:44

4. React.js Props Part 2.mp4

09:41

4. UseState, Pages, Links and Live Search Functionality

1. The useState in React.mp4

12:23

2. Pages and Links.mp4

12:10

3. Rendering Dynamic From An Array of Objects with .map JS Method.mp4

07:09

4. Incorporating Your Own Customize CSS in React.mp4

10:29

5. Dynamically Populating Data On A Table.mp4

06:25

6. Using useState to Create A Live Search Functionality.mp4

10:50

5. The Core Features of Information Systems - CRUD Create, Read, Update, Delete

1. Establishing The Use of Proper React Terminologies.mp4

06:07

2.1 React Bootstrap Official Site.html

2. Installing React Bootstrap.mp4

05:21

3. React Bootstrap Table Component and Upgrading Search Functionality.mp4

08:59

4. React Bootstrap Container, Col, Row, Navbar, Form, and Grid Components.mp4

12:11

5. Familiarizing More About How useState Works.mp4

11:56

6. Delete Functionality Using onClick Prop, useState, Anonymous & Arrow Function.mp4

12:24

7. Create Record Functionality.mp4

15:38

8. Create Edit Data Functionality.mp4

08:08

9. Create Update Data Functionality.mp4

07:09

10. SPA The Single Page Application Implementation.mp4

10:45

6. React Hooks

1. Programming Concept Side Effects.mp4

10:31

2. React Hooks The useEffect.mp4

09:36

3. React Hooks The useEffect.mp4

10:28

4. React Hooks The useRef And Its Implementation with useEffect and useState.mp4

15:39

5. React Hooks Creating A Simple Timer With useEffect plus Coding Challenge.mp4

10:49

6. Coding Challenge Solution.mp4

11:58

Files.zip

7. Lets Build An App Image Gallery

1.1 react js gallery images.zip

1.2 react-image-gallery.html

1. React Image Gallery Part 1.mp4

09:29

2. React Image Gallery Part 2.mp4

04:55

3. React Image Gallery Part 3.mp4

12:51

4. React Image Gallery Part 4.mp4

04:48

8. Lets Build An App Our Life In Weeks

1. Project Preperation & Introduction.mp4

19:06

2.3 our life in weeks (3).7z

2. Reusing Existing Assets.mp4

07:00

3. Coding The App Functionality With React.js.mp4

07:14

4. Coding The App Functionality.mp4

11:53

5. Completing Core Functionalities and Improving Usages Feedback or Alerts.mp4

18:23

6. Implementing Regular Expressions.mp4

06:31

Files.zip

9. Regular Expressions [Supplementary Material]

1. Introduction to Regular Expression.mp4

05:37

2. Understanding Syntax, Anchors, Boundaries and String Validation.mp4

09:41

3. Specifying Number of Occurences.mp4

09:56

4. Setting a Range for Occurences.mp4

09:50

5. Unlimited Occurences and Global Flag.mp4

20:25

Files.zip

10. Lets Build An App Strong Password Generator

1. Optional [JavaScript Review on Math.Floor and Math.random Implementation].mp4

08:24

2. App Development Strong Password Generator Part 1.mp4

10:20

3. App Development Strong Password Generator Part 2.mp4

10:21

4. App Development Strong Password Generator Part 3.mp4

08:56

Files.zip

11. Lets Build An App Cyberpunk Themed Quiz App

1. App Development Cyberpunk Themed Quiz App Part 1.mp4

12:38

2. App Development Cyberpunk Themed Quiz App Part 2.mp4

06:16

3. App Development Cyberpunk Themed Quiz App Part 3.mp4

13:33

4. App Development Cyberpunk Themed Quiz App Part 4.mp4

14:30

Files.zip

12. ReactJS Deployment Deploying Web Projects to Github

1. Signing Up to Github and Installing Git Version Control.mp4

05:41

2. From App Development To Deployment Complete Process in React.js.mp4

12:44

3. Deploying an Existing React.js App.mp4

08:14

4. Updating Or Redeploying A Live Project in React.mp4

08:10

Files.zip

13. React.js and Database

1. Preparing For Firebase Database.mp4

09:08

2. Adding Record To A Database.mp4

18:58

3. Displaying Record To A Database.mp4

12:09

4. Finalizing Our React.js Firebase App.mp4

04:06

Files.zip

14. Lets Build An App The InfoCapture App

1. Back story and Creating the UI.mp4

11:00

2. Finalizing the InfoCapture App User Interface.mp4

12:42

3. Backing Up The Current State of The App To Github and Preparing Database.mp4

13:54

4. Fetching Record From Database and Displaying it on the Page.mp4

09:07

5. Database Record Operation Retreiving and Displaying Data.mp4

10:53

6. Database Record Operation Deleting Data.mp4

05:14

7. Database Record Operation Edit.mp4

08:00

8. Database Record Operation Update.mp4

11:33

9. Creating Backup In A New Branch and Adding Message Notification.mp4

17:39

Files.zip

15. Conclusion

1. Congratulations!.mp4

03:11

Description

Learn React.js through a series of practical exercises, examples and deploy your own app online.

What You'll Learn?

If you had been experiencing difficulty in trying to learn react whether at school/online course/etc. This will help you ease-out the learning curve.
Instead of trying to wrap around the principles of functional programming, learn from actually creating a project.
You'll learn how make an app using react, deploy it online and show it to you friends, perhaps to your future clients or employers
Micro Learning: Develop a strong foundational skills in ReactJS in which learning is emphasized to the smallest detail for solid understanding of concepts
Understand Core Concepts: Gain a solid grasp of fundamental ReactJS concepts such as components, state, and props.

Who is this for?

HTML, CSS, JS Web developers or Designers who wanted to learn React.

Computer Science / IT Student who wanted to learn React.

Tech enthusiast/hobbyist who wanted to learn React.

What You Need to Know?

Atleast Basic Knowledge and Understanding in HTML & CSS

Understanding of Basic Programming in JavaScript (Variables, if else statements, loops etc.)

More details

Description
Dive into the world of React.js with our comprehensive introductory course, designed for an effortless learning experience. This course streamlines the complexities of React.js, ensuring a smooth learning curve for individuals at varying skill levels. Gain a solid foundation in component-based architecture, state management, and the Virtual DOM, and acquire practical skills throughout this journey. This course will equip you to become a future competent react developer by starting with a strong foundation and being more prepared to advance your knowledge further in this technology with other advanced courses with a very minimal chance of experiencing learning gaps. Whether you're a beginner or an experienced developer, this course offers a supportive environment for getting started with React.js with less difficulty.

Furthermore, the course goes beyond mere syntax and functionality, emphasizing best practices and industry standards. Stay updated with the latest trends and advancements in web development, ensuring that you are well-equipped to tackle contemporary challenges in web development.

Whether you're a beginner in JavaScript, this course offers a supportive environment to learn React.js painlessly. Explore the intricacies of performance optimization, efficient data flow, and key tools within the React ecosystem. Join us on this educational journey and unlock the full potential of React.js for crafting modern, dynamic web applications.
Who this course is for:
HTML, CSS, JS Web developers or Designers who wanted to learn React.
Computer Science / IT Student who wanted to learn React.
Tech enthusiast/hobbyist who wanted to learn React.

User Reviews

Rating

average 0

Total votes0

Focused display

React

Jerome Morales

Instructor's Courses

Jerome Morales is an IT professional who has been in the industry for more than a decade, he has a variety of unique experiences in information technology that involves software development, system administration, graphics design as well as providing technical education and training. He is a Microsoft Certified Professional, Microsoft Certified Technology Specialist, and a Microsoft Certified Solutions Associate.

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.