21CSS301T FULL STACK DEVELOPMENT

1

Unit-1 -Basics of MERN Stack

1.1

MERN Introduction

1.2

MERN Components - React - Node.js - Express - MongoDB

1.3

Need for MERN

1.4

Server-Less Hello World

1.5

Server Setup

1.6

nvm

1.7

Node.js npm

1.8

MongoDB Basics - Documents

1.9

MongoDB Basics: Collections

1.10

Query Language

1.11

MangoDB Installation

1.12

The mongo Shell

1.13

Schema Initialization

1.14

MongoDB Node.js Driver

1.15

Reading from MongoDB

1.16

Writing to MongoDB

1.17

T1: Setting up MERN environment

1.18

T2: Simple programs in MERN environment

1.19

T3: Setting up MongoDB and handling data manipulation

2

Unit-2 - React

2.1

React Introduction

2.2

React ES6

2.3

React Render HTML

2.4

React JSX

2.5

Components

2.6

React Classes

2.7

Composing Components

2.8

Passing Data

2.9

Dynamic Composition

2.10

React state

2.11

setting State

2.12

Async State Initialization

2.13

Event Handling

2.14

Communicating from Child to Parent

2.15

Stateless Components

2.16

Designing components

2.17

React Forms

2.18

React CSS

2.19

React SaaS

2.20

T4: REACT based programming

2.21

T5: Exploring stateless components

3

Unit-3 - Node.JS and Express

3.1

Node.js Basics

3.2

Local and Export Modules

3.3

Node Package Manager (NPM)

3.4

Node.js Web Server

3.5

Node.js File System (FS)

3.6

Node Inspector

3.7

Node.js Event Emitter

3.8

Frameworks for Node.js

3.9

Express.js Web App

3.10

Serving Static Resources in Express

3.11

Node.js Data Access

3.12

Express REST APIs

3.13

REST

3.14

Resource-Based

3.15

HTTP Methods as Actions

3.16

JSON

3.17

Express - Routing

3.18

Handler Function

3.19

Middleware

3.20

REST API

3.21

T6: Node based web development Handling of various APIs associated with Node.js

3.22

T7: Express based web development Handling of various APIs associated with Node.js

4

Mini Project (Tentative Title):

4.1

MP1. E-commerce Website

4.2

MP2. Food Delivery App

4.3

MP3. Social Media App

4.4

MP4. Chat Messaging App

4.5

MP5. Content Management System

4.6

MP6. Blog Site

4.7

MP7. Workout Tracker App

4.8

MP8. Project Management Dashboard