Pakistan's No.

1
IT Training Institute

We Are Offering a Complete Course Of

FULL STACK WEB DEVELOPMENT

06 Month

No:01 Office, 3rd Floor,

0304 - 111 4840 www.ideoversity.com
Arfa Technology Park Lahore
ABOUT US 100+
IT COURSE

80+
INSTRUCTORS

80,000+
STUDENTS CONNECTED

Development Marketing

135+
Networking & PARTNERS
Cyber Security Art & Design

Multimedia Busniess & Accounts

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 SALIENT FEATURES
OF COMPLETION I I
P RO U D LY P R ES E N T E D TO

Abdullah Akhtar

H A S S U C C ES S F U L LY CO M P L E T E D T H E CO U RS E

Search Engine Optimization

16 Jan, 2023

DAT E S I G N AT U R E

V E R I F I C AT I O N I D : 5 6 7 9 8 6

Ideoversity Certificate Follow-Up Sessions Practical learning

Learning Management System Internships/Jobs Expert Mentorship

Opportunities

Lifetime Support Career Counseling

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 support hundreds of thousands of
WHY THIS COURSE users
:: React is a JavaScript library for
The advantage of being a
building user Interfaces
full-stack web developer is: You
:: Learn to Build real projects that
can master all the techniques
demonstrate your skills mastery
involved in a development project.
:: Learn Database Design and
A full-stack web developer is a
Modeling in MySQL Server
person who can develop both
(Beginner to Advanced)
client and server software. In addi-
tion to mastering HTML and CSS,
he/she also knows how to: Pro- REQUIREMENTS
gram a browser (like using JavaS- :: This course is highly
cript, jQuery, Angular, or Vue) Pro- recommended for you if you've
gram a server (like using PHP, never written a line of code
ASP, Python, or Node) :: Passion for learning web
development
WHAT WILL YOU :: Basic Knowledge of Programming
LEARN? will help but is not necessary as
this course will start from the
:: Learn Web Development from basics
Scratch - Frontend & Backend
(Beginner to Advanced)
:: Learn Document Object Model
COURSE OBJECTIVES
(DOM) in JavaScript - Advanced By the end of program participants
:: Learn the Fundamental of PHP will be become industry ready engi-
and MySQL neer who can be readily deployed in
:: Learn and Apply Media Queries a project.
and The Responsive Web
Design -To Build Mobile Web sites
:: Learn MVC Programming
:: Learn to create complex server-side
web applications
:: Learn to build applications that can
support any front end, and scale to

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840

PLATFORM
:: Linux (Fedora / Mandriva
/Ubuntu) or MAC or Windows
Host system
:: Firefox, Chrome Browsers
WHO IS THE
TARGET AUDIENCE
:: A student who wants to
become the Full Stack Web
Developers will find this course
very beneficial
:: Backend developers who
want to learn front end
programming concepts
:: Best for Startup founders who
have never written a line of
code
:: Best for Digital Managers who
have never written a line of
code
:: Front end Developers who want
to learn backend programming
:: Suitable for beginner
programmers and ideal for users
who learn faster when shown
:: Recommended for people with no
programming or app developer
experience
No:01 Office, 3rd Floor,
Arfa Technology Park Lahore
COURSE OVERVIEW
:: Front end Developers who want
to learn backend programming
:: Suitable for beginner
programmers and ideal for users
who learn faster when shown
:: Recommended for people with no
programming or app developer
experience
:: Entrepreneurs who want to learn
web development and save money
on outsourcing
:: Technical recruitment consultants
to understand how the code works
:: This course delivers a thorough
& foundational introduction to
programming and usage of
the main building blocks of
PHP to create applications and
further goes on to create web
applications in conjunction
with web technologies such as
HTML, CSS, JavaScript, and
Jquery for example. Topics
include all major data and
control structures, usage pat-
terns, control flow, and 00P.
It also extends onto building
more complex applications
using software development
techniques & showcasing
0304 - 111 4840

