Mastering React: Front-End development with React Js

CDIP offers the certificate course on Front-End development with React. A compelling Frontend web development tool, React JS allows the building of rich, interactive user interface (UI) for single page web applications with relative ease. This open-source JavaScript library handles view layers of mobile and web apps. The appeal of React JS also lies in the creation of UI components which can be used across multiple pages.

Jordan Walke, Facebook’s software engineering team’s member, had developed React JS for deploying components on social media’s news feed way back in 2011. Instagram started leveraging its potential in 2012. You will be introduced to various aspects of React components In this course.Subscribing to React JS course would allow you to become more proficient in leveraging the tool for creating engaging and responsive UIs.

Name: Md. Mohiuddin Soel
Designation: Deputy Manager, Digital Technology, IT.
Company:  Prothom Alo
Part Time Lecturer, Jahangirnagar University.

Way to Learn
 Project 1: self-learning -A Project with vanilla JavaScript
 Project 2: Using React Project
 Project 3: Using react framework – Next.js


1. Getting Started
 What is React
 Setting Up the Development Environment
 First React App
 Hello World
2. ECMAScript 6 (ES6 )
 Introduction
 Let vs Var vs Const
 Objects
 The this keyword
 Binding this
 Arrow Functions
 Arrow functions and This
 Method
 Object Destructing
 Spread Operator
 Classes
 Inheritance
 Modules
 Named and Default Exports
3. Components
 Introduction to component
 Setting up the Project
 First React Components
 Attributes
 Rendering
 Handing Events
 State
 Setting up a project with component

4. Composing Components
 Introduction to Composing Components
 Passing data to components
 Passing children
 Debugging react apps
 Props vs state
 Lifecycle hooks
 Mounting phase
 Updating phase
5. Pagination, filtering, Sorting
6. Routing
 Setup
 Adding Routing
 Switch
 Link
 Route Props
 Query String
7. Forms
 Building a Bootstrap form
 Handing form submission
 Refs
 Controlled elements
 Common errors
 Validation
8. Calling Backend services
 JSON placeholder
 HTTP clients
 Lifecycle of a request
 Installing MongoDB
 Setting up Node Backend
 Adding HTTP and log service
9. Authentication and Authorization
 Registering a new user
 Handling the registration
 JSON web Tokens
10. Deployment
 Environment Variable
 Production Builds
 Getting stared with Heroku
 MongoDB in the cloud
 Deploying the Front-end
11. Introduction on NEXT.JS framework
 Setting project
 pages

 Routes
 Form
 Deployment

  • Complete hands-on React training would make you conversant with a complete array of new features.
  • Student will able to use various React features including components and forms.
  • Student will learn to use Redux to design the architecture for a React-Redux application.
  • Student will able to use Reactstrap for designing responsive React applications
  • Student will learn to implement a functional front-end web application using React
  • Certification from a leading knowledge center would build your hands-on skills by offering scope for working on live projects and assignments under discerning mentors.


November 2019


Why Learn Python- Top Reasons 2020

Python is everywhere. If you haven’t been living under a rock for the past 5-7 years you must have heard of python in one way or another. It is the largest growing high-level and interpreted programming language to-date. Learning Python makes you eligible for even more jobs in the market compared to C++ or Java. The average Python developer in the US (2019) earns an average yearly salary of slightly more than $120k. In addition to the lucrative job [...]