We Are Offering a Complete Course Of

FULL STACK WEB DEVELOPMENT

06 Months

3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
About Us
IDEOCOLLEGE Is The First Choice of
Students Who Want to Excel Themself
In Th e Field of Internet Marketing.
Ideocollege Consists of Top Level
Trainers Who are Adept In The
Fields Of Internet Marketing. We Are
The Pi-oneer Institute That Started
Comprehensive Training for The
Benefit of Students. Since our
Launch, Hundreds of Students Are
Trained Who Secured Good Jobs In
The Expanding It Industry as we All
Know. Contact us And Secure Your
Seat For Upcoming Training,
Events, and Seminars

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

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
 COURSE OVERVIEW
PLATFORM :: Front end Developers who want
to learn backend programming
:: Linux (Fedora / Mandriva :: Suitable for beginner
/Ubuntu) or MAC or Windows programmers and ideal for users
Host system who learn faster when shown
:: Firefox, Chrome Browsers :: Recommended for people with no
programming or app developer
WHO IS THE experience
TARGET AUDIENCE :: Entrepreneurs who want to learn
web development and save money
:: A student who wants to on outsourcing
become the Full Stack Web :: Technical recruitment consultants
Developers will find this course to understand how the code works
very beneficial :: This course delivers a thorough
:: Backend developers who & foundational introduction to
want to learn front end programming and usage of
programming concepts the main building blocks of
:: Best for Startup founders who PHP to create applications and
have never written a line of further goes on to create web
code applications in conjunction
:: Best for Digital Managers who with web technologies such as
have never written a line of HTML, CSS, JavaScript, and
code Jquery for example. Topics
:: Front end Developers who want include all major data and
to learn backend programming control structures, usage pat-
:: Suitable for beginner terns, control flow, and 00P.
programmers and ideal for users It also extends onto building
who learn faster when shown more complex applications
:: Recommended for people with no using software development
programming or app developer techniques & showcasing.
experience.

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
:: The course will cover everything various data-exchange mechanisms
from thinking like a programmer, (ex: HTTP) to get complete
to practical usage of common perspective of Full Stack.
software development tools and
resources, to key concepts such
as data & con-trol structures,
MODULE TOPIC
usage patterns, control flow, and :: Front-end (HTML5 I CSS3 I
object orientated programming, Bootstrap I JavaScript I jQuery I
as well as leading on to basic web jQuery mobile)
development, utilizing styling, :: Php & Mysql
scripting, and backend imple :: Data Exchange (HTTP)
mentation. :: Foundation paradigms (OOPS I
Design Patterns I Object Modelling
COURSE FLOW JSON I AJAX).
:: React is MEAN Stack (MongoDB I
Full Stack Web developer course Express Framework I Angular 7 I
starts with introducing participants Node.js)
with front-end tech-nologies
(ex: FITM5) and makes them develop FRONT-END COURSE
responsive one page web application.
Fol-lowed by that it deep dives
MODULE:
into MEAN stack components and Hyper Text Markup Language
brings hands-on perspec-tive to (HTML5).
building scalable web
applications by leveraging Module Objectives:
"JavaScript everywhere" phenom-enon.
:: Building Strong expertise to
Throughout the course foundation
develop front end application
paradigms are stressed to ensure
using HTML5
participants clearly understand
:: Implement MVC and responsive
software engineering fundamentals
design to scale well across PC,
and apply them. The course
tablet and Mobile Phone
fur-ther covers various data-ex

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
 :: Introduction HTML
OVERVIEW: :: HTML Basics
:: HTML Elements
This course provides you hands-on :: HTML5 Semantic
experience and exposure to developing :: HTML Attributes
HTML5 based single page :: HTML Headings
application for browsers. This :: HTML Paragraph
course builds strong foundation on :: HTML Styles
HTML5 which will help developer :: HTML Formatting
to use HTML5 concepts for building :: HTML Quotations
responsive web application. :: HTML Computer Code
:: HTML Comments & Colours
:: HTML CSS, Links and Images
PLATFORM: :: HTML Lists
:: HTML Blocks
:: Linux (Fedora / Mandriva / :: HTML Classes
Ubuntu) or Windows Host :: HTML Layout
system :: HTML Responsive
:: Firefox, Chrome :: HTML iframes
:: Implement MVC and responsive :: HTML JavaScript
design to scale well across PC, :: HTML Head
tablet and Mobile Phone
FRONT-END COURSE
FRONT-END MODULE:
COURSE MODULE: cascading style sheet (CSS)

Hyper Text Markup Language Module Objectives:

(HTML5) :: Building Strong expertise to
develop front end application
using CSS3.
Detailed Course Contents:

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

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
 Platform:
FRONT-END :: Linux (Fedora / Mandriva /
COURSE MODULE: Ubuntu) or Windows
:: Firefox, Chrome
Cascading style sheet (CSS)
Detailed Course Contents:
Introduction CSS3
: Introduction to Bootstrap
:: CSS3 User Interface :: Bootstrap Basics
:: CSS3 Box Sizing :: Bootstrap Grids
:: CSS3 Filters :: Bootstrap Themes
:: Bootstrap CSS
FRONT-END :: Bootstrap JS

COURSE MODULE FRONT-END COURSE

Bootstrap MODULE:
Javascript
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
This course is targeted at fresh design to scale well across PC,
engineers or professionals who tablet and Mobile Phone
want to build competency in Bootstrap
Based web development.

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
Overview: :: JavaScript Numbers
:: JavaScript Math
This course provides you hands-on :: JavaScript Arrays
experience and exposure to develop :: JavaScript Boolean
JavaScript based :: JavaScript Comparisons
web application. This course builds strong :: JavaScript Conditions
foundation of JavaScript which :: JavaScript Switch
will help developer to apply JavaScript :: JavaScript Loops
concepts for responsive web :: JavaScript Loops
frontend and backend development. :: JavaScript Loops
:: JavaScript Type Conversion
Platform: : JavaScript RegExp
:: JavaScript Errors
:: Linux (Fedora / Mandriva / :: JavaScript Debugging
Ubuntu) or Windows Host :: JavaScript Hoisting
system :: JavaScript Strict Mode
:: Firefox, Chrome :: JavaScript Functions
:: JavaScript Objects
FRONT-END :: JavaScript Forms
:: JavaScript HTML DOM
COURSE MODULE:
FRONT-END COURSE
Javascript
MODULE:
Introduction to JavaScript Module Objectives:
:: Java Script Language Basics :: Building Strong expertise to
:: JavaScript Objects develop front end application
:: JavaScript Scope using HTML5, CSS3 and
:: JavaScript Events JavaScript along with jQuery
:: JavaScript Strings and AngularJS framework.

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
:: Implement MVC and responsive :: jQuery HTML
design to scale well across PC, :: jQuery Traversing
tablet and Mobile Phone :: jQuery AJAX & Misc

Overview: FOUNDATION
This course provides you PARADIGM
hands-on experience and
exposure to develop jQuery Mobile
based responsive web application.
Detailed Course Contents:
It builds strong foundation of :: OOPs
jQuery which will help developer :: Design Patterns
to apply concepts for responsive :: Object-Oriented Design
web frontend development. :: JSON
:: DOM
Platform: :: AJAX

:: Linux (Fedora / Mandriva /

Ubuntu) or Windows Host
PHP & MYSQL
system
:: Firefox, Chrome Part 1: PHP Crash Course

FRONT-END :: Using PHP

:: Embedding PHP in HTML
COURSE MODULE: :: Adding Dynamic Content
:: Accessing Form Variables

Part 2 : Storing and

:: jQuery Syntax retrieving data
:: jQuery Selectors
:: jQuery Events :: Opening a file
:: jQuery Effects :: Writing a File

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
 Object - Oriented Concepts &
Creating 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
Part 4: String Manipulation :: Laravel Migration
and Regular Expressions :: Laravel Requests, Models
:: Laravel Eloquent ORM
and Regular Expressions :: Build a Complete App in Laravel
:: Formatting Strings
:: Joining and Splitting Strings Part 8: Designing your
with String Functions web database
:: Comparing Strings :: Relational Database Concepts
:: Matching and Replacing :: How to Design Your Database &
Substrings with String Functions Web Database Architecture
Part 5: Reusing Code and Part 9: Creating your web
Writing Functions database
:: Using require() and include()
:: Using Functions :: Creating Databases and Users
:: Parameters :: System Setting Up a User for
:: Recursion the Web

Part 6: Object
Oriented PHP

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
Part 10: Working with your also render on the server using
MySQL database Node, and it can power native
apps using React Native. React
Inserting, Retrieving and Updating implements one-way reactive
Data in to the Database Altering data flow, which reduc-es the
Tables after Creation boilerplate and is easier to reason
about than traditional data binding.
REACTJS 1. Introduction to ReactJS
Building Web Appusing Reactjs and Basic Concepts

:: Setup
Module Objectives: :: 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

