â

CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com

Curriculum Of Full Stack With Mern

WEB DESIGNING (HTML) · <details>

MODULE 1: WEB PROGRAMMING · <figure>
INTRODUCTION · <footer>
· Architecture of a website · <header>
· Different technologies in making the · <main>
website · <mark>
· Web Development Introduc on · <nav>
· <sec on>
MODULE 2: HTML-INTRODUCTION · <summary>
· History of HTML · < me>
· What you need to do to get going and
make your first HTML page MODULE 7: HTML-LISTS
· What are HTML Tags and A ributes? · Unordered Lists
· HTML Tag vs. Element · Ordered Lists
· HTML A ributes · Defini on list

MODULE 3: HTML-HEADERS MODULE 8: HTML-IMAGES

· Title · Image
· Base · Image Mapping
· Link · Background Images
· Styles
· Script MODULE 9: HTML-HYPERLINK
· Meta · Anchor Tag.
· URL - Uniform Resource Locator
MODULE 4: HTML-BASIC FORMATTING · Rela ve
TAGS · Absolute Address
· HTML Basic Tags
· HTML Forma ng Tags MODULE 10: HTML-TABLE
· HTML Color Coding · < table >
· < th >
MODULE 5: HTML-GROUPING USING DIV · < tr >
SPAN · < td >
· Div Tag · < cap on >
· Span Tags · < the ad >
· < t body >
MODULE 6: HTML SEMANTIC ELEMENTS · < toot >
· <ar cle> · < cogroup >
· <aside> · < col >
 â

CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com

Curriculum Of Full Stack With Mern

MODULE 11: HTML-I FRAME MODULE 2: CSS CORE PROPERTIES

· Using I frame as the Target · CSS Color
· CSS Backgrounds
MODULE 12: HTML-FORM · CSS Box Model
· HTML Forms · CSS Borders
· HTML Form A ributes · CSS Margins
· HTML Form Elements · CSS Paddings
· HTML Input Types · CSS Box Sizing
· HTML Input A ributes
· HTML Input form A ributes MODULE 3: CSS UNITS
· < text area > · Absolute Units
· < bu on > · Rela ve Units
· < select > · Max-Width
· < label > · Min-Width

MODULE 13: HTML GRAPHICS MODULE 4: CSS STYLING

· HTML Canvas Graphics & SVG Graphics · CSS Text
· CSS Fonts
MODULE 14: HTML MEDIA · CSS Outline
· HTML Media · CSS Alignment
· HTML Video · Important
· HTML Audio
· HTML Plug-in MODULE 5: STYLING ELEMENTS
· HTML You Tube · Links
· Lists
MODULE 15: HTML APIS · Dropdowns
· HTML Geoloca on · Tables
· HTML Drag/Drop · Images
· HTML Web Storage · Image-Sprite, Image-Filters
· HTML Web Workers · Clip-Path
· HTML SSE · Forms

CSS MODULE 6: NAVBAR

MODULE 1: CSS INTRODUCTION · Ver cal-Navbar
· What is CSS? · Horizontal-Navbar
· Why Use CSS?
· CSS Syntax MODULE 7: CSS SELECTORS
· Simple Selectors
 â

CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com

Curriculum Of Full Stack With Mern

· Combinator selectors MODULE 2: LANGUAGE SYNTAX

· Pseudo-class & elements selectors · Data Types
· A ribute selectors · Variable Declara ons
· Var vs. Let
MODULE 8: CSS POSITIONS · Constant
· Posi on · Dynamic Type
· Z-Index · Type of
· Float · Type Conversion
· Clear · Objects
· Overflow · Arrays

MODULE 9: CSS LAYOUTS MODULE 3: OPERATORS