:: The course will cover everything
from thinking like a programmer,
to practical usage of common
software development tools and
resources, to key concepts such
as data & con-trol structures,
usage patterns, control flow, and
object orientated programming,
as well as leading on to basic web
development, utilizing styling,
scripting, and backend imple
mentation.
COURSE FLOW
Full Stack Web developer course
starts with introducing partici-
pants with front-end tech-nolo-
gies (ex: FITM5) and makes them
develop responsive one page web
application. Fol-lowed by that it
deep dives into MEAN stack com-
ponents and brings hands-on
perspec-tive to building scalable
web applications by leveraging
"JavaScript everywhere" phen-
om-enon. Throughout the course
foundation paradigms are
stressed to ensure participants
clearly understand software engi-
neering fundamentals and apply
them. The course fur-ther covers
No:01 Office, 3rd Floor,
Arfa Technology Park Lahore
various data-exchange mecha-
nisms (ex: HTTP) to get complete
perspective of Full Stack.
MODULE TOPIC
:: Front-end (HTML5 I CSS3 I
Bootstrap I JavaScript I jQuery I
jQuery mobile)
:: Php & Mysql
:: Data Exchange (HTTP)
:: Foundation paradigms (OOPS I
Design Patterns I Object Modelling
JSON I AJAX).
:: React is MEAN Stack (MongoDB I
Express Framework I Angular 7 I
Node.js)
FRONT-END COURSE
MODULE:
Hyper Text Markup Language
(HTML5)
Module Objectives:
:: Building Strong expertise to
develop front end application
using HTML5
:: Implement MVC and responsive
design to scale well across PC,
tablet and Mobile Phone
0304 - 111 4840
 :: Introduction HTML
:: HTML Basics
:: HTML Elements
OVERVIEW: :: HTML5 Semantic
:: HTML Attributes
This course provides you :: HTML Headings
hands-on experience and expo- :: HTML Paragraph
sure to developing HTML5 based :: HTML Styles
single page application for brows- :: HTML Formatting
ers. This course builds strong foun- :: HTML Quotations
dation on HTML5 which will help :: HTML Computer Code
developer to use HTML5 concepts :: HTML Comments & Colours
for building responsive web appli- :: HTML CSS, Links and Images
cation. :: HTML Lists
:: HTML Blocks
:: HTML Classes
PLATFORM: :: HTML Layout
:: HTML Responsive
:: Linux (Fedora / Mandriva / :: HTML iframes
Ubuntu) or Windows Host :: HTML JavaScript
system :: HTML Head
:: Firefox, Chrome
:: Implement MVC and responsive FRONT-END COURSE
design to scale well across PC,
tablet and Mobile Phone MODULE:
cascading style sheet (CSS)
FRONT-END Module Objectives:
COURSE MODULE: :: Building Strong expertise to
develop front end application
Hyper Text Markup Language using CSS3
(HTML5)

