30 Hours(For Regular Course)

4-8 Hours(For Capsule Course)

Enroll Now

Request more information

Fundamentals of HTML5, JQUERY CSS3 with Ajax and Bootstrap training

This web-based training course on HTML5, JQUERY CSS3 with Ajax and Bootstrap functionality, administration and development, is available online to all individuals, institutions, corporates and enterprises in India (New Delhi NCR, Bangalore, Chennai, Kolkatta), US, UK, Canada, Australia, Singapore, United Arab Emirates (UAE), China and South Africa. No matter where you are located, you can enroll for any training with us - because all our training sessions are delivered online by live instructors using interactive, intensive learning methods.

This course helps trainees to get enhanced learning in HTML5, Css3, with ajax and bootstrap. HTML 5 is basically used by designers and developers to make the dynamic and futuristic websites also it helps businessman to save maintenance costs. The latest edition of the HTML5 has made development fun for the developers. This training program helps trainees to learn this markup language with its partners JavaScript and CSS that can create highly interactive and most user specific websites. With the help of Css3 trainees will learn borders, background, text effects, fonts, 2D and 3D transforms, animations, transitions, selectors. In Ajax training trainees will learn prototype and script, creating applications, exploration of framework at server side and browser side. After getting training in bootstrap trainees will have a brief idea of types of layouts, creating components, using min-width and max-width.

HTML Basics

  • Parts in HTML Document
  • Editors
  • Basic
  • Elements
  • Attributes
  • Headings
  • Basics
  • Paragraphs
  • Formatting
  • Links
  • Head
  • CSS
  • Images
  • Tables
  • JavaScript
  • HTML4 Drawbacks

HTML5 Intro

  • New Features and groups
  • Backward Compatibility
  • Why HTML5?
  • Power of HTML5
  • m or mobi or touch domains
  • Common Terms in HTML5

HTML5 Syntax

  • Character Encoding

Obsolete Elements/Deprecated Elements

  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • isindex
  • noframes
  • s
  • strike
  • tt
  • u
  • xmp

HTML5 New Semantic/Structural Elements

  • article
  • aside
  • bdi
  • command
  • details
  • dialog
  • summary
  • figure
  • figcaption
  • footer
  • header
  • mark
  • meter
  • nav
  • progress
  • ruby
  • rt
  • rp
  • section
  • time
  • wbr

HTML5 Canvas

  • What is Canvas?
  • Create a Canvas
  • Canvas Coordinates
  • Canvas – Paths
  • Canvas – Text
  • Canvas – Gradients
  • Canvas – Images


  • What is SVG?
  • SVG Ad vantages
  • Differences Between SVG and Canvas
  • Comparison of Canvas and SVG

HTML5 Drag/Drop

  • Introduction
  • Make an Element Draggable
  • What to Drag? Where to Drop?

HTML5 Geolocation

  • Introduction
  • Locate the User's Position+
  • Handling Errors and Rejections
  • The get CurrentPosition()
  • Geoloca tion object

HTML5 Video

  • Introduction
  • Video on the Web
  • How It Works?
  • Video F ormats and Browser Support
  • HTML5 Video Tags

HTML5 Audio

  • Introduction
  • Audio on the Web
  • How It Works?
  • Audio F ormats and Browser Support
  • HTML5 Audio Tags

HTM L5 Input Types

  • Introduction
  • color
  • date
  • datetime
  • datetime - local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

HTML5 Form Elements

  • datalist
  • keygen
  • output

HTM L5 Form Attributes

  • New attributes for form and input New attributes for form
  • autocomplete
  • no validate
  • New attributes for input
  • autocomplete
  • autofocus
  • form, form action
  • form enctype,form method
  • form no validate
  • form target
  • height and width
  • list, min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required, step

HTML5 Semantic

  • Introduction
  • What are Semantic Elements?
  • non-semantic elements: div and span
  • semantic elements: form , table, and img

HTML5 Web Sto rage

  • What is HTML5 Web Storage?
  • Browser Support
  • The local Storage Object
  • The session Storage Object

HTML5 App Cache

  • What is Application Cache?
  • Cache M anifest Basics
  • HTML5 Cache Manifest

HTML5 Web Workers

  • What is a Web Worker?
  • Check Web Worker Support
  • Create a Web Worker File
  • Terminate a Web Worker


  • One Way Messaging
  • Browser Support
  • The EventSource Object

