Full Stack

Development
using MERN
 Web Designing

HTML

MODULE 1: WEB PROGRAMMING INTRODUCTION

Architecture of a website
Internet &DNS
UTF-8 & 16
Meta tags
Different technologies in making the website
Web Development Introduction

MODULE 2: HTML-INTRODUCTION
History of HTML
What you need to do to get goingand make your first HTML page
What are HTML Tags and Atributes?
HTML Tag vs. Element
HTML Atributes

MODULE 3: HTML-HEADERS
Title
Base
Link
Styles
Script
Meta

MODULE 4: HTML-BASIC FORMATTING TAGS

HTML BasicTags
HTML Formating Tags
 Web Designing

MODULE 5: HTML-GROUPING USING DIV SPAN

Div Tag
Span Tags

MODULE 6: HTML SEMANTIC ELEMENTS

<article>
<aside>
<details>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

MODULE 7: HTML-LISTS
Unordered Lists
Ordered Lists
Definition list

MODULE 8: HTML-IMAGES
Image
Image Mapping
Background Images

MODULE 9: HTML-HYPERLINK
Anchor Tag.
URL - Uniform ResourceLocator
Relative Path
Absolute Path
 Web Designing

MODULE 10: HTML-TABLE

< table >
< th >
< tr >
< td >
< caption>
< thead>
< t body >
< toot >
< cogroup>
< col >

MODULE 11: HTML-I FRAMe

Using I frame as the Target

MODULE 12: HTML-FORM

HTML Forms
HTML Form Atributes
HTML Form Elements
HTML InputTypes
HTML InputAtributes
HTML Inputform Atributes
< text area >
< buton >
< select>
< label>

MODULE 13: HTML GRAPHICS

HTML CanvasGraphics & SVG Graphics
 Web Designing

MODULE 14: HTML MEDIA

HTML Media
HTML Video
HTML Audio
HTML Plug-in
HTML You Tube

GITHUB
Real-Time environmental setup with GitHub
What is Git&Github
How we can work
Uses of Git & Github
Maintain the profile of Gihub
How we Deploy the web pages

CSS
MODULE 1: CSS INTRODUCTION
What is CSS?
Why Use CSS?
CSS Syntax

MODULE 2: CSS CORE PROPERTIES

CSS Color
CSS Backgrounds
CSS Box Model
CSS Borders
CSS Margins
CSS Paddings
CSS Box Sizing
 Web Designing

MODULE 3: CSS UNITS

Absolute Units
Relative Units
Max-Width
Min-Width

MODULE 4: CSS STYLING

CSS Text
CSS Fonts
CSS Outline
CSS Alignment
Important

MODULE 5: STYLING ELEMENTS

Links
Lists
Dropdowns
Tables
Images
Image-Sprite, Image-Filters
Clip-Path
Forms

MODULE 6: NAVBAR
Vertical-Navbar
Horizontal-Navbar

MODULE 7: CSS SELECTORS

Simple Selectors
Combinator selectors
Pseudo-class & elements selectors
Atribute selectors
 Web Designing

MODULE 8: CSS POSITIONS

Position
Z-Index
Float
Clear
Overflow

MODULE 9: CSS LAYOUTS

Display
Block
Inline
Inline-Block
None
Grid
Flex

MODULE 10: CSS Gridiants

Linear
Radial
Conic

MODULE 11: CSS TRANSFORMATION

CSS 2D & 3D Transforms
CSS Transition
CSS Animations

MODULE 12: CSS RESPONSIVE

Responsive Introduction
Responsive Viewport
Responsive Breakpoint
Media Queries
 Web Designing

JAVASCRIPT
MODULE 1: INTRODUCTION
What is JavaScript?
Why Use JavaScript?
Syntax
Statements
Comments

MODULE 2: LANGUAGE SYNTAX

Data Types
Variable Declarations
Var vs. Let vs Const
Dynamic Type
Type of
Type Conversion
Objects
Arrays

MODULE 3: OPERATORS
JavaScript Operators.
Arithmetic Operators
Assignment Operators
Comparison Operators
Equality Operators
Ternary Operators
Logical Operators
Bitwise Operators
 Web Designing