Detailed Course Contents:

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 :: CSS3 Shadows
:: CSS3 Text
:: CSS3 Fonts
Overview: :: CSS3 2D Transforms
:: CSS3 3D Transforms
:: This course provides you hands-
on experience and exposure to
developing CSS3 based web FRONT-END COURSE
applications.
:: This course builds a strong MODULE:
foundation on CS33 which will
Cascading style sheet (CSS)
help the developer to use CSS3
concepts for building a
responsive web application Introduction CSS3
:: CSS Max-width
PLATFORM: :: CSS Position
:: CSS Float
:: Linux (Fedora / Mandriva / :: CSS Inline-block
Ubuntu) or Windows Host :: CSS Align
system :: CSS Combinators
:: Firefox, Chrome :: CSS Pseudo-class
:: CSS Pseudo-element
FRONT-END :: CSS Navigation Bar
:: CSS Dropdowns
COURSE MODULE: :: CSS Tooltips
:: CSS3 Images
Cascading style sheet (CSS) :: CSS Attr Selectors
:: CSS Forms
Introduction CSS3 :: CSS Counters
:: CSS3 Animations
:: CSS3 Syntax :: CSS3 Buttons
:: CSS3 How To :: CSS3 Pagination
:: CSS3 Colours :: CSS3 Multiple Columns
:: CSS3 Backgrounds
:: CSS3 Boarders
:: CSS Padding

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 Platform:
:: Linux (Fedora / Mandriva /
FRONT-END Ubuntu) or Windows
:: Firefox, Chrome
COURSE MODULE: Detailed Course Contents:
Cascading style sheet (CSS)
:: Introduction to Bootstrap
:: Bootstrap Basics
Introduction CSS3 :: Bootstrap Grids
:: Bootstrap Themes
:: CSS3 User Interface
:: Bootstrap CSS
:: CSS3 Box Sizing
:: Bootstrap JS
:: CSS3 Filters

FRONT-END FRONT-END COURSE

COURSE MODULE: MODULE:
Javascript
Bootstrap

Module Objectives: Module Objectives:

:: To become proficient in
Bootstrap concepts
:: To develop a web page based on
Bootstrap
Overview:
This course is targeted at fresh
engineers or professionals who
want to build competency in Boot-
strap Based web development.
:: Building Strong expertise to
develop front end application
using HTML5, CSS3 and
JavaScript along with jQuery
and AngularJS framework
:: Implement MVC and responsive
design to scale well across PC,
tablet and Mobile Phone

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 :: JavaScript Numbers
:: JavaScript Math
Overview: :: JavaScript Arrays
:: JavaScript Boolean
This course provides you :: JavaScript Comparisons
hands-on experience and expo- :: JavaScript Conditions
sure to develop JavaScript based :: JavaScript Switch
web application. This course :: JavaScript Loops
builds strong foundation of JavaS- :: JavaScript Loops
cript which will help developer to :: JavaScript Loops
apply JavaScript concepts for :: JavaScript Type Conversion
responsive web frontend and : JavaScript RegExp
backend development. :: JavaScript Errors
:: JavaScript Debugging
Platform: :: JavaScript Hoisting
:: JavaScript Strict Mode
:: Linux (Fedora / Mandriva / :: JavaScript Functions
Ubuntu) or Windows Host :: JavaScript Objects
system :: JavaScript Forms
:: Firefox, Chrome :: JavaScript HTML DOM

FRONT-END COURSE
FRONT-END
MODULE:
COURSE MODULE:
Module Objectives:
Javascript :: Building Strong expertise to
develop front end application
Introduction to JavaScript using HTML5, CSS3 and
JavaScript along with jQuery
:: Java Script Language Basics
and AngularJS framework
:: JavaScript Objects
:: JavaScript Scope
:: JavaScript Events
:: JavaScript Strings

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 :: jQuery HTML
:: jQuery Traversing
:: Implement MVC and responsive :: jQuery AJAX & Misc
design to scale well across PC,
tablet and Mobile Phone
FOUNDATION
Overview: PARADIGM
This course provides you
Detailed Course Contents:
hands-on experience and expo-
sure to develop jQuery Mobile
:: OOPs
based responsive web applica-
:: Design Patterns
tion. It builds strong foundation
:: Object-Oriented Design
of jQuery which will help develop-
:: JSON
er to apply concepts for respon-
:: DOM
sive web frontend development.
:: AJAX

Platform: PHP & MYSQL

