Creating web apps using React, Redux & JavaScript

Creating web apps using React, Redux & JavaScript

Welcome to Hello React. This is aimed towards those who are new to JavaScript development and while you may not have mastered JavaScript you want to learn more about using the React library.

course at a glance

  • Date : 21 Oct - 11 Jan 2018
  • No. of Classes/ Sessions : 36
  • Total Hours : 72
  • Last Date of Registration : 19 Oct 2017
  • Class Schedule :
    • Saturday - 5.30 pm - 7.30pm
    • Monday - 5.30 pm - 7.30pm
    • Thursday - 5.30 pm - 7.30pm
  • venue : RH Home Center, Suite No. 539, Level: 5, 74/B/1 Green Road, Tejgaon, Dhaka - 1205.

Price: TK. 20,000

This training is jointly organized by BITM &  Business Accelerate BD Ltd.

Why React?

React is an efficient and flexible JavaScript library for building user interfaces. Many popular websites including Instagram, Facebook, Netflix, and Imgur use React.

What Will I Learn?

  • Build amazing single page applications with React JS and Redux
  • Master fundamental concepts behind structuring React applications
  • Realize the power of building composable components
  • Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax

Course Curriculum:


Session 1:

Introduction to The Course:

  •     Course Overview


Session 2:

React Introduction and Environment Setup:

  •     React Developer Tools
  •     Setting Up React and Installing Required Packages
  •     Learn About Single Page Application
  •     Run Your First React App- Hello React

Session 3 - 8:

ES6 for Working With ReactJS:

  •     Let and const
  •     Template string literal

Arrow function

Classes and module

Import Statement

Operators

ForEach

Map

Filter

Destructuring


Session 9:

Introduction to React and JSX:

  • What is react js
  • Why react js
  • What is jsx

Session 10 - 12:

Component in React:

  •     Thinking in Components
  •     React VS ReactDOM
  •     Differences Between Component Instances and Component Classes
  •     Render Target
  •     Component Structure
  •     Stateless Functional Component
  •     Class-Base Component
  •     Controlled Component

Session 13 - 14:

Understanding React Props and State:

  •     Introduction to React State
  •     Introduction to Props
  •     Props child

Session 15:

React Event Handling:

  •     Introduction
  •     Handling Simple User Event

Getting Values


Session 16:

Making a TODO Application:

On basis of state above discussion


Session 17:

React Component Life Cycle:

  •     Component Life Cycle

Session 18 -19:

Routing in ReactJS:

  •     Introduction to React Router
  •     Router Process
  •     Setting Up Router
  •     Using Router
  •     Linking
  •     Params
  •     More on React Router

Session 20:

React Refactoring:

  •     Improving Layout
  •     Additionally Refactoring

Session 21 - 23:

Styling in React:

  •     Basic CSS Framework

Session 24:

Redux:

Introduction to Redux

  •     Redux Store
  •     Setup React Store Using Redux

Session 25:

Managing App State With Redux:

  •     Reducer
  •     Container
  •     Implementation of Container Class

Session 26 - 27:

Redux Action Creator:

  •     Action and Action Creator
  •     Binding Action Creator
  •     Creating an Action
  •     Consuming Actions in Reducers
  •     Conditional Rendering

Session 28 - 34:

Creating a Data driven application using react, redux, router and external Api


Session 35 - 36:

Bonus Project:

About Mobx, Flux (redux alternative):


 

Curriculum

Project & Theory ReactJS 72 Hrs

Tentative Class Start

21st October, 2017

Available Seat

10 / 16

who can join

Developers who want to learn about React and Redux.
Coders who want to learn to build web apps.
Coders who want to learn JavaScript.

Meet the Instructor