Advanced React and Redux Bootcamp

Overview

React is one of the fastest growing and most used web framework in the industry, developed and maintained by Facebook and a community of developers. The top tech companies including AirBnb, Netflix, Twitter, Uber, and Reddit are using React.

The advanced react and redux course is designed to help you learn how to build scalable and performant React applications for scratch. Through this course, students will be made well aware of the industry standards and the best practices for building web applications.

Our course is a project based react and redux course. The course will start with learning the fundamentals of web development & Javascript and how different frontend web frameworks work. Students will then learn fundamentals of React, application state management with Redux, and routing with React Router, while building many projects.

Javascript Fundamentals

A good React developer must have a strong hand on Javascript. This couse makes it sure that you gain all the required knowledge and skills. It covers the fundamentals and advanced concepts of Javascript including ES6 and ES7 features.

Advanced React Concepts

You will learn all the concepts and features of React in-depth. During the course you will build many components in React while learning different design patterns and React APIs.

Redux State Management

Redux is a library for state management. Our course includes application and fundamentals of Redux and React Router for routing in React applications. You will also learn how to create Redux middlewares like logger.

Code Spliting & Webpack

You'll learn how to implement Code Splitting in React & setting up Webpack project from scratch. The course also includes the latest features of React including Suspense & lazy, Hooks, and Memo.

Course Contents

Javascript Fundamentals

Lecture 1

Before we start with developing React Application, we will learn all the fundamental concepts and features of Javascript including:

Scope

Closures

Hoisting

Classes, Constructors, Prototypes

Arrays, Strings functions

How the Web Frameworks Works

Lecture: 2

Having the in-depth understanding of Javascript we will learn for different frontend web frameworks work. We will also cover the latest ES6 & ES7 features of Javascript in this lecture.

Event Loops, Promises

Object, Array destruct and rest operator

Fat-arrow functions, this, call, apply, bind

Template Literatls, Default Params

DOM manipulation

Virtual DOM

Webpack Project setup from scratch

Introduction to React

Lecture 3

Now we will start learning how React works. This lecture will include fundamentals of React.

Introduction to ES6 modules

Components and elements in React

Component Lifecycle

Introduction to JSX

Functional components

Component state management

React Fundamentals 2

Lecture 4

In this lecture we will cover more React concepts and features.

Error Boundaries

Fragments

Refs

Handling events & building forms

Pure class components & React.Memo (new)

React Context API

Typechecking With PropTypes

State Management with Redux

Lecture 5

Building upon the React context API is previous lecture we will learn how to use Redux to implement application level state management. We will also learn the principles of Flux pattern.

Redux fundamentals

Combined reducers

Creating Redux middlewares like logger and state persistance

Async actions with Redux thunk middlewares

Building forms with Redux forms

Routing & Code Splitting

Lecture 6

Finally we will learn how to implement routing using React Router & code splitting in React.

Regular Batch

Course Schedule

Center

Start Date

End Date

Day & Time

Batch Type

Pitampura

Feb 10

Mar 02

Sat, Sun (04:00 PM - 07:30 PM)

Weekend

Naman Kumar

Mentor

Naman Kumar

Mentor

Naman is a growing software engineer and an indie maker who loves to ideate and build cool products. He has worked with various startups and large scale projects involving technologies like React, NodeJs, and Graphql. He likes to work in teams, build pixel perfect interfaces, and scalable services.

REGISTER NOW

FAQ

(Drop a line at admissions@codingblocks.com if you have further queries)

What are the pre-requisites?

Familarity with basic web technologies including HTML and CSS is must. Experience of basic Javascript is recommended.

How much knowledge of Data Structures and Algorithms do I need to take this course?

You need to have good command of data structures like Stacks, Queues and Lists. Also a basic idea of algorithms like sorting, searching, string manupulations. Also it is imperative to have good concepts of Object Oriented Programming

I have to idea of Javascript, can I join?

This is not a problem if the aforementioned concepts are clear and you have coded in some language like C++ before. We will cover concepts of Javascript in the first 2 classes.

Will there by any projects?

Definitely. No course in web development is complete without projects, and we focus a lot on working on live projects and practical topics. We start with small projects like TodoList Managers and go up to creating e-Commerce websites.

What our students say

RISHABH MENDIRATTA

elixir★ ★ ★ ★ ★

Web Development Course Review:

I would recommend this course to all the college students if they are in a dilemma that what career should they pursue in future. Aayush sir would make this course so much interesting and knowledgeful that u won't regret joining the course if u r serious during the course.

5

SHIVAM GANDHI

elixir★ ★ ★ ★ ★

Web Development Course Review:

If anyone out there wants to delve into the world of web development then this is the right course for him/her. I would just say if you are planning to get into web development then just go for this course.

5

SANDEEP RANJAN

elixir★ ★ ★ ★ ★

Web Development Course Review:

The course was pretty well structured. Learning to code at coding blocks is amazing because of the task given by the mentor. If you have done all the task by yourself then you are good to go to face the real world with you skills.

5

Rishabh Khanna

Elixir★ ★ ★ ★ ★

Web Development Course Review:

When i was watching “Dear Zindagi”, i could relate Sharukh Khan to Arnav Bhaiya. The way Sharukh Khan was giving life lessons to Aliya Bhatt, in the same way Arnav Bhaiya will give coding life lessons which will guide you throughout your code life.

Send A Message

Coding Blocks was founded in 2014 with a mission to create skilled Software Engineers for our country and the world. We are here to bridge the gap between the quality of skills demanded by industry and the quality of skills imparted by conventional institutes. At Coding Blocks, we strive to increase student interest by providing hands on practical training on every concept taught in the classroom.