:: Linux (Fedora / Mandriva /
Ubuntu) or Windows Host Part 1: PHP Crash Course
system
:: Using PHP
:: Firefox, Chrome
:: Embedding PHP in HTML
:: Adding Dynamic Content
FRONT-END :: Accessing Form Variables
COURSE MODULE: Part 2 : Storing and
Introduction to jQuery retrieving data
:: jQuery Syntax :: Opening a file
:: jQuery Selectors :: Writing a File
:: jQuery Events
:: jQuery Effects

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 Object - Oriented Concepts & Creat-
ing Classes, Attributes, Operations
in PHP Implementing Inheritance
:: Closing a File in PHP & signing Classes
:: Reading from a File
Part 7: MVC with Laravel
Part 3 : Using Arrays
:: Laravel Installation
:: Numerically Indexed Array :: Working with Forms
:: Associative Arrays :: Working with Controller
:: Sorting Arrays :: Laravel Blade Template with
:: Recording Arrays Bootstrap
:: Responses with Html
:: Laravel Migration
Part 4: String Manipulation :: Laravel Requests, Models
and Regular Expressions :: Laravel Eloquent ORM
:: Build a Complete App in Laravel
:: Formatting Strings
:: Joining and Splitting Strings Part 8: Designing your
with String Functions
:: Comparing Strings
web database
:: Matching and Replacing
Substrings with String Functions :: Relational Database Concepts
:: How to Design Your Database &
Part 5: Reusing Code and Web Database Architecture
Writing Functions Part 9: Creating your web
:: Using require() and include() database
:: Using Functions
:: Creating Databases and Users
:: Parameters
:: System Setting Up a User for
:: Recursion
the Web
Part 6: Object
Oriented PHP

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840

Part 10: Working with your
MySQL database
Inserting, Retrieving and Updat-
ing Data in to the Database Alter-
ing Tables after Creation
also render on the server using
Node, and it can power native
apps using React Native. React
implements one-way reactive
data flow, which reduc-es the boil-
erplate and is easier to reason
about than traditional data bind-
ing.

REACTJS 1. Introduction to ReactJS

Building Web Appusing Reactjs and Basic Concepts

Module Objectives: :: Setup

:: Your First React App
:: ReactJS basically is an open- :: Custom Configs
source JavaScript library which :: Var, let, const & Objects
is used for building user :: This keyword & Binding this
interfaces :: Arrow function and this
:: It's used for handling view layer :: Object Destructing
for web and mobile apps. :: Spread Operator

Overview: 2. Introduction to JSX

ReactJS is JavaScript library used 3. OOP (Object Oriented
for building reusable Ul compo- Programming)
nents. According to React official
documentation, following is the :: Classes & Objects
definition. It encourages the cre- :: Inheritance & Modules
ation of reusable Ul components, :: Named and Default Exports
which present data that changes
over time. React abstracts away 4. Components
the DOM from you, offering a sim-
pler programming model and
better performance. React can

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840

:: Your First React Component
:: Embedding Expressions &
Setting Attributes
:: Rendering Classes Dynamically
:: Conditional Rendering
:: Handling and Binding Events
:: Build an App (Exercise)
5. Composing Components
:: Passing Data to Components
:: Props vs State
:: Life Cycle Hooks
6. Forms
:: Controlled vs Uncontrolled
Components
:: Does React control your form
filed?
:: Getting Data Out of Form
:: When does React find out about
changes to your form field
:: Form Field Types
:: Controlling the text fields
:: Working with Form data in Test
8. Calling Backend Services
9. Authentication and
Authorization
10. Testing your React App
MEAN STACK
COURSE MODULE
Mongo DB
Module Objectives:
Building strong expertise in Docu-
ment Oriented Non-Relational Data-
base Management System Imple-
ment frontend and backend scenari-
os to read, write and update data
stored in MongoDB
Overview:
This course provides you hands-on
experience and exposure to imple-
ment frontend and back end scenari-
os to read,