MODULE 4: CONTROL STATEMENT

if
else
if/else
switch/case

MODULE 5: LOOP STATEMENT

for
for/in
for/of
while
do/while
Infinite loop
Break, Continue

MODULE 6: JAVASCRIPT HTML DOM

HTML Documentobject Model
Dom Methods
DOM Documents
DOM Elements
DOM HTML
DOM Forms
DOM CSS
DOM Events
DOM EventListener
DOM Navigation
DOM Nodes
DOM Collections
DOM Node Lists
 Web Designing

MODULE 7: ARRAY
Array Introduction
Adding Element
Deleting Element
Modifying Element
Searching Element
Emptying Element
Combining Array
Slicing Array
Spread Operator
Looping with Array
Filtering with Array
Mapping with Array
Reducing an Array

MODULE 8: FUNCTIONS
Function Declarations.
Hoisting
Arguments
The Rest Operators
Default Parameters
Geter and Seters
Try and Catch
Local vs. Global Scope
this keyword

MODULE 9: OBJECTS
Basics
Factory Functions
Constructor
 Web Designing

Dynamic Nature of Object

Functions are Objects
Value vs. Reference Type
Enumerating Properties of an Object
Cloning an Object
String
Date

MODULE 11: BUILT-IN OBJECTS

Number
Math
String
Array
Date
Boolean
Regex

MODULE 12: EVENTS

Introduction
Mouse Events
Keyboard Events
Form Events
Document/Window Events

MODULE 13: INTRODUCTION TO OOP CONCEPT

Prototype, Modulepatern
Augmenting type
Closure
ES6 Introduction
Let & Const
 Web Designing

Arrow Functions
Class
Inheritance
Rest and Map Operators
Export
Import
Modules

MODULE 14: JAVASCRIPT WEB API

API Introduction
Forms API
History API
Storage API
Worker API
Fetch API
Geolocation API

MODULE 15: JAVASCRIPT AJAX

AJAX Introduction
AJAX XMLHttp
AJAX Request
AJAX Response

MODULE 16: JAVASCRIPT JSON

JSON Introduction
JSON Syntax
JSON Data Types
JSON Parse
JSON Stringify
JSON Objects
JSON Arrays
 Web Designing

JQUERY
Ge ng started with jQuery
Selecting elements
Manipulating the page
Traversing the DOM and chaining
jQuery UtilityMethods
Handling events and event delegation
AJAX, JSON and Deferred
Enhancing with Animation effects
Grids, Tableswith AJAX, Pagination, jQuery UI
jQuery Best Practices

BOOTSTRAP 5
MODULE 1: INTRODUCTION
Introduction
Quick Styles After Dark
Our First Web Page
What's inside?
Scripts & Styles
Core concepts
Summary

MODULE 2: LAYOUT WITH BOOTSTRAP

Introduction
Grid Layouts
Simple Layout
Fixed Grids
Fluid Grids
Responsive Design
Responsive Utilities
Inspiration
Summary
 Web Designing

MODULE 3: EVERYDAY BOOTSTRAP

Introduction
Typography
Tables
Forms
Butons
Images &Icons
Summary

MODULE 4: BOOTSTRAP COMPONENT

Introductions
Drop Down Menu
Butons with Menus
Tabs &Pill
The Navbars
Heros, Badgets,Labels And media
Summary

MODULE 5: BOOTSTRAP AND JAVASCRIPT

Introduction
More Butons
Modals
Tooltips And Popovers
Carousel
Summary
 Web Designing

Tailwind CSS

1. Introduction to Tailwind CSS

What is Tailwind CSS?
Understanding the utility-first approach.
Benefits over traditional CSS frameworks.
Setting Up the Environment
Installing Tailwind CSS via npm or CDN.
Configuring the tailwind.config.js file.
Integrating with build tools like Webpack or PostCSS.

