Complete Web Development Training in Bangalore

Be A Web

Developer

With Real Time Projects

Project 1

Initial project with HTML & CSS

Project 2

Advanced Project using JavaScript, TypeScript & Angular

The Complete Web Development Training in Bangalore

Overview of Included Training Modules

HTML5

CSS3

JavaScript & TypeScript

Angular

100% Hands-On Training

Each and every topic of the training program will be explained using real time examples. Less Theory and more Practicals.

Experienced Trainers

All of our trainers have in-depth theoretical and real time knowledge on the subjects that they are providing training on.

Placement Support

All of our students gets full support in resume preparation and 100% assistance in placements.

Customized Trainings

Do you already know some subjects and wants learn only few modules? Or want to have a customized training program for your requirements ? We do provide customized training for your exact requirements.

Flexible Timings

We provide training on weekdays and weekends and in morning, afternoon and evening classes. Let us know your timings, we provide you training on your required timings.

Affordable Fee Structure

We made our training program affordable to everyone. You can also pay the fee in installments.

Brief Overview of the Web Development Training Course Contents

HTML/ HTML 5

Introduction to Web
How Websites Work
How Browsers Work
Client Side vs Server Side
Setting up IDEs
Elements
What are Elements
What are Tags
What are Attributes
How to use Comments
Types of Elements
Inline Elements
Block Elements
Heading Elements
Paragraph Element
Division Element
Span Element
Working with empty spaces
Pre Formatted Text

HTML/ HTML 5

Working with Images
Setting Width & Height
Working with Links
Linking to external websites
Linking to Internal Pages
Linking to different sections in the page
Ordered Lists
Un-ordered Lists
Descriptive Lists
Working with Tables
Table Headers
Table Data
Text Input Element
Password Input Element
Check Boxes
Radio Buttons
Drop Downs
Date, Time Input Elements
Other Misc., Elements
Forms

HTML/ HTML 5

Working with Audio Files
Audio File Formats
Browser Compatibility & Fall back to default
Working with Videos
Video File Formats
Browser Compatibility & Streaming
Introduction to SEO
Introduction to Semantic Elements
Header & Nav Elements
Section & Article Elements
Aside & Footer Elements
Summary & Details Elements

CSS / CSS3

Introduction to Web Designing
How CSS Works in Browsers
External CSS
Internal CSS
Inline CSS
Introduction to Selectors
Universal Selectors
Element Selectors
Class Selectors
ID Selectors
Descendant Selectors
Pseudo Class Selectors
Pseudo Element Selectors
Inheritance
Introduction to Box Model
Working with Margins
Working with Paddings
Working with Content
Working with Borders
Working with Shadows

CSS / CSS3

Working with Colors
Named Colors
Hexadecimal Colors
RGB & HSL Colors
Colors with Opacity
Working with Gradients
Linear Gradients
Vertical Gradients
Introduction to Flex-box
Flex Direction Rows
Flex Direction Columns
Justifying Content
Aligning Items
Flex Wrap
Align Content
Flex Basis
Flex Grow
Introduction to Grid
Grid Rows
Grid Columns
Justify & Align Items
Justify & Align Content
Row & Column Gaps
Grid Template Areas

CSS / CSS3

Measurement Units
Absolute Units
Relative Units
Positioning – Relative
Positioning – Absolute
Positioning – Fixed
Overflows
Introduction to CSS libraries
Working with Bootstrap
Bootstrap Buttons
Bootstrap Colors
Bootstrap Input Elements
Bootstrap Spacing
Working with Tailwind CSS
Working with Tailwind Classes

JavaScript

Introduction to JavaScript
Where can we run JavaScript
JavaScript for Client Side Applications
JavaScript for Server Side Programming
JavaScript for Desktop Applications
Internal JavaScript
External JavaScript
First JavaScript program

Introduction to Variables in JavaScript
Data Types in JavaScript
Primitive Data Types
Numbers
Strings
Booleans
Undefined & Null Data Types
Reference Data Types
Difference between Primitive & Reference data types

Introduction to functions
Types of functions
Named functions
Anonymous Functions
Fat Arrow Functions
Function parameters
Default parameters
Returning values from functions

JavaScript

If Statement
If-else Statement
Ternary Operator
Truth & Falsy things in JavaScript
Abstract Comparison
Exact Comparison
For Loop
For-Of & For-In loops
Do – While loop
While – Do loop

Arrays in JavaScript
Accessing elements from arrays
Adding & Deleting elements from arrays
Push – Pop methods
Shift-Unshift methods
Splice method
Searching in Arrays
Index-of method
For-Each & Map methods

Objects in JavaScript
Accessing the properties from Objects
Shallow Copy & Deep Copy
Understanding this in JavaScript
Built-In Objects in JavaScript
Date Object
JSON
JSON Stringify
JSON Parse

JavaScript

Object Oriented Programming in JavaScript
Traditional vs ES6 Object oriented programming
Classes
Constructor Function
Creating Objects using new keyword
Inheritance
Public and Private properties

