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