7. Routing
:: Typing Components to URL
:: React Router
:: Passing Parameters via URL's
:: Other Router

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
Platform:
:: Linux (Fedora / Mandriva /
Ubuntu) or Windows Host
system • Firefox, Chrome
Detailed Course Contents:
:: Introduction to MongoDB &
MongoDB Environment
MongoDB Create Database
Course Detailed:
:: Introduction to MongoDB
& MongoDB Environment
:: MongoDB Create Database
MEAN STACK
COURSE MODULE
Angular 7
Module Objectives:
:: Building Strong expertise to
develop front end application
using Angular 7
:: Implement MVC and responsive
design to scale well across PC,
Tablet and Mobile Phone
Overview:
No:01 Office, 3rd Floor,
Arfa Technology Park Lahore
This course provides you a strong
foundation on Angular7 driven by
hands-on experience and exposure
to develop responsive web applica-
tions using MVC design patterns.
During the course, you should be
able to build a strong background
in Angular7 architecture, usage of
services, and applying the Angular7
concept to develop a frontend appli-
cation.
Platform:
:: Linux (Fedora / Mandriva /
Ubuntu) or Windows Host
system
:: Firefox, Chrome
Detailed Course Contents:
:: Introduction to Angular7
:: Angular7 Expressions &
Angular7 Modules
:: Angular7 Controllers
:: Angula7 HTTP
:: Angular7 Data Binding & AngularJS
Scopes
:: Angular7 Directives & Events
:: Angular7 Filters & AngularJS
Services
Detailed Course Contents:
0304 - 111 4840
 Detailed Course Contents:
:: Angular7 Tables & Angular7
Select :: Introduction to Angular 07
:: Angular7 Validation & :: Angular 07 Expressions
Angular7API :: Angular 07 Modules
:: Fetching Data from MySQL :: Angular 07 Data Binding & Angular
:: Angular7 Animations & Angular7 07 Scopes
il8n and i1 0n :: Angular 07 Directives & Events
:: Angular 07 Controllers
:: Angular 07 Filters & Angular 07
MEAN STACK Services
:: Angular 07 HTTP
COURSE MODULE :: Angular 07 Tables & Angular 07
Select
Angular JS
:: Fetching Data from MySQL
Overview: :: Angular 07 Validation & Angular
07 API
This course provides you a strong :: Angular 07 Animations & Angular
foundation on AngularJS driven 07 i18n and ii On
by hands-on experience and expo-
sure to develop responsive web MEAN STACK
applications using MVC design
patterns. During the course, you
COURSE MODULE
should be able to build a strong Node.js
background in AngularJS archi-
tecture, usage of services, and Module Objectives:
applying AngularJS concepts to :: Building Strong expertise on
develop frontend applications. Node.js core to develop web
application
Platform: :: Implement web
application & deployment
:: Linux (Fedora / Mandriva /
Ubuntu) or Windows Host
system
:: Firefox, Chrome

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
Overview:
This course provides you strong
foundation on Node.js driven by
hands-on experience and expo-
sure to develop NodeJS based
application and deployment.
During the course you should be
able to builds strong background
about Node.js architecture, usage
of services and applying Nodejs
concept to develop frontend
application supported by back-
end web servers.

Platform:
:: Linux (Fedora / Mandriva /
Ubuntu) or Windows Host
system
:: Firefox, Chrome

Detailed Course Contents:

:: Getting Started & Node Core
:: Debugger,Automation and
Deployment
:: Node Modules & File System

Detailed Course Content:

:: Getting Started & Node Core
:: Debugger,Automation and
Deployment

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 BE A PART OF BIGGEST
IT TRAINING INSTITUTE

Contact Us
80,000+ Alumni :: 100+ Courses :: 85+ MOU Signed
100+ Professional Instructors :: Online Trainings, LMS
JOB & Internship Oppertunity

Head Office: No: 01 Office, 3rd Floor, Arfa Technology Park Lahore.
Faisal Town Branch: Maulana Shaukat Ali Rd Plot 941 Block C
Faisal Town, Lahore.

#JoinIdeoversity
0304-111 4840
www.ideoversity.com