Promises in JavaScript
Working with Promises
Creating Promises in multiple ways
Async-Await in JavaScript
Fetch API
Getting Data from Server
Get, Post, Put, Delete requests

Introduction to Document Object Model (DOM)
Accessing DOM elements
Modifying elements dynamically
Adding event listeners to elements
Getting the data entered by the user
Getting data from text, password input elements
Getting data from checkboxes
Getting data from dropdowns

Angular

Introduction to Angular
Installing Angular CLI
Creating Angular Application
Running Angular Application
Angular Application Structure
Global Configuration Files
Roles in Angular Application

Introduction to Components
Role of a Component
Bindings in Components
String Interpolation
Property Binding
Interpolation vs Property binding
Event Binding
Binding to Mouse, Keyboard events
$event object
Template Reference Variables
Accessing User Entered data using Template Reference Variables
Creating Custom Components
Parent & Child Components

Directives in Angular
Components vs Directives
Built-in Angular directives
*ngIf
*ngFor
*ngSwitch
ngClass
ngStyle
Custom Directives
Manipulating element properties using ElementRef
Creating elements using Renderer
HostBinding & HostListner

Lifecycle Hooks of Components/Directives
ngOnChanges
ngOnInit
ngDoCheck
ngAfterContentInit & ngAfterContentChecked
ngAfterViewInit & ngAfterViewChecked
ngOnDestroy

Angular

Introduction to Web Components
Re-usable Components
Passing data from parent to child using @Input
Accessing data from child
@ViewChild & @ViewChildren
Content Projection
@ContentChild & @ContentChildren
Emitting data from child using EventEmitter, @Output

Introduction to State Management
Single Source of Truth
Creating Services in Angular
Dependency Injection
Injectable Services
Using Built-In Services
Using Third-Party Services

Introduction to Reactive Programming (RxJS)
Subscriptions in Reactive Programming
Subscriptions vs Promises
Using HTTP Module in Angular
Getting the data from server and displaying in the application
Sending user submitted data to server
Making Get, Post, Put, Delete Requests
Error Handling
HTTP Interceptor

Types of Forms in Angular
Handling Forms with Forms Module
One Way & Two Way Bindings in Angular
Accessing Form Value
Form Validations
Touched & Un-Touched
Dirty & Pristine
Handling Password & Confirm Password
Handling Check Boxes
Handling Radio Buttons
Handling Drop Downs
Handling other misc input elements

Angular

Using Reactive Forms Module
Form Groups, Form Controls, Form Arrays
Creating Forms using Reactive Forms in multiple ways
Attaching Reactive Form to Template
Subscribing to Form / Form Control Value Changes
Form Validations
Creating Custom Form Validators
Resetting, Setting, Patching Form
Parent and Child Forms
Dynamically changing form validations
Asynchronous Form Validators
Creating custom asynchronous form validators

Introduction to Routing
Single Page Applications
App Routing Module
Route Modules for Root and Child
Creating Routes
Router Outlet and Router Link
Redirecting Routes
Redirecting Routes with Path Match
Redirecting Routes Programatically
Accessing URL Params with Activate Route Snapshot
Subscribing to URL Params with Activated Route Snapshot
Passing Data through Routes
Query Params
Accessing Query Params from URL
Route Guards
Can Activate Route Guard
Can Deactivate Route Guard
Can Load Route Guard
Resolving Data before loading a Route

Modularity in Angular Applications
Creating Sub Modules
Using Sub Modules
Eager Loading Modules
Lazy Loading Modules
Pre-Loading Modules
Pre Loading all modules
Custom Pre Loading Strategy

Introduction to Pipes in Angular
Built-in Angular Pipes
Number, Currency, Lower/Upper case pipes
JSON Pipe
Async Pipe
Custom Pipes
Creating a Custom Pipe
Pure & Impure Pipes
Custom Pipes with additional options

FAQs

What is the duration of the Training Program

The duration of the complete web development training program is two months.

I know few modules, can i learn only selected modules from your training program?

If you already have knowledge on some of the course modules, you can avoid them and take training only on required modules. However, make sure that you have enough knowledge on those modules, if you have to use its knowledge in other modules.

Why some web related technologies are not included in the training program ?

We provide training on currently most popular technologies, and avoid those technologies which are going down in the market and whose future is bleak. However if you wish to learn them as well, we will make sure that you get them.

Do you provide fast track web development training ?

Yes, we have a web development crash course program. Please contact us to know more about this training program.

Do you provide training on Weekends

Yes, we provide training on weekends also for the working professionals or for the other required candidates.

Where is your training institute is located ?

Our institute is located in Jayanagar, 9th Block, Bangalore.

What are the other student benefits ?

We provide support in resume preparation, provide 100% assistance on job placements and conduct mock interviews to make you completely ready for real time interviews.

Can I pay fee in installments ?

Yes, you can pay the fee in installments.