Adding Value Consulting
React.js Training Certification - Blended Learning (Live Virtual Classroom + eLearning)
Software & Cloud

React.js Training Certification - Blended Learning (Live Virtual Classroom + eLearning)

450,00 EUR

  • 30 hours
eLearning
Blended Learning
Live Virtual Classroom
deliveryMethods.

AVC’s React.js Training Course will help you master the fundamentals of React—a vital web framework for developing user interfaces—including JSX, props, state, and events. This training course dives into Redux, covering reducers, actions, and the state tree.

Live Virtual Class Curriculum

Hero

  1. ES6

    Lesson 01

    • Introduction
    • Array Helper Methods
    • Let and Const
    • Template Literals
    • Arrow Functions
    • Default Function Parameters
    • Rest and Spread
    • Destructuring
    • Classes
    • Promises
    • Fetch

  2. Fundamentals of React

    Lesson 02

    • Why React?
    • Rendering UI
    • Components
    • Component Lifecycle Events
    • Forms
    • Component Interaction
    • React Router

  3. Introduction to Redux

    Lesson 03

    • Why Redux?
    • Core Concepts of Redux

  4. React & Redux

    Lesson 04

    • The React Redux Node Package
    • Provider Component
    • Connecting React Components with Redux Store
    • Reducer Composition
    • Normalization: Points to Keep in Mind When Designing a Redux Store
    • Redux Middleware

eLearning Curriculum

Hero

  1. Course Introduction

    Lesson 01

    • Welcome To The Course
    • Course & Projects Outline

  2. Getting Started

    Lesson 02

    • What Is React
    • Environment Setup
    • ES6 Refresher - Part 1
    • ES6 Refresher - Part 2
    • ES6 Refresher - Part 3
    • Create React App vs Manual Setup
    • Installing & Using The CLI
    • A Look At The Initial React Files & How They Work

  3. Components, JSX & Props

    Lesson 03

    • Thinking In Components
    • What Is JSX
    • JSX Expressions
    • Creating Your First Component
    • Functional Components
    • Working With Props
    • Typechecking With PropTypes
    • CSS In React
    • Adding Bootstrap

  4. State & The Context API

    Lesson 04

    • Changing State From Another Component
    • Using The Context API & Provider State
    • Adding A Context Reducer For Actions
    • Creating State
    • Events In React
    • Changing State

  5. Working With Forms

    Lesson 05

    • Creating A Form With State
    • Controlled Components & onChange
    • TextInputGroup Component For DRY Code
    • Uncontrolled Components & Refs
    • Form Submit Action To Context
    • Error Checking & Display

  6. React Router v4

    Lesson 06

    • React Router Setup
    • Links, Params & Redirect
    • 404 Not Found Page

  7. Lifecycle, HTTP & Deployment

    Lesson 07

    • Lifecycle Methods
    • GET Requests
    • POST & DELETE Requests
    • Using AsyncAwait
    • EditContact Component & Fetch Contact
    • PUT Request & Update Action
    • Deploy To Github Pages

  8. Learning Redux

    Lesson 08

    • A Note On Redux
    • App Starting Point For Redux
    • Redux Store Setup & Contact Reducer
    • Connecting Components & Dispatching Actions
    • Creating A Separate Actions File
    • Delete & Add Contact Action

  9. Redux Thunk & HTTP

    Lesson 09

    • GET Request Dispatch
    • POST & DELETE Request Dispatch
    • Get Single Contact For Edit
    • PUT Request & Dispatch
    • Deploy To Apache

  10. Client Panel Firebase Project - Part 1

    Lesson 10

    • App Intro & Demo F
    • FirebaseFirestore Setup
    • Setup & AppNavbar Component
    • Dashboard, Sidebar & Clients Component
    • React-Redux-Firebase Setup
    • Connect Clients Component To Firestore
    • Add Client To Firestore
    • Client Details Component
    • Balance Update & Delete
    • Edit Client In Firestore

  11. Client Panel Firebase Project - Part 2

    Lesson 11

    • Login Functionality
    • Logout & Navbar Update
    • Route Protection
    • Notify State & Alert Component
    • Settings Reducer & Actions
    • Settings Component
    • Persist Settings To LocalStorage
    • Implementing Settings
    • Register Functionality
    • Deploy To Firebase

  12. Building an event finder app in React

    Course End Project

    Build a React app where users can view and promote upcoming events, set up a JSON server for testing until backend APIs are ready, and finally manage the state using Redux.

Learning Outcomes

At the end of this React.js eLearning Course, you will be able to:

React and Redux

Know how to build amazing single-page applications with React and Redux

Structuring Redux

Learn and apply fundamental concepts behind structuring Redux applications

Composable components

Realize and appreciate the power of building composable components

NPM, Babel, and ES6

Understand and use NPM, Babel, and ES6 JavaScript syntax.

Key Features

52 hours of Blended Learning

30 hours of instructor-led training

One real-life course-end project

Flexibility to choose classes

Industry-recognized course completion certificate

Hero

Who Should Enroll in this Program?

For this course, you must have experience building front-end web applications with HTML, CSS, and JavaScript. This React.js certification course is designed for web developers who design and build UI/UX solutions for mobile and web apps and want to design with React as efficiently as possible using a JavaScript library.

Web Developers

Web Designers

Full-stack developer

Mobile developer

Start Course Now

Need corporate solutions or LMS integration?

Didn't find the course or program which would work for your business? Need LMS integration? Write us, we will solve everything!

;