· Display · JavaScript Operators.
· Block · Arithme c Operators
· Inline · Assignment Operators
· Inline-Block · Comparison Operators
· Grid · Equality Operators
· Flex-Box · Ternary Operators
· Logical Operators
MODULE 10: CSS TRANSFORMATION · Bitwise Operators
· CSS 2D & 3D Transforms
· CSS Transi on MODULE 4: CONTROL STATEMENT
· CSS Anima ons · if
· else
MODULE 11: CSS RESPONSIVE · if/else
· Responsive Introduc on · switch/case
· Responsive Viewport
· Responsive Breakpoint MODULE 5: LOOP STATEMENT
· Media Queries · for
· for/in
JAVASCRIPT · for/off
MODULE 1: INTRODUCTION · while
· What is JavaScript? · do/while
· Why Use JavaScript? · Infinite loop
· Syntax · Break, Con nue
· Statements
· Comments MODULE 6: JAVASCRIPT HTML DOM
· HTML Document object Model
 â

CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com

Curriculum Of Full Stack With Mern

· DOM Methods MODULE 9: FUNCTIONS

· DOM Documents · Func on Declara ons.
· DOM Elements · Hois ng
· DOM HTML · Arguments
· DOM Forms · The Rest Operators
· DOM CSS · Default Parameters
· DOM Events · Ge er and Se ers
· DOM Event Listener · Try and Catch
· DOM Naviga on · Local vs. Global Scope
· DOM Nodes · this keyword
· DOM Collec ons
· DOM Node Lists MODULE 10: OBJECTS
· Basics
MODULE 7: JAVASCRIPT HTML BOM · Factory Func ons
· HTML Browser object Model · Constructor
· JS Window · Dynamic Nature of Object
· JS Screen · Func ons are Objects
· JS Loca on · Value vs. Reference Type
· JS History · Enumera ng Proper es of an Object
· JS Navigator · Cloning an Object
· JS Popup Alert · String
· JS Timing · Date
· JS Cookies
MODULE 11: BUILT-IN OBJECTS
MODULE 8: ARRAY · Number
· Array Introduc on · Math
· Adding Element · String
· Dele ng Element · Array
· Modifying Element · Date
· Searching Element · Boolean
· Emptying Element · Regex
· Combining Array
· Slicing Array MODULE 12: EVENTS
· Spread Operator · Introduc on
· Looping with Array · Mouse Events
· Filtering with Array · Keyboard Events
· Mapping with Array · Form Events
· Reducing an Array · Document/Window Events
 â

CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com

Curriculum Of Full Stack With Mern

MODULE 13: INTRODUCTION TO OOP JQUERY

CONCEPT
· Ge ng started with jQuery
· Prototype, Module pa ern
· Selec ng elements
· Augmen ng type
· Manipula ng the page
· Closure
· Traversing the DOM and chaining
· ES6 Introduc on
· jQuery U lity Methods
· Let & Const
· Handling events and event delega on
· Arrow Func ons
· AJAX, JSON and Deferred
· Class
· Enhancing with Anima on effects
· Inheritance
· Grids, Tables with AJAX, Pagina on,
· Rest and Map Operators jQuery UI
· Export · jQuery Best Prac ces
· Import
· Modules
BOOTSTRAP 5
MODULE 14: JAVASCRIPT WEB API MODULE 1: INTRODUCTION
· API Introduc on · Introduc on
· Forms API · Quick Styles A er Dark
· History API · Our First Web Page
· Storage API · What's inside?
· Worker API · Scripts & Styles
· Fetch API · Core concepts
· Geoloca on API · Summary

MODULE 15: JAVASCRIPT AJAX MODULE 2: LAYOUT WITH BOOTSTRAP

· AJAX Introduc on · Introduc on
· AJAX XMLH p · Grid Layouts
· AJAX Request · Simple Layout
· AJAX Response · Fixed Grids
· Fluid Grids
MODULE 16: JAVASCRIPT JSON · Responsive Design
· JSON Introduc on · Responsive U li es
· JSON Syntax · Inspira on
· JSON Data Types · Summary
· JSON Parse
· JSON Stringify MODULE 3: EVERYDAY BOOTSTRAP
· JSON Objects · Introduc on
· JSON Arrays · Typography
 â

CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com

Curriculum Of Full Stack With Mern

· Tables · Rest parameters & spread operator

· Forms · Arrow func on
· Bu ons · Default parameter
· Images & Icons · Class: Inheritance, constructor
· Summary · Promise

MODULE 4: BOOTSTRAP COMPONENT MODULE 2: INTRODUCTION TO REACTJS

· Introduc ons · What React JS?
· Drop Down Menu · Why use React JS?
· Bu ons with Menus · What is Single Page Applica on?
· Tabs & Pill · Why SPA?
· The Navbars · React JS Version
· Heros, Badgets, Labels And media · REACT DOM
· Summary · REACT VIRTUAL DOM

MODULE 5: BOOTSTRAP AND JAVASCRIPT MODULE 3: SET UP REACT JS

· Introduc on ENVIRONMENT
· More Bu ons · What is CLI: create-react-app project
· Modals name
· Tool ps And Popovers · Advantage using CLI
· Carousel · How to debug React JS applica on.
· Summary · Installa on CLI
· Install Node JS
GITHUB · Install React JS
· Real-Time environmental setup with · Installa on CLI
GitHub · Create a hello world example
· Create React JS Project
· Understanding of Folder Structure
REACT · How to debug React JS applica on
MODULE 1: INTRODUCTION OF JAVASCRIPT
· Introduc on of Babel
ES 5 AND ES6
· Basic JavaScript MODULE 4: BASIC FEATURES OF REACTJS
· Object Based JavaScript AND COMPONENTS
· Introduc on to ES6 · React Concepts
· JavaScript Helpers (for Each, filter, map, · JSX
filter, every, some) · Render Elements
· String Literals · Types of Components
· DE structuring · Class Components
 â
CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com
Curriculum Of Full Stack With Mern
· Life Cycle Method of Class components
· Func onal Components
· HOOKS in detail
· Use of HOOK
· What is state
· React Forms
· Components and Props
· State and Lifecycle Handling Events
· Prac ce on above topics
MODULE 5: ROUTING WITH REACT ROUTER
· Se ng Up React router
· Install/ Uninstall React router
· React Router Version 5
· React router Version 6
· Se ng up react router
· Understand rou ng in single page
applica ons
· Working with Browser Router
components
· Configuring route with Route component
· Making routes dynamic using Route
params
· Working with nested routes
· Naviga ng to pages using Link and Nav
Link Component
· Redirect routes using Redirect
Component
MODULE 6: KEY FEATURES OF REACTJS
· Condi onal Rendering
· Lists and Keys
· Forms
MODULE 7: EVENT HANDLING IN REACT
· Understanding React event system
· Passing arguments to event handlers
MODULE 8: WORKING WITH FORMS
· Controlled components
· Understand the significance to default
Value Prop
· Using react ref prop to get access to DOM
element
MODULE 9: INTRODUCTION TO REDUX
· What is React Redux
· Why React Redux
· Redux Install and setup
· Ac ons
· Reducers
· Store
· High Order Component
· Understanding map State To Props and
map Dispatch To Props Usage
MODULE 10: REDUX ADVANCED
· Async Ac ons
· Middleware
· What is redux saga
· Install and set up redux saga
· Working with Saga helpers (Crud
Opera on)
· Sagas vs Promises
MODULE 11: REACT WITH DESIGN
FRAMEWORK
· Material UI for design
· Formic Valida on
MODULE 12: REACT API'S
· Introduc on h ps Request
· Introduc on Axios NPM
· Introduc on Slider NPM
· Integra on of any NPM modules
· Introduc on of Google Map NPM
 â

CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com

Curriculum Of Full Stack With Mern

NODE JS AND EXPRESS MODULE 5: NODE.JS PACKAGE AND

