www.sevenmentor.

com

Unleash the Power of

Web Full Stack
Your Path to Mastery Begins Here!
 Web Full Stack
Course Mission
SevenMentor Institute leads the way in providing cutting-
edge IT Training and Skill Development across India. We
have strived to establish an ideal learning atmosphere at all
our training centers. We prepare our students to become
dependable future professionals. Our institute aspires to
promote universal access to learning for students. To
achieve our mission of promoting better learning we invite
all students to enroll in our Web Full Stack Course. Join us
today to make a fulfilling career in the Development sector.

02
 Web Full Stack STATISTICS:

83%
Web sites have some form of
Web Full Stack based
Applications

INDUSTRY
INSIGHTS 32% Year on Year Growth For All
Web Full Stack Jobs

Learn Web Full Stack and

Be in Demand Always!
In today's rapidly evolving Tech Industry, being a skilled Web
Full Stack Developer is a valuable asset. There is an
unprecedented requirement of all rounders and dynamic
developers in the website building domain. SevenMentor’s
comprehensive Web Full Stack Course is designed to equip
you with the knowledge and practical skills to handle every
aspect of Web Full Stack Developer.

03
 Become an Omnipresent

Web Full Stack!

Becoming really good at using Web Full Stack is a big aim for

any Developer. If you want to be super skilled in this newest

version of Web Full Stack, you'll have to be dedicated to always

learning and becoming really good at this powerful front-end

framework. Web Full Stack is famous for being versatile and

widely used in web development. Many developers use it to

create dynamic, responsive, and feature-rich web applications.

04
 Start Learning to Start Applying:
Gain practical Web Full Stack experiences through well
designed courses, latest tools and excellent teachers.

Experienced Faculty Flexible Scheduling Hands-On Learning

Mock Interview Sessions Real-World Projects Career Support

Comprehensive Curriculum Lifetime Access

05
 1. HTML 4 and HTML 5. 3. CSS

A. Introduction of HTML A. Background, Multiple Backgrounds

B. Tag, Elements and Attributes B. Font Related Features (online fonts)
C. Basics syntax
C. Text-Effect and Box-Effect
D. Table
E. List D. Gradients-Linear and Radial
F. Forms E. Transition
G. Structure of HTML4 and HTML5 F. Transformation G. Animation
H. Semantic and non-semantic tags H. Media Queries
I. HTML 5 Features
J. New Input type
4. Bootstrap
K. Forms Attribute
L. SVG A. Introduction of Bootstrap (Responsive)
M. Canvas B. Typography
N. Audio, Video Tag C. Tables
D. Images, Buttons
2. CSS ( Cascading Style Sheet) E. Grid Structure-Type of columns
F. Forms
A. Attributes (ID, Class, Style, Title )
G. Jumbortron
B. CSS Types (Inline, Internal, External)
H. Well
C. Box-model
I. Panel
D. Display Property (Block, Inline, None) J. Navbar, Nav Tab
E. Visibility-Hidden K. Carousel
F. Position Property(Static, Relative, L. Responsive Web Page
Absolute, Fixed )
G. Z-index Property
5. JavaScript
H. Combinators (Descendant Selector, A. Introduction of JavaScript B. Use of
Child Selector, Adjacent Sibling Selector, JavaScript
General Sibling Selector) C. Variables
I. CSS Pseudo-classes (Link, Visited, D. Keywords
Hover, Active) E. Data Type (Primitive, non-primitive)
J. CSS Pseudo-elements (First Line, F. JS Conditions (if, if-else)
First Letter, Before, After ,Selection) G. Conditional operators & logical operators
K. Static Web Page H. Loops (for, while, do-while)
L. Viewport Meta tag I. Switch Case
J. Functions
K. SetTimeout and set Interval Function

06
L. HTML DOM 4. Document Traversal
M. Use the document object to A. Getting a specific DOM element
access and manipulate HTML 5. Event
N. Changing HTML Elements A. Events Helpers
O. Adding and Deleting Elements B. Attach Event
P. Array C. Detaching Events
Q. Objects D. Events Triggering
R. How to access Objects 6. HTML Manipulation
(Dot Notation, bracket Notation) 7. AJAX with jQuery
S. Object Creation (Empty Object, Literal 8.Use and Benefits JSON
Way, Constructor Way) T. Prototype
U. Validations 7. Use and Benefits JSON
V. Events

8. HTML Manipulation
6. jQuery

1. Introduction React Js
A. JQuery Library
Getting Started with React
B. First JQuery Example
A. Intro to ReactJS
C. The Document Ready Function
B.Environment Setup and folder structure JSX
D. How to escape a special character
C. Components
2. Selectors
D. State
A. Basic selectors
E. Props Overview
B. Precise Selectors
F. Props Validation
C. Combination of Selectors
G. Component API
D. Hierarchy Selectors
H. Component Life Cycle
E. Selection Index Filters
I. Forms
F. Visibility Filters
J. Events
G. Forms Selectors
K. Refs
H. Forms Filters
L. Keys
3. Find Dropdown Selected Item

