Monthly Subscription Starting at AED 99 + VAT

React Fundamentals
  • Level Professional
  • المدة 14 ساعات hours
  • الطبع بواسطة Board Infinity
  • Offered by

عن

The React Fundamentals course is designed to provide a comprehensive introduction to React, the popular JavaScript library for building user interfaces. This course is ideal for web developers who are new to React or who have some experience with React and want to deepen their knowledge of the library. The course covers the fundamental concepts of React including components, props, state, and events. Participants will learn how to build simple and complex React components, handle user events, and manage component states.

الوحدات

Introduction to the course

    • 2 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Meet and Greet

2 Videos

  • Introduction to the course
  • Meet your Instructor

1 Readings

  • Syllabus

Getting Started with JavaScript

    • 4 Videos
    • 1 Readings
Show info about module content

4 Videos

  • What you will learn in this lesson
  • Introduction to JavaScript
  • Setting up your development environment
  • Writing your first JavaScript program

1 Readings

  • Read more about the basics of javascript

Various components of Javascript

    • 10 Videos
    • 1 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Javascript Practice Quiz
  • Javascripts Graded Quiz

10 Videos

  • What you will learn in this lesson
  • Variables in javascript
  • Data types
  • Using arithmetic and comparison operators
  • Arrays in Javascript
  • Working with strings
  • String manipulation
  • Conditional statements (if/else, switch)
  • Looping structures (for, while)
  • Functions and scope

1 Readings

  • Learn more about various javascript components

Manipulating the DOM

    • 8 Videos
    • 1 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • DOM - Practice Quiz 1
  • DOM - Practice Quiz 2

8 Videos

  • What you will learn in this lesson
  • Understanding the Document Object Model (DOM)
  • Accessing DOM elements with JavaScript
  • Manipulating DOM elements with JavaScript
  • Modifying styles and attributes with JavaScript
  • Understanding events and event listeners
  • Responding to user input (clicks, key presses)
  • Creating interactive user interfaces with events

1 Readings

  • Further Reads on DOM Manipulation

Advanced DOM Manipulation

    • 4 Videos
    • 2 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Javascript - Graded Quiz

4 Videos

  • What you will learn in this Lesson
  • Creating and removing DOM elements with JavaScript
  • Using AJAX to load content dynamically
  • Handling errors and exceptions

2 Readings

  • Learn more about Advanced DOM Manipulation
  • Tell us what you think!

React Basics

    • 4 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • React Basics - Practice Quiz

4 Videos

  • What you will learn in this Lesson
  • Introduction to React
  • Virtual DOM in React
  • Setting up React

1 Readings

  • Know more about React

Intermediate React concepts

    • 6 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • React- Practice Quiz

6 Videos

  • What you will learn in this Lesson
  • React Directory structure
  • JSX in React JS
  • React Components
  • React Props
  • React States

1 Readings

  • Further Reading on React

React Hooks & Redux

    • 6 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • React - Graded Quiz

6 Videos

  • What you will learn in this Lesson
  • React useEffect Hook
  • Making API Calls with useEffect Hook
  • useContext Hook
  • React Redux
  • Application of Redux

1 Readings

  • Learn more about react hooks and redux

Project Overview

    • 2 Videos
Show info about module content

2 Videos

  • Project Overview
  • Approach for building Tic-Tac-Toe

Steps to build Tic-Tac-Toe

    • 7 Videos
    • 2 Readings
    • 1 PeerReview
Show info about module content

1 Peer Review

  • React Mastery: Building Interactive and Optimized Web Applications

7 Videos

  • Step 1: Setting up the project
  • Step 2: Creating Board Component
  • Step 3: Project Components
  • Step 4: Creating a Reusable Component
  • Step 5: Creating an interactive square component
  • Step 6: Writing logic for turns
  • Step 7: Wrapping up the Project

2 Readings

  • Project Assets
  • Provide your feedback!

Auto Summary

Discover the React Fundamentals course by Coursera, perfect for web developers aiming to master React. This comprehensive course covers essential concepts like components, props, state, and events over 840 minutes. Available through Starter and Professional subscriptions, it's ideal for those new to or familiar with React.

Board Infinity
Instructor

Board Infinity