HTML Media

  • New Media Elements
  • audio
  • video
  • source
  • embed
  • track

HTML Multimedia

  • What is Multimedia?
  • Browser Support
  • Multim edia Formats
  • Video Formats
  • Sound Formats

HTML5 – Math ML

  • Introduction
  • Using MathML Characters
  • Matrix Presentation
  • Math Formulas

CSS 1.0 and 2.0

  • CSS Basics
  • CSS Introduction
  • CSS Syntax,CSS Id & Class
  • CSS Styling,Styling Backgrounds
  • Styling Text,Styling Fonts
  • Styling Links,Styling Lists
  • Styling Tables
  • CSS Border


  • Introduction
  • CSS3 Modules
  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface


  • border-radius
  • box-shadow
  • border-image

CSS3 Backgrounds

  • background-size
  • background‐origin

CSS3 Text Effects

  • text-shadow
  • word-wrap

CSS3 Fonts

  • @font-face Rule
  • font-stretch
  • font-weight


  • jQuery Selectors jQuery Events jQuery Effects
  • jQuery Hide and show effect
  • jQuery Fade Effect
  • jQuery Slide Effect
  • jQuery Animate
  • jQuery Callback
  • jQuery and HTML
  • jQuery Get
  • jQuery Set
  • jQuery Add
  • jQuery Remove
  • jQuery css
  • jQuery Width
  • jQuery Height
  • jQuery and AJAX (Pre-Requisite: ServerEnd Technology)
  • AJAX Function jQuery UI
  • Implementing Accordion
  • Implementing Date picker
  • Implementing Slider
  • Implementing Progessbar
  • Implementing Tabs

AJAX (Pre-Requisite: ServerEnd Technology)

  • Introduction
  • XML Http Request Object
  • Creating a request object
  • Sending a request to server
  • Receiving a response from the server
  • Ready State and Status of a request

Twitter Bootstrap (Powerful mobile front-end framework)

  • What is Twitter Bootstrap?
  • History
  • Why use Bootstrap?
  • What Bootstrap Package Includes?
  • Download Bootstrap
  • File structure
  • Basic Examples

Bootstrap Grid System

  • What is a Grid?
  • What is Bootstrap Grid System?
  • Working of Bootstrap Grid System
  • Media Queries

Grid options

  • Responsive column resets
  • Offset columns
  • Nesting columns
  • Column ordering

Bootstrap CSS Overview

  • HTML5 doctype
  • Mobile First
  • Responsive images
  • Typography and links
  • Normalize
  • Containers

Bootstrap Tables

  • Basic Table
  • Optional Table Classes
  • Contextual classes
  • Responsive tables

Bootstrap Forms

  • Form Layout
  • Supported Form Controls
  • Form Control States
  • Form Control Sizing
  • Help Text

Bootstrap Buttons

  • Button Size
  • Button State
  • Button Tags