2. Core Concepts
Utility Classes
Applying pre-defined classes for styling.
Combining utilities for complex designs.
Responsive Design
Utilizing responsive modifiers for different screen sizes.
Implementing mobile-first design principles.
State Variants
Styling for hover, focus, and other states.
Using pseudo-class variants effectively.

3. Customization
Theme Configuration
Extending the default theme with custom colors, fonts, and spacing.
Understanding the role of the tailwind.config.js file.
Plugins
Integrating official and third-party plugins.
Developing custom plugins for project-specific needs.
 Web Designing

4. Advanced Styling Techniques

Typography
Applying utility classes for text styling.
Managing responsive typography.
Layout Design
Building complex layouts using Flexbox and Grid utilities.
Implementing responsive grids and spacing.
Forms and Components
Styling form elements with Tailwind CSS.
Creating reusable UI components.

5. Performance Optimization
Purging Unused CSS
Configuring PurgeCSS to remove unused styles in production.
Reducing file sizes for faster load times.
Best Practices
Writing maintainable and scalable utility-based CSS.
Structuring projects for optimal performance.

6. Practical Application
Building Projects
Developing a responsive landing page.
Implementing a dynamic navigation menu.
Creating interactive UI elements like modals and tooltips.

Deployment
Preparing Tailwind CSS projects for production.
Deploying to hosting platforms.
 React JS

MODULE 1: INTRODUCTION OF JAVASCRIPT ES 5 AND ES6

Basic JavaScript
Object BasedJavaScript
Introduction to ES6
JavaScript Helpers(for Each, filter,map, filter, every, some)
String Literals
DE structuring
Rest parameters & spread operator
Arrow function
Default parameter
Class: Inheritance, constructor
Promise

MODULE 2: INTRODUCTION TO REACTJS

What React JS?
Why use React JS?
What is Single Page Application?
Why SPA?
React JS Version
REACT DOM
REACT VIRTUAL DOM

MODULE 3: SET UP REACT JS ENVIRONMENT

What is CLI: create-react-app project name
Advantage using CLI
How to debug ReactJS application.
Installation CLI
Install Node JS
Install ReactJS
Installation CLI
 React JS

Create a hello world example

Create React JS Project
Understanding of Folder Structure
How to debug ReactJS application
Introduction of Babel

MODULE 4: BASIC FEATURESOF REACTJS AND COMPONENTS

React Concepts
JSX
Render Elements
Types of Components
Class Components
Life Cycle Method of Class components
Functional Components
HOOKS in detail
Use of HOOK
What is state
React Forms
Components and Props
State and Lifecycle HandlingEvents
Practice on above topics

MODULE 5: ROUTING WITH REACT ROUTER

Se ng Up React router
Install/ UninstallReact router
React RouterVersion 5
React router Version 6
Se ng up react router
Understand routingin single page applications
Working with Browser Router components
Configuring route with Route component
 React JS

Making routes dynamic using Route params

Working with nested routes
Navigating to pages using Link and Nav Link Component
Redirect routesusing Redirect Component

MODULE 6: KEY FEATURES OF REACTJS

Conditional Rendering
Lists and Keys
Forms

MODULE 7: EVENT HANDLINGIN REACT

Understanding React event system
Passing argumentsto event handlers

MODULE 8: WORKING WITH FORMS

Controlled components
Understand the significance to default Value Prop
Using react ref prop to get accessto DOM element

MODULE 9: INTRODUCTION TO REDUX

What is React Redux
Why React Redux
Redux Installand setup
Actions
Reducers
Store
High OrderComponent
Understanding map State To Props and map Dispatch To Props Usage
 React JS

MODULE 10: REDUX ADVANCED

Async Actions
Middleware
What is redux saga
Install and set up redux saga
Working with Saga helpers(Crud Operation)
Sagas vs Promises

MODULE 11: REACT WITH DESIGN FRAMEWORK

Material UI for design
Formic Validation

MODULE 12: REACT API'S

Introduction https Request
Introduction Axios NPM
Introduction SliderNPM
Integration of any NPM modules
Introduction of Google Map NPM
 Backend

NODE JS AND EXPRESS FRAMEWORK

MODULE 1: INTRODUCTION TO NODE.JS