07
 M. Router Understanding Services &
Implementing Dependency Injection
N. Animations
O. Higher-order Components A. Module Introduction

P. What is Virtual DOM B. Why Services are required

Q. A basic setup of Bootstrap for Styling C. Understanding Dependency Hierarchical

D. Injector Injecting a Service into other services
Virtual DOM Introduction
Observables in React
A. Module Introduction
B. Using types Classes Interface A. Module Introduction
C. Generic Wrap up & Modules B. Understanding built-in React Observable
E. Deep dive into Virtual DOMs C. Creating Observables Using a Custom
observable
The Basics of React D. Understanding Observable Operators

A. Module Introduction Forms in React

B. How a React App gets loaded and started
A. Module Introduction
C. Components Creating new Component
B. Need to React's help Template Driven
D. Analysis of the functionality of vs Reactive Approach
App Module & Component Declaration
Making HTTP requests In React
E. Templates Understanding Component Styles
A. Introduction & how HTTP request
F. Understanding Component Selector
B. Works in SPAs Sending POST Request
C. Adjusting request headers Sending
Data binding & DOM concepts
GET requests
A. Creating a basic custom attribute DOM
Templated Driven Approach
B. Exploring Renderer to create a DOM
A. TD: Submitting and Using the form
C. Understanding Host Listener and Host
B. TD: Understanding Form's State
Binding Binding to DOM Properties Building
C. TD: Accessing Form using @ViewChild
D. Structural DOMs Exploring ng Switch
D. TD: Adding Validation to user input

E. TD: Understanding Form State

F.TD: Outputting Validation Error Messages

08
G. TD: Using ngModel and two-way binding
Authentication and Route
Protection in React Apps
H. TD: Grouping Form Controls TD: Using
Form Data A. Module Introduction How Authentication
works in SPAs
B. Introduction to JWT
C. Firebase SDK Signing users up
D. Signing users in Token

Node Js
A. Node.js is a development framework based on Google's V8 JavaScript engine. Node.js
code is written in JavaScript and then compiled into machine code by V8 to be executed.
Nice thing about Node.js is that it is all just Java Script, so you can easily take functionality
from a client- side script and place itin a server-side script. Following are the reason why
Node.js is a great framework to start from:
I. JavaScript end-to-end: One of the biggest advantages to Node.js is that it allows to
writeboth server-side and client-side scripts in JavaScript.
II. Event-driven scalability: Node.js applies a different logic to handling web requests. Rather
than having multiple threads waiting to process web requests, they are processed on the
same thread using a basic event model.
III. Extensibility: Node.js has a great following and an active development community.
IV. Time: Nodejs is super easy to set up and develop in. In only a few minutes, you can install
Node.js and have a working web server.

• Introduction • Streams
• Environment Setup • File System
• First Application • Global Objects
• REPL Terminal • Utility Modules
• Package Manager (NPM) • Web Module
• Call backs Concept • Express Framework
• Event Loop
• Event Emitter
• Buffers

09
 MongoDB
MongoDB is an agile and scalable NOSQL Database. The name Mongo DB comes from
"humongous". It is based on the NoSQL document store model, meaning that data is
stored in the database as a form of JSON objects rather than the traditional columns and
rows of a relational database. Following are some reasons that MongoDB really fits in the
Node.js stack well:

I. High performance: MongoDB is one of the highest performing databases available.

Especially today when more and more people interact with websites, it is important to have
a backend that can support heavy traffic.

II. High Availability: MongoDB’s replication model makes it easy to maintain scalability
while keeping high performance.

III. High Scalability: MongoDB's structure makes it easy to scale horizontally by sharing
the data across multiple servers.

IV. NO SQL Injection: MongoDB is susceptible to SQL injection because objects are stored
as objects, not using SQL strings.

• Overview • Data Types

• Advantages • Insert Document
• Environment • Query Document
• Data Modeling • Update Document
• Create Database • Delete Document
• Drop Database
• Create Collection
• Drop Collection

Express JS

The Express Module acts as the webserver in the Node.js-to-Angular stack. The fact that it is
running in Node.js makes it easy to configure, implement, and control. The Express module
is an extension of Node.js for handling several web requests. This allows you to implement a
running web server in Node.js with only a few lines of code. Features of Express are:

10
I. Route management: Express makes it easy to define routes that tie directly to Node.js
script functionality on the server.

II. Error Handling: Express provides built-in error handling for documents not found and
other errors.
III. Easy integration: An Express server can easily be implemented behind an existing reverse
proxy system such as Nginx or Varnish. This allows it to be easily integrated into your existing
secured system.

IV. Cookies: Express provides easy cookie management.

V. Session and cache management: Express also enables session management and
cache management.