Bootstrap Images

  • .img-rounded
  • .img-circle
  • .img-thumbnail
  • Bootstrap Responsive utilities

    • visible-xs
    • visible-sm
    • visible-md
    • visible-lg

    Print classes

    • .visible-print
    • .hidden-print

    Bootstrap Glyphicons

    • What are Glyphicons?
    • Where to find Glyphicons?

    Bootstrap Button Groups

    • Basic Button Group
    • Button Toolbar
    • Button Size
    • Nesting
    • Vertical Button group

    Bootstrap Input Groups

    • Basic Input Group
    • Input Group Sizing
    • Check boxes and radio addons
    • Button addons
    • Buttons with dropd owns
    • Segmented buttons

    Bootstrap Navigation Elements

    • Tabular Navigation or Tabs
    • Pills Navigation
    • Justified Nav
    • Disabled Links
    • Dropdowns

    Bootstrap Navbar

    • Default navbar
    • Responsive navbar
    • Forms in navbar
    • Buttons in navbar
    • Text in navbar
    • Non-nav links
    • Component alignment
    • Fixed to top
    • Fixed to bottom
    • Static top
    • Inverted navbar
    • Bootstrap Breadcrumb

    Bootstrap Media Object

    • .media
    • .media-list

    Bootstrap List Group

    • Adding Badges to List Group
    • Linking List Group Items
    • Add Custom Content to List Group

    Overview of Java Script

    • Where does Java Script Fit in?
    • Comparing Products
    • Comparing Java Script to Java
    • The Purpose of Java Script
    • Prerequisites

    Building a Java Script Program

    • Using Java Script in an HTML Document
    • Hiding Java Script fr om old Web Browsers

    Reviewing HTML

    • Text For matting & Layout
    • Hypertext Links & Anchors
    • Tables
    • Forms
    • Frames

    Variables and Functions

    • Overview of Variables
    • Assigning Values to Variables
    • Concatenating String Variables
    • Creating & Calling Functions
    • Sending Parameters to a Function
    • Receiving Parameters out of a function
    • Variable scope & Lifetime
    • Functions Called by Events

    Flow Control Structures

    • If Structure
    • If Else Structure
    • For Loop
    • While Loop
    • For/in Structure


    • Unary Operators
    • Numeric Operators
    • Logical Operators

    String Processing

    • Length
    • Converting to all Upper or Lower Case
    • Index of
    • Last Index of
    • Char At
    • Substr

    JS Library

    • JQuery
    • Dojo
    • MooToo ls
    • Chart.js

    JS Framework

    • AngularJS
    • React
    • Backbone
    • Ember

    Java Script Tools

    • Jasmine
    • Mocha
    • Grunt
    • Gulp
    • Bower
    • Karma

    This training program has a great scope as HTML plays a very important role and without the help of HTML, Css 3 the website development is not easily possible. HTML5 offers a wide range of design as well as presentation tools which will give the trainee a greater scope to produce better sites as well as web applications. The main scope of HTML 5 and Css3 is that they are cost effective, multiple platform development, offers good page ranking and offers consistency across multiple web browsers. Ajax generally requires mastery of JavaScript as once trainees get mastered in JavaScript they can easily learn the usage of ajax as it is the future of web app development. Bootstrap is the framework for desktop websites, web applications and quickly has become a wide technology. Hence, this course is more application focused as compared to theory focused in order to give the trainees a profound usability experience and procedures.

    1. Are lab-sessions available after theory sessions?

    We provide online lab facilities to all our students, wherever possible & applicable, using a combination of one or more options, including global ASP setups, live-environments, real-time simulations, training-videos, PPTs, Screenshots and others.

    2. Who and how qualified are the instructors?

    All our instructors go through a rigorous and multiple processes of filtering and selection before they are appointed by us. Only the most qualified, most experienced and best suited candidates are chosen as instructors.

    3.What are the machine requirements for the course?

    You must have a fairly good desktop PC or laptop. You can even access these courses on your tabs or smart phones. For PCs and laptops the configuration should be at-least an Intel Pentium processor, 4GB of RAM and 50 to 100 GB of free hard disk space. You must also have a good and steady WiFi internet connection which works at 3G or 4G speeds.

    4.How will I undergo practical training in the course?

    Depending on the type of lab facilities available for the course you have enrolled in for our instructor would be happy to help you in your lab sessions.

    5.What is the process to get my questions/queries answered?

    Get in touch with your trainer. You can also consult your batch-mates. We believe in collaborative and practical learning.

    6.Can a free demo session be provided?

    We do not provide free demo sessions.

    7.Will there be a provision for repetition if I miss a class?

    We encourage our trainees to attend all sessions. If you have missed a session we will try out best to update you on it, if possible. Else you will need to pay a small fee to have a repeat session arranged specifically for you.

    8.Does your organization provide assistance in job hunting?

    We are connected across the industry in India and abroad. We will pass on any job openings from our customer to our trainees. But we are not a manpower placement provider.

    9.How and where can I make the payment?

    You can pay using any credit or debit card in India or abroad. You can also pay using your PayPal account.

    10. Will practice material or tests be also provided with the course?

    Yes. As required & as applicable.

    11.What is the minimum or maximum batch size?

    Minimum/maximum batch sizes vary from course to course, depending upon a number of factors. It can vary from as few as 2 to as many as a few hundred, in some cases. But that number does not impact the quality of training that we deliver due to our tight quality-control mechanisms.

    All trainees will be provided with a course participation and completion certificate by Aurelius Corporate Solutions. Please note, we are an independent provider of learning solutions. We are not affiliated in any manner to any company or organization.

    Copyright © 2016 Aurelius Corporate Solutions Pvt. Ltd. All Rights Reserved.