Full Stack Web Development Course in Lahore, Pakistan

Course Outline Best Full Stack Web Development Course

FRONT-END COURSE MODULE: Hyper Text Markup Language (HTML5)
Module Objectives:
• Building Strong expertise to develop front-end applications using HTML5
• Implement MVC and responsive design to scale well across PC, tablet, and Mobile Phone 

Overview:
This course provides you with hands-on experience and exposure to developing HTML5-based single-page applications for browsers. This course builds a strong foundation on HTML5 which will help
the developer to use HTML5 concepts for building responsive web applications.

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

Detailed Course Contents:
• Introduction HTML
• HTML Basics
• HTML Elements
• HTML5 Semantic
• HTML Attributes
• HTML Headings
• HTML Paragraph
• HTML styles
• HTML Formatting
• HTML Quotations
• HTML Computer Code
• HTML Comments & Colours
• HTML CSS, Links, and Images
• HTML Lists
• HTML Blocks
• HTML Classes
• HTML Layout
• HTML Responsive
• HTML iframes
• HTML JavaScript
• HTML Head

1 FRONT-END COURSE MODULE: Cascading Style Sheet (CSS)
Module Objectives:
• Building Strong expertise to develop front-end applications using CSS3
• Implement MVC and responsive design to scale across PC, tablet, and Mobile Phone
Overview:
This course provides you with hands-on experience and exposure to developing CSS3-based web applications. This course builds a strong foundation on CS33 which will help developers use CSS3 concepts for building responsive web applications
Platform:
• Linux (Fedora / Mandriva / Ubuntu) or Windows Host system
• Firefox, Chrome
Detailed Course Contents:
• Introduction CSS3
• CSS3 syntax
• CSS3 How To
• CSS3 Colours
• CSS3 Backgrounds
• CSS3 Boarders
• CSS Padding
• CSS Height/Width
• CSS3 Gradients
• CSS3 Shadows
• CSS3 Text
• CSS3 Fonts
• CSS3 2D Transforms
• CSS3 3D Transforms
• CSS Links
• CSS Lists
• CSS Tables
• CSS Box Model
• CSS Outline
• CSS Display
• CSS Max-width
• CSS Position
• CSS Float
• CSS Inline-block
• CSS Align
• CSS Combinators
• CSS Pseudo-class
• CSS Pseudo-element

FULL-STACK WEB DEVELOPMENT
• CSS Navigation Bar
• CSS Dropdowns
• CSS Tooltips
• CSS3 Images
• CSS Attr Selectors
• CSS Forms
• CSS Counters
• CSS3 Animations
• CSS3 Buttons
• CSS3 Pagination
• CSS3 Multiple Columns
• CSS3 User Interface
• CSS3 Box Sizing
• CSS3 Filters
• CSS3 Media Queries.
• CSS3 Responsive

FRONT-END COURSE MODULE: Bootstrap
• 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 the
Bootstrap-based web development.
Platform:
• Linux (Fedora / Mandriva / Ubuntu) or Windows Host system
• Firefox, Chrome
Detailed Course Contents:
• Introduction to Bootstrap
• Bootstrap Basics
• Bootstrap Grids
• Bootstrap Themes
• Bootstrap CSS
• Bootstrap JS

FRONT-END COURSE MODULE:

• Javascript Module Objectives:
  • Building Strong expertise to develop front-end applications using HTML5, CSS3, and JavaScript
  along with jQuery and AngularJS framework
  • Implement MVC and responsive design to scale across PC, tablet, and Mobile Phones
  Overview:
  This course provides you with hands-on experience and exposure to developing JavaScript-based web
  application. This course builds a strong foundation in JavaScript which will help the developer apply
  JavaScript concepts for responsive web frontend and backend development.
  Platform:
  • Linux (Fedora / Mandriva / Ubuntu) or Windows Host system
  • Firefox, Chrome
  Detailed Course Contents:
  • Introduction to JavaScript
  • JavaScript Language Basics
  • JavaScript Objects
  • JavaScript Scope
  • JavaScript Events
  • JavaScript Strings
  • JavaScript Numbers
  • JavaScript Math
  • JavaScript Arrays
  • JavaScript Boolean
  • JavaScript Comparisons
  • JavaScript Conditions
  • JavaScript Switch
  • JavaScript Loops
  • JavaScript Type Conversion
  • JavaScript RegExp
  • JavaScript Errors
  • JavaScript Debugging
  • JavaScript Hoisting
  • JavaScript Strict Mode
  • JavaScript Functions
  • JavaScript Objects
  • JavaScript Forms
  • JavaScript HTML DOM
  • JavaScript BOM