Introduction to Node.js
History of Node.js
What is Node.js Foundation
V8 Java Script Engine
Why Server Side Java Script?

MODULE 2: GETTING STARTED WITH NODE.JS

Node.js Architecture
JavaScript Event Loop
Node.js vs. othersServer-Side Frameworks
Node.js Application Area
Advantages of Node.js
Limitations of Node.js

MODULE 3: JAVASCRIPT WITH NODE.JS

Writing Asynchronous Code
Blocking vs. Non-Blocking Code

MODULE 4: MODULES
Understanding Modules
Built-In Modules
Creating Module
Exporting Module
Importing Modules Node.jsCLI and NPM
Understanding CLI
Node's Package Manager:NPM
Local Packages
Global Packages
Installing, Updating and Removing Module using NPM
Understanding package. Son file
 Backend

MODULE 5: NODE.JS PACKAGEAND PUBLISHING

Creating a Node Package
Publishing Package
Using published package

MODULE 6: PACKAGES
Introduction of NPM Package
Express NPM Package
Multer NPM Package
Node Mail NPM Package
Boot Stripe NPM Package integration
JSONWEBTOKEN NPM Integration
Introduction of crypto-JS

MODULE 7: CODE DEBUGGING

Built-In Debugger
Node Inspector
IDE Debuggers

MODULE 8: EXCEPTIONS HANDLING

Try. Catch
Call back
Event Emiters

MODULE 9: EVENTS
Understanding Events
Event Emiter class
Emi ng Event, Listening Event
 Backend

MODULE 10: STREAMS

Creating streams
Streams types
Readable Stream
Writable Stream
Stream Pipe
Creating Buffer
Buffer decoding

MODULE 11: FILE SYSTEM AND PATH MODULE

Introduction to fs Module
The fs modules operations
Manipulating Files Create,Open, Read, Write, Close, Rename, Delete
Manipulating Directives Create,Read, Remove
The path Module
Building a Web server
HTTP Request Methods,Headers
Response Codes and Headers

MODULE 12: EXPRESS FRAMEWORK

Understanding Express
Installing Express
Creating and RunningExpress App

MODULE 13: ROUTING AND VIEW ENGINES

Router Object
Router Object Methods
View Engine -Handlebars
Response Methods
 Backend

MODULE 14: MIDDLEWARE AND REQUEST PROCESSING

Middleware
Express Middleware
Express Request Processing

MONGO DB

MODULE 1: UNDERSTANDING NOSQL DB

NoSQL vs. SQL DB
Understanding Mongo DB
Introduction of mongooseAtlas
MongoDB Data types
MongoDB Shell Commands
Understanding db, collection & document
Understanding Embedded documents
Querying database Tools & API
MongoDB Tools
Introduction to MongoChef
Mongo Chef for database operations

MODULE 2: INDEXING AND RELATIONSHIPS

Types of Indexes
Creating & Droppingan Indexes
Defining Relationships between Documents

MODULE 3: MONGO DB ODM -MONGOOSE AND POSTMAN

Introduction to Mongoose
Exploring fundamentals of Mongoose
Mongoose Models
Mongoose Data Types & Relationships
Mongoose CRUD operations

REST API WITH MONGOOSE, MONGODB AND POSTMAN

CREATING REST API USINGEXPRESS AND MONGOOSE
IMPLEMENTING THE PROJECT DEPLOYMENT OF MEAN APPLICATION
What you will get?

100% Job Designed for Students & Program Completion

Opportunity Working Professionals Certificate from CETPA &
Global Partners

Weekly Doubt Practical Hands-On Instructors from Top

Clearing Sessions Capstone Project Product Based Companies

Multiple Hands-On Live Project 360 Degree

Sessions Placement Assistance

400+ Hours of Live Access to Support available all Days

& Offline Sessions Recorded Sessions 9 AM - 9 PM IST for Queries

Flexibility to Pause Dedicated Student No Cost EMI

Learning & Learner join Success Mentor Options Available
the Upcoming Batch
Sample Certifications :
Placement :

www.cetpainfotech.com