FRAMEWORK
MODULE 1: INTRODUCTION TO NODE.JS
· Introduc on to Node.js
· History of Node.js
· Introduc on to io.js
· What is Node.js Founda on
· 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. others Server-Side
Frameworks
· Node.js Applica on Area
· Advantages of Node.js
· Limita ons of Node.js
MODULE 3: JAVASCRIPT WITH NODE.JS
· Wri ng Asynchronous Code
· Blocking vs. Non-Blocking Code
PUBLISHING
· Crea ng a Node Package
· Publishing Package
· Using published package
MODULE 6: PACKAGES
· Introduc on of NPM Package
· Express NPM Package
· Multer NPM Package
· Node Mail NPM Package
· Boot Stripe NPM Package integra on
· JSONWEBTOKEN NPM Integra on
· Introduc on of crypto-JS
MODULE 7: CODE DEBUGGING
· Built-In Debugger
· Node Inspector
· IDE Debuggers
MODULE 8: EXCEPTIONS HANDLING
· Try. Catch
· Call back
· Event Emi ers

MODULE 4: MODULES MODULE 9: EVENTS

· Understanding Modules · Understanding Events
· Built-In Modules · Event Emi er class
· Crea ng Module · Emi ng Event, Listening Event
· Expor ng Module
· Impor ng Modules Node.js CLI and NPM MODULE 10: STREAMS
· Understanding CLI · Crea ng streams
· Node's Package Manager: NPM · Streams types
· Local Packages · Readable Stream
· Global Packages · Writable Stream
· Installing, Upda ng and Removing · Stream Pipe
Module using NPM · Crea ng Buffer
· Understanding package. Son file · Buffer decoding
 â

CETPA
TRAINING | DEVELOPMENT | PLACEMENT
CETPA INFOTECH PVT. LTD.
www.cetpainfotech.com

Curriculum Of Full Stack With Mern

MODULE 11: FILE SYSTEM AND PATH · Understanding Mongo DB

MODULE · Introduc on of mongoose Atlas
· Introduc on to fs Module · MongoDB Data types
· The fs modules opera ons · MongoDB Shell Commands
· Manipula ng Files Create, Open, Read, · Understanding db, collec on & document
Write, Close, Rename, Delete · Understanding Embedded documents
· Manipula ng Direc ves Create, Read, · Querying database Tools & API
Remove · MongoDB Tools
· The path Module · Introduc on to Mongo Chef
· Building a Web server · Mongo Chef for database opera ons
· HTTP Request Methods, Headers
· Response Codes and Headers MODULE 2: INDEXING AND RELATIONSHIPS
· Types of Indexes
MODULE 12: EXPRESS FRAMEWORK · Crea ng & Dropping an Indexes
· Understanding Express · Defining Rela onships between
· Installing Express Documents
· Crea ng and Running Express App
MODULE 3: MONGO DB ODM -MONGOOSE
MODULE 13: ROUTING AND VIEW ENGINES AND POSTMAN
· Router Object · Introduc on to Mongoose
· Router Object Methods · Exploring fundamentals of Mongoose
· View Engine -Handlebars · Mongoose Models
· Response Methods · Mongoose Data Types & Rela onships
· Mongoose CRUD opera ons
MODULE 14: MIDDLEWARE AND REQUEST
PROCESSING REST API WITH MONGOOSE, MONGODB
· Middleware AND POSTMAN
· Express Middleware
· Express Request Processing CREATING REST API USING EXPRESS AND
MONGOOSE
MONGODB
MODULE 1: UNDERSTANDING NOSQL DB IMPLEMENTING THE PROJECT
DEPLOYMENT OF MEAN APPLICATION
· NoSQL vs. SQL DB
Partners

D-58, Sector-2, Red FM Lane, Noida-201301 +91-9212172602, 0120-4535-353

www.cetpainfotech.com, (Other Branches: Roorkee | Lucknow | Dehradun)