FULL-STACK WEB DEVELOPMENT
1 FRONT-END COURSE MODULE: jQuery
Module Objectives:
• Building Strong expertise to develop front-end applications 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

Overview:
This course provides you with hands-on experience and exposure to developing jQuery mobile-based
responsive web application. It builds a strong foundation of jQuery which will help the developer
to apply concepts for responsive web frontend development.

Platform:
• Linux (Fedora / Mandriva / Ubuntu) or Windows Host system
• Firefox, Chrome
Detailed Course Contents:
• Introduction to jQuery
• jQuery Syntax
• jQuery Selectors
• jQuery Events
• jQuery Effects
• jQuery HTML
• jQuery Traversing
• jQuery AJAX & Misc

2. FOUNDATION PARADIGM:
Module Objectives:
jquery
• To become proficient in OOPS, Design Patterns, and Data Modelling concepts
• At the end of the course candidates will learn the concepts and their practical applications

Overview:
This course is targeted for fresh engineers or professionals who want to build competency in
Object-Oriented Programming. We focus on understanding OOP concepts and their applications.
Platform:
• Linux (Fedora / Mandriva / Ubuntu) or Windows Host system
• Firefox, Chrome

Detailed Course Contents:
• OOPs
• Design Patterns
• Object Oriented Design
• JSON
• DOM
• AJAX

3. PHP & Mysql
Part 1: PHP Crash Course
Using PHP
Embedding PHP in HTML
Adding Dynamic Content
Accessing Form Variables
Part 2: Storing and retrieving data
Opening a file
Writing a File
Closing a File
Reading from a File
Part 3: Using Arrays
Numerically Indexed Array
Associative Arrays
Sorting Arrays
Recording Arrays
php
gscll-@
Part 4: String Manipulation and Regular Expressions
Formatting Strings
Joining and Splitting Strings with String Functions
Comparing Strings
Matching and Replacing Substrings with String Functions
Part 5: Reusing Code and Writing Functions
Using require() and include()
Using Functions
Parameters
Recursion
Part 6: Object — Oriented PHP
Object – Oriented Concepts and creating Classes, Attributes, and Operations in PHP
Implementing Inheritance in PHP & signing Classes

FULL-STACK WEB DEVELOPMENT
Part 7: MVC with Laravel
Laravel Installation
Working with Forms
Working with Controller
Laravel Blade Template with Bootstrap
Responses with Html
Laravel Migration
Laravel Requests, Models
Laravel Eloquent ORM
Build a Complete App in Laravel
Part 8: Designing your web database
Relational Database Concepts
How to Design Your Database & Web Database Architecture
Part 9: Creating your web database
Creating Databases and Users
Introduction to MySQL’s Privilege System
Setting Up a User for the Web
Creating Database Tables
Part 10: Working with your MySQL database
Inserting, Retrieving, and Updating Data into the Database
Altering Tables after Creation
Part 11: Accessing your MySQL Database from the Web with PHP
How Web Database Architectures Work
Checking and Filtering Input Data
Setting Up a Connection & Querying the Database

4. ReactJS (Building Web App using ReactJS)
Module Objectives:
• ReactJS basically is an open-source JavaScript library that is used for building user interfaces
specifically for single-page applications.
• It handles the view layer for web and mobile apps.
Overview:
ReactJS is a JavaScript library used for building reusable UI components. According to React’s official
documentation, the following is the definition. It encourages the creation of reusable UI components,
which present data that changes over time. React abstracts away the DOM from you, offering a simpler
programming model and better performance. React can also render on the server using Node, and it
can power native apps using React Native. React implements a one-way reactive data flow, which reduces the boilerplate and is easier to reason about than traditional data binding.
Platform:
• Linux (Fedora / Mandriva / Ubuntu) or Windows Host system
• Firefox, Chrome

FULL-STACK WEB DEVELOPMENT
Detailed Course Contents:
1. Introduction to ReactJS and Basic Concepts
• Setup
• Your First React App
• Custom Configs
• Var, let, const & Objects
• This keyword & Binding this
• Arrow function and this
• Object Destructing
• Spread Operator

2. Introduction to JSX
3. OOP (Object Oriented Programming)
• Classes & Objects
• Inheritance & Modules
• Named and Default Exports
4. Components
• 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 field?
• When does React find out about changes to your form field
• Form Field Types
• Controlling the text fields
• Getting Data Out of Form
• Working with Form data in Test
7. Routing
• Typing Components to URL
• Passing Parameters via URLs
• React Router
• Other Router
8. Calling Backend Services
9. Authentication and Authorization
10. Testing your React App