• Overview • Templating

• Environment • Static Files

• Hello World • Form Data

• Routing • Database

• HTTP Methods • Project:

• URL Building • CRUD operation with MEAN

• Middleware from scratch.

11
Your Success Is Our Priority:
Every student at SevenMentor gets personalized guidance,
Mentorship, and ample opportunities to address individual
questions and concerns. All our sessions are designed to be
engaging, interactive, and tailored to your learning pace,
ensuring you grasp each concept with clarity.

Sarika kore Pawar

Karishma Sonal Vanarse
Web Full Stack & Web Development Trainer ( Web Full Stack Trainer)
(SevenMentor & Training Pvt. Ltd.)

Karishma holds a PhD in Computer Engineering,

Professional Software developer trainer with over 9 years of
She
specializing
have total in
15 cutting-edge
years of experience.
fields including
she is currently
Artificial
industry experience in Full stack technologies (MERN, MEAN,
working
Intelligence
as a Technical
and MachineTrainer.
Learning.
she didInMCA
addition
and she
to more
UI/UX). Have strong Jeal of staying up to date with the latest
havetrained
than 8 yearsmore
of experience
than 3000 instudents
Data Science,
for various
remarkable
technology trends across the industries. Her unique teaching
courses.
publications
she have
in peer-reviewed
also worked injournals
Net Protector
and conferences
Anti
pedagogy helps the student to learn the best practices being
Virus
are Company
to her credit.
for 2She
years.
has previously worked with Avaya
and Infosys, and demonstrated a commitment to followed in software industries. Trained more than 3000

advancing the frontiers of knowledge. students and contributed into their career success.

Dharmaraj Pawale
Sr. Technical Trainer
(SevenMentor & Training Pvt. Ltd.)

Dharmaraj has expertise in retail as well as corporatetraining in Java Full Stack,

MEAN Stack, MERN Stack, Hadoop-Big Data, Spark. Hehas extensive 19+ years
experience in both Software Training and Development.He has trained more
than 10000+ students and corporate professionals in India aswell as overseas.
He is also Salesforce Certified Administrator. His area ofexpertise lies in both
Frontend as well as Backend Technologies. Frontend technologiesinclude
HTML5, CSS3, Bootstrap, JavaScript, React & Redux, Angular andBackend
Technologies include Java, Servlet & JSP, RESTful Web Service, HibernateJPA,
Spring, Spring Boot, MicroService, Node JS, Express JS, RDBMS Databasessuch
as MySQL, Oracle SQL, PL/SQL, NoSQL Databases such as MongoDB

12
THINGS THAT SET US APART FROM THE REST:
SevenMentor prepares you well so that you can embark on a rewarding
career in Web Full Stack through our training.

Hands-On Projects: Gain practical Career Support: We're dedicated to

experience by working on real- your success! Benefit from career
world projects, building a robust guidance, resume building,
portfolio that will impress potential interview prep, and job placement
employers.

Flexibility: Our flexible schedule Community: Join a vibrant

options allow you to learn at your community of like-minded learners,
own pace, making it perfect for where you can collaborate, share
both beginners and experienced ideas, and network with peers.
developers looking to upskill.

Our Students are at reputed Tech Companies

13
Success is around the corner!
Consider the potential earnings and opportunities that a career in Web Full Stack can
offer. With Web Full Stack you'll be well-positioned to secure a job that provides you
with a stable and potentially prosperous future.

Learners’ Industry 50%

Background Product

Others 20%

30%

Services

Learners’ Work
Experience

2-3 Years 0-1 Years 1-2 Years 5+ Years

14
 Non-IT and Others
Learners’ Tech
Expertise Web Full Stack

Professionals

20% 25% 25% 30%

Begin Your Journey

Towards Better Future:
The global Web Full Stack vacancies will grow by 55% and generate
4 million new jobs by 2030.

The global vacancies for Web Full Stack will grow by 55% and
generate 4 million new jobs by 2030.

15
Affordable Training without
Compromise:
We understand that pursuing your dreams in App and
Web Development shouldn't be a financial burden.
That's why we've made afford ability a cornerstone of
our Web Full Stack. We believe that quality education
should be accessible to everyone, and we've structured
our program to reflect this commitment. Our Web Full
Stack takes you on an exciting journey but at a
substantially low price.

How to become a great Web Full Stack ?

Ÿ Enroll at SevenMentor Institute

Ÿ Get hands-on training from experienced teachers

Ÿ Receive Industry-recognized Web Full Stack

Certification

Ÿ Work for leading MNCs through our on-campus

interviews

16
Success is Just a Call Away!
So if you are ready to code your way to success?
Enroll now at SevenMentor and unlock your potential
as a Web Full Stack Developer. Our counsellors are a
call away and they will be more than happy to talk
with you. Anyday, Everyday, we are there for you!

Request For Call Back

020 7117 3035