2. Introduction to JSX
Overview:
ReactJS is JavaScript library used 3. OOP (Object Oriented
for building reusable Ul components. Programming)
According to React official
documentation, following is the :: Classes & Objects
definition. It encourages the creation :: Inheritance & Modules
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 simpler
programming model and
better performance. React can

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
:: Your First React Component
:: Embedding Expressions & 8. Calling Backend Services
Setting Attributes
:: Rendering Classes Dynamically 9. Authentication and
:: Conditional Rendering Authorization
:: Handling and Binding Events
:: Build an App (Exercise)

5. Composing Components
MEAN STACK
:: Passing Data to Components
:: Props vs State COURSE MODULE
:: Life Cycle Hooks
Mongo DB
6. Forms
Module Objectives:
:: Controlled vs Uncontrolled
Components Building strong expertise in
:: Does React control your form Document Oriented Non-Rela
filed? tional Database Management
:: Getting Data Out of Form System Implement frontend
:: When does React find out about and backend scenarios to read,
changes to your form field write and update data
:: Form Field Types stored in MongoDB.
:: Controlling the text fields
:: Working with Form data in Test Overview:
This course provides you hands-on
7. Routing experience and exposure to implement
frontend and back end
:: Typing Components to URL
scenarios to read.
:: React Router
:: Passing Parameters via URL's
:: Other Router

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
 This course provides you a strong
Platform: foundation on Angular7 driven by
:: Linux (Fedora / Mandriva / hands-on experience and exposure
Ubuntu) or Windows Host to develop responsive web applications
system • Firefox, Chrome using MVC design patterns.
Detailed Course Contents: During the course, you should be
:: Introduction to MongoDB & able to build a strong background in
MongoDB Environment Angular7 architecture, usage of
MongoDB Create Database. services, and applying the Angular7
concept to develop a frontend
application.
Course Detailed:
:: Introduction to MongoDB Platform:
& MongoDB Environment
:: MongoDB Create Database. :: Linux (Fedora / Mandriva /
Ubuntu) or Windows Host
system
MEAN STACK :: Firefox, Chrome
COURSE MODULE Detailed Course Contents:
Angular 7 :: Introduction to Angular7
:: Angular7 Expressions &
Module Objectives: Angular7 Modules
:: Angular7 Controllers
:: Building Strong expertise to :: Angula7 HTTP
develop front end application :: Angular7 Data Binding & AngularJS
using Angular 7 Scopes
:: Implement MVC and responsive :: Angular7 Directives & Events
design to scale well across PC, :: Angular7 Filters & AngularJS
Tablet and Mobile Phone. Services.

Overview: Detailed Course Contents:

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
:: Angular7 Tables & Angular7
Select Detailed Course Contents:
:: Angular7 Validation & :: Introduction to Angular 07
Angular7API :: Angular 07 Expressions
:: Fetching Data from MySQL :: Angular 07 Modules
:: Angular7 Animations & Angular7 :: Angular 07 Data Binding & Angular
il8n and i1 0n 07 Scopes
:: Angular 07 Directives & Events
MEAN STACK :: Angular 07 Controllers
COURSE MODULE :: Angular 07 Filters & Angular 07
Services
Angular JS :: Angular 07 HTTP
:: Angular 07 Tables & Angular 07
Overview: Select
:: Fetching Data from MySQL
This course provides you a strong :: Angular 07 Validation & Angular
foundation on AngularJS driven 07 API
by hands-on experience and exp :: Angular 07 Animations & Angular
osure to develop responsive web 07 i18n and ii On
applications using MVC design
patterns. During the course, you
should be able to build a strong MEAN STACK
background in AngularJS architec COURSE MODULE
ture, usage of services, and apply
ing AngularJS concepts to devel Node.js
op frontend applications. Module Objectives:
:: Building Strong expertise on
Platform: Node.js core to develop web
application
:: Linux (Fedora / Mandriva / :: Implement web
Ubuntu) or Windows Host application & deployment
system
:: Firefox, Chrome

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
Overview:
This course provides you strong
foundation on Node.js driven by
hands-on experience and exposu
re 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 app
lication 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

www.ideocollege.com
3rd Floor, Office # 02, Arfa Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269
 BE A PART OF BIGGEST
IT TRAINING INSTITUTE

About Us
80,000+ Alumni :: 100+ Courses :: 85+ MOU Signed
100+ Professional Instructors :: Online Trainings, LMS
JOB & Internship Oppertunity
Head Office: No: 02 Office, 3rd Floor, Arfa Technology Park Lahore.
Faisal Town Branch: Maulana Shaukat Ali Rd Plot 941 Block C
Faisal Town, Lahore.

3rd Floor, Office # 02, Arfa www.ideocollege.com

Maulana Shaukat Ali road, Plot # 940, 0303 5555130
Technology Park Lahore Block C, Faisal Town, Lahore
0300 8642269