Theory/Practical

Duration

Theoretical discussion

25 hours approx.

Practical/hands-on

85 hours approx.

Employability Skills

20 hours

Capstone Project

20 hours

Total Duration

150 hours

S. No.

Assessment Component

Evaluation Parameters

Maximum Marks

1

Month 1 Mid-Term  

VIA LMS

40

2

Month 2 Mid-Term

VIA LMS

40

2

End-Term

VIA LMS

70

  Full Stack Web Development with MERN & Computer Fundamentals

Module

Units

Content Topic

Hours

Computer Fundamentals

Introduction to Computer

Basics of Computer System

2

I/O Devices

Application Software

Network Environments

Working with Operating Systems

Practical - Searching files and folders, application installation, creating shortcut of application on the desktop

Microsoft Office - Word Processing

Word Processing

2

Editing a Document

Practical - Format and align text, Formatting Paragraphs, Line and paragraph spacing, using FIND and REPLACE, setting line spacing, add bullet and numbers in lists, add borders and shading, document views, Page settings and margins, Spelling and Grammatical checks

Changing the Layout of a Document

Inserting Elements to Word Documents

Working with Columned Layouts and Section Breaks

Working with MS-Excel

Excel Introduction

3

Practical - Entering sample data, Save, Copy Worksheet, Delete Worksheet, Close and open Workbook.

Editing Worksheet

Practical - Find and Replace, Spell Check, Zoom In-Out, Special Symbols, Insert Comments, Add Text Box, Undo Changes, - Freeze Panes, hiding/unhiding rows and columns.

Formatting Cells and sheet

Working with Formula

Working with Charts

Advanced Operations

Presentation Tools

Creating a Presentation

2

Practical - View a Presentation, Saving work, creating new Slides, Changing a slide Layout, Applying a theme, Changing Colours, fonts and effects, apply custom Colour and font theme, changing the background, Arrange Slide sequence

Inserting Media elements

Practical - Edit Graphical Objects on a Slide, Format Graphical Objects on a Slide, Group Graphical Objects on a Slide, Apply an Animation Effect to a Graphical Object, Add Transitions, Add Speaker Notes, Print a Presentation.

Working with Tables

Working with Charts

Basics of Internet

Introduction, Internet, Intranet, Cloud, Web Sites, web pages, URL.

1

Practical - Web servers, basic settings of web browsers- history, extension, default page, default search engine, creating and retrieving bookmarks, use search engines effectively for searching the content.

Web Services: : e-Mail, Chat, Video Conferencing

E-learning, e-shopping, e Reservation, e-Groups, Social Networking.

Introduction to MERN Stack Development Tools and Technologies

Getting started with MERN Stack Development

Introduction to Full Stack Development, Components

2

Use Case of Full Stack Development

Full Stack Developer

Internet, URL Web Page, Web Browser, Web Server, Web sites

Client Server Architecture Purpose & Characteristics

MERN Stack Introduction

MERN Stack Architecture

Front-End Development Tools, Technologies and Frameworks

HTML 5 Fundamentals

Introduction

5

Use case of HTML

Structure of HTML document

HTML Tags and Attributes

Practical - Hands-on HTML Structure and Basic Tags with Attributes

HTML 5 Features

Practicals - Hands-on HTML5 features (Multimedia, Semantic Elements, Canvas Elements, etc)

Practice - Coding Practice on Online Platforms

CSS Essentials and Layout Techniques

Introduction

6

Use Case of CSS

CSS Selector

Types of CSS

Practical - Hands-on CSS basics, Selectors, and types

CSS Box model

Practical - Hands-on Box Model

Advanced CSS - Grids & Flex

Practical - Hands-on Grids & Flex

Practice - Coding Practice on Online Platforms

JavaScript and DOM Manipulation

Introduction

7

Use case of JavaScript

JavaScript Variables, Data Types, Operators, Control Statements, Array, Functions, Hoisting and Event Handling.

ES6 Introduction and Details

Practical - Hands-on JS Basics, Functions, Control Statements, and Event Handling

DOM Manipulation

Practice - Coding Practice on Online Platforms

BootStrap Framework

Introduction to BootStrap

3

Use Case of BootStrap

BootStrap Container

Overview of BootStrap

BootStrap Components

Advanced BootStrap Components

Practical - Hands-on Basic bootstrap, Contailer, and components

