Pakistan's No.

1
IT Training Institute

We Are Offering a Complete Course Of

FULL STACK WEB DEVELOPMENT

06 Months

No:01 Office, 3rd Floor,

0304 - 111 4840 [Link]
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

DATE SIGNATURE

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 full-stack
building user Interfaces
web developer is: You can master
:: Learn to Build real projects that
all the techniques involved in a
demonstrate your skills mastery
development project. A full-stack
:: Learn Database Design and
web developer is a person who can
Modeling in MySQL Server
develop both client and server soft-
(Beginner to Advanced)
ware. In addition to mastering
HTML and CSS, he/she also knows
how to: Program a browser (like REQUIREMENTS
using JavaScript, jQuery, Angular, :: This course is highly
or Vue) Program a server (like using recommended for you if you've
PHP, ASP, Python, or Node) never written a line of code
:: Passion for learning web
WHAT WILL YOU development
:: 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
 COURSE OVERVIEW
PLATFORM :: Front end Developers who want
to learn backend programming
:: Suitable for beginner
:: Linux (Fedora / Mandriva
programmers and ideal for users
/Ubuntu) or MAC or Windows
who learn faster when shown
Host system
:: Recommended for people with no
:: Firefox, Chrome Browsers
programming or app developer
experience
WHO IS THE :: Entrepreneurs who want to learn

TARGET AUDIENCE web development and save money

on outsourcing
:: Technical recruitment consultants
:: A student who wants to to understand how the code works
become the Full Stack Web :: This course delivers a thorough
Developers will find this course & foundational introduction to
very beneficial programming and usage of
:: Backend developers who the main building blocks of
want to learn front end PHP to create applications and
programming concepts further goes on to create web
:: Best for Startup founders who applications in conjunction
have never written a line of with web technologies such as
code HTML, CSS, JavaScript, and
:: Best for Digital Managers who Jquery for example. Topics
have never written a line of include all major data and
code control structures, usage pat-
:: Front end Developers who want terns, control flow, and 00P.
to learn backend programming It also extends onto building
:: Suitable for beginner more complex applications
programmers and ideal for users using software development
who learn faster when shown techniques & showcasing
:: Recommended for people with no
programming or app developer
experience

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 various data-exchange mecha-
nisms (ex: HTTP) to get complete
:: The course will cover everything perspective of Full Stack.
from thinking like a programmer,
to practical usage of common MODULE TOPIC
software development tools and
resources, to key concepts such :: Front-end (HTML5 I CSS3 I
as data & con-trol structures, Bootstrap I JavaScript I jQuery I
usage patterns, control flow, and jQuery mobile)
object orientated programming, :: Php & Mysql
as well as leading on to basic web :: Data Exchange (HTTP)
development, utilizing styling, :: Foundation paradigms (OOPS I
scripting, and backend imple Design Patterns I Object Modelling
mentation. JSON I AJAX).
:: React is MEAN Stack (MongoDB I
COURSE FLOW Express Framework I Angular 7 I
[Link])
Full Stack Web developer course
starts with introducing partici- FRONT-END COURSE
pants with front-end tech-nologies
(ex: FITM5) and makes them devel-
MODULE:
op responsive one page web appli- Hyper Text Markup Language
cation. Fol-lowed by that it deep (HTML5)
dives into MEAN stack compo-
nents and brings hands-on per- Module Objectives:
spec-tive to building scalable web
applications by leveraging "JavaS- :: Building Strong expertise to
cript everywhere" phenom-enon. develop front end application
Throughout the course foundation using HTML5
paradigms are stressed to ensure :: Implement MVC and responsive
participants clearly understand design to scale well across PC,
software engineering fundamen- tablet and Mobile Phone
tals and apply them. The course
fur-ther covers various data-ex-

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
0304 - 111 4840
 :: Introduction HTML
