ReactJS (5 days)

 

Introduction

• Functions as first-class objects
• ES6 Concepts
• Pure functions
• Webpack

 

Setting up the Dev environment

• Webpack
• Webpack HMR
• React Developer Tools Chrome Extension

 

Introduction to React

• Evolution of client-side MVC and component-based architectures
• Hello World
• Introduction to JSX
• Component based architecture
• Composing Components
• Props and States
• Component life cycle
• Lists and keys
• Handling events
• Forms

 

Getting into depth

• Type checking with prop types
• Controlled components
• Parent to child and child to parent communication
• State management challenges, Observer pattern and Event Emitters
• Communication across the component hierarchy
• refs and context
• React Hooks
• Context APIs
• Error Boundaries
• Optimizing Performance in React
• Code Splitting
• Suspense

 

Patterns

• Mixin pattern
• Container and Presentation Components
• Higher Order Components
• Composition vs Inheritance and comparison of paradigms
• Anti-patterns

 

Integrating 3rd party components

• React-select case study
• React data grid React Router
• Introduction to Routing and History APIs
• Introduction to React Router
• URL parameters
• Redirects
• Link component
• history manipulation

 

State management

• Need for state management
• Redux (without React)
• React with Redux
• Mobx
• Comparison of different state management solutions

 

React Testing

• React Test Utilities
• Shallow rendering
• Jest
• Enzyme
• Mocha

 

NODEJS (5 days)

 

JS in the Server

• A short history of Javascript
• Javascript in the server
• Difference between JS as a programming language and JS in the browser

 

Installation

• Node.js as a Javascript shell
• Node.js Hello World
• Reading command line arguments
• Working with Console APIs

 

Sync v/s Async

• Synchronous programming
• Asynchronous programming
• Event driven, single-threaded server
• Multi-threaded server
• Async gotchas (or things to remember when using Node)
• Cluster APIs
• Async module

 

File System APIs

• Reading files
• Writing files
• Synchronous v/s Asynchronous operations
• Working with directories
• Buffers

 

Modules

• Built-in modules
• Writing your own modules
• Installing 3rd party modules using npm
• Forever
• ExpressJS
• SocketIO

 

Misc (skim)

• Debugging Node.js apps
• Timers
• Deploying Node.js apps
• Exception Handling
• Logging Dummy Project

 

Express JS (4 days)

 

Getting Started

• Installation
• What is Express?

 

Routing and URL Building

• Basic routing in an Express application
• HTTP method
• Using dynamic routes

 

Middleware

• What is “Middleware”?
• Learn to write a simple middleware function

 

Templating

• Understanding Templating
• Installing templating engine for Express
• Using template engines with Expres
• Using Pug – a case study

 

Database Integration in Express

• Learn to connect databases to Express apps
• Connecting to MongoDB – a case study

 

RESTful APIs

• REST principles
• RESTful URIs and methods
• Creating API in Express

 

Scaffolding

• What is Scaffolding?
• Scaffolding tools for Express

 

Error handling and Debugging

• Error handling in Express using middleware
• Functions for error handling
• Express Debug module

 

LIVE PROJECT BASED ON MEAN STACK WITH DEVOPS