Responsive Column & Images

BootStrap5 Utilities

Practical - Hands-on Utilities, Columns & Images

Practice - Coding Practice on Online Platforms

React Fundamentals

ReactJS Introduction

12

Use case of React

React Architecture

JSX

DOM Vs. Virtual DOM

React Components & Life Cycle

React Router

Component Interacting

Practical - Hands-on React Basics, Components, Life Cycle and Router

Handling Events and Forms

Practical - Hands-on Events and Forms

Hooks

Practical - Hands-on Hooks

Practice - Coding Practice on Online Platforms

Next JS Fundamentals

Introduction

8

Use case of Next JS

Setting up the development environment- installation

Practical - Hands-on for basics of Next JS approach

Pages and Routing

Styling in Next.js

Data Fetching

Practical - Hands-on Pages, Routing, style and data fetching

Practice - Coding Practice on Online Platforms

Back-End Development and Integration

Working with Node JS

Introduction of Node JS

12

Use case of Node JS

Node.js Environment Set Up  & Runtime Environment

REPL in Terminal

Practical - Hands-on Simple Node App

Node JSS Architecture

Node.js Package Manager (NPM)

Creating Web Server

Modules in Node JS - Creating modules - HTTP Module

Local, In-built & Third-party modules

Installing Third party packages using npm

File Systems - Methods, File Operations, & Information

Practical - Hands-on Modules, packages and file system

Node.js Events -Event driven programming, Event Emitter

Callbacks - Blocking & Non-Blocking codes

Practical - Hands-on Events, and Callbacks

Practice - Coding Practice on Online Platforms

Working with Express JS

Introduction

9

Use case of Express JS

Express JS Architecture

Installing Express JS - Understanding the File Structure & package.json

Understanding the nodemon & watch mode

Practical - Hands-on Express JS Basics and First Project

Routing in Express.js - App.method (path, handler)

Middleware in Express.js

HTTP Methods

URL Building

Templating Engines with Express.js

Error Handling

Practical - Hands-on Routing, Methods, Files and Error Handling Techniques

CRUD Operations

Practical - Hands-on CRUD Operations

Practice - Coding Practice on Online Platforms

MongoDB Fundamentals

Introduction

8

Use case of Databases

SQL & NoSQL Fundamentals

Use case of MongoDB

MongoDB Architecture

Installation and Setup

Commands / Crud Operations in MongoDB

MongoDB Operators

Practical - Hands-on MongoDB Basics and Operators

Integration of MongoDB and Node JS

MongoDB module

Practical - Hands-on Modules, Queries, and basic project work

Practice - Coding Practice on Online Platforms

Competitive Coding with Python

Python Fundamentals

Python Set-Up - Getting started with Python

20

Python Variables & Data-Types

Operators in Python

Conditional Statements, Loops & Expressions

Functions & Methods

Sequence Data Types

Exception Handling

Introduction to OOPs Concepts in Python

Practical - Hands-on each topic

Practice - Coding Practice on Online Platforms

Code Repository & Web Hosting

Version Control using Git

What is Version Control and why is it important?

4

Understanding Git and GitHub

Setting up a GitHub account and installing Git

Git basics (init, clone, add, commit, push, pull)

Working with branches

Merging and resolving conflicts

Git workflow and best practices

Practical - Hands-on Git basics and Advance Functionalities

Web Hosting & Cloud Technologies

Introduction to Web Hosting and Cloud Computing

4

Use case of Cloud Computing

Cloud Service Providers

Setting up a Render Cloud Account

Creating an account with a cloud service provider

Understanding the GitHub and Render Connectivity

Practical - Hands-on experiments of Integration of Git and Cloud

Cloud Storage

Introduction to cloud storage services

Uploading website files to cloud storage

Practical - Hands-on experiments of uploading static and dynamic web application

Capstone Project

20

Employability Skills

20

Total

150

S.No.

Software

Downloadable Link

1

Visual Studio Code (VS Code)

https://code.visualstudio.com/download

2

Node JS

https://nodejs.org/en

3

React JS

https://react.dev/

4

Express JS

https://expressjs.com/

5

MongoDB

https://www.mongodb.com/try/download/community

6

Git

https://www.git-scm.com/downloads

7

GitHub

https://github.com/

8

Python

https://www.python.org/

9

Anaconda Navigator

https://www.anaconda.com/download/success