:: HTML Basics
:: HTML Elements
OVERVIEW: :: HTML5 Semantic
:: HTML Attributes
This course provides you hands-on :: HTML Headings
experience and exposure to devel- :: HTML Paragraph
oping HTML5 based single page :: HTML Styles
application for browsers. This :: HTML Formatting
course builds strong foundation on :: HTML Quotations
HTML5 which will help developer :: HTML Computer Code
to use HTML5 concepts for build- :: HTML Comments & Colours
ing responsive web application. :: HTML CSS, Links and Images
:: 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 :: Building Strong expertise to
Bootstrap concepts develop front end application
:: To develop a web page based on using HTML5, CSS3 and
Bootstrap JavaScript along with jQuery
and AngularJS framework
Overview: :: Implement MVC and responsive
design to scale well across PC,
This course is targeted at fresh tablet and Mobile Phone
engineers or professionals who
want to build competency in Boot-
strap Based web development.

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 hands-on :: JavaScript Comparisons
experience and exposure to devel- :: JavaScript Conditions
op JavaScript based web applica- :: JavaScript Switch
tion. This course builds strong :: JavaScript Loops
foundation of JavaScript which :: JavaScript Loops
will help developer to apply JavaS- :: JavaScript Loops
cript concepts for responsive web :: JavaScript Type Conversion
frontend and backend develop- : JavaScript RegExp
ment. :: 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 of
:: Object-Oriented Design
jQuery which will help developer
:: JSON
to apply concepts for responsive
:: DOM
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 in
:: Closing a File 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
 also render on the server using
Part 10: Working with your Node, and it can power native
apps using React Native. React
MySQL database implements one-way reactive
data flow, which reduc-es the boil-
Inserting, Retrieving and Updating erplate and is easier to reason
Data in to the Database Altering about than traditional data bind-
Tables after Creation 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
 8. Calling Backend Services
:: Your First React Component
:: Embedding Expressions &
9. Authentication and
Setting Attributes Authorization
:: Rendering Classes Dynamically
:: Conditional Rendering 10. Testing your React App
:: Handling and Binding Events
:: Build an App (Exercise)
MEAN STACK
5. Composing Components COURSE MODULE
:: Passing Data to Components Mongo DB
:: Props vs State
:: Life Cycle Hooks
Module Objectives:
6. Forms Building strong expertise in Docu-
ment Oriented Non-Relational Data-
:: Controlled vs Uncontrolled base Management System Imple-
Components ment frontend and backend scenari-
:: Does React control your form os to read, write and update data
filed? stored in MongoDB
:: Getting Data Out of Form
:: When does React find out about Overview:
changes to your form field
This course provides you hands-on
:: Form Field Types
experience and exposure to imple-
:: Controlling the text fields
ment frontend and back end scenari-
:: Working with Form data in Test
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: This course provides you a strong
foundation on Angular7 driven by
hands-on experience and exposure
:: Linux (Fedora / Mandriva / to develop responsive web applica-
Ubuntu) or Windows Host tions using MVC design patterns.
system • Firefox, Chrome During the course, you should be
Detailed Course Contents: able to build a strong background in
:: Introduction to MongoDB & Angular7 architecture, usage of
MongoDB Environment services, and applying the Angular7
MongoDB Create Database concept to develop a frontend appli-
cation.
Course Detailed:
Platform:
:: Introduction to MongoDB
:: Linux (Fedora / Mandriva /
& MongoDB Environment
Ubuntu) or Windows Host
:: MongoDB Create Database
system
:: Firefox, Chrome
MEAN STACK
Detailed Course Contents:
COURSE MODULE :: Introduction to Angular7
:: Angular7 Expressions &
Angular 7 Angular7 Modules
:: Angular7 Controllers
Module Objectives: :: Angula7 HTTP
:: Angular7 Data Binding & AngularJS
:: Building Strong expertise to Scopes
develop front end application :: Angular7 Directives & Events
using Angular 7 :: Angular7 Filters & AngularJS
:: Implement MVC and responsive Services
design to scale well across PC,
Tablet and Mobile Phone Detailed Course Contents:
Overview:

No:01 Office, 3rd Floor,

Arfa Technology Park Lahore
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
COURSE MODULE ::
::
Angular 07 HTTP
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 [Link]
background in AngularJS architec-
ture, usage of services, and apply- Module Objectives:
ing AngularJS concepts to devel- :: Building Strong expertise on
op frontend applications. [Link] 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 [Link] 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 [Link] architecture, usage
of services and applying Nodejs
concept to develop frontend appli-
cation supported by backend 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
[Link]