Frontend_courses

HTML Course Content

HTML Basics

Introduction
Overview and Prerequisites
What Is HTML and Basic of HTML
Parts in HTML Document
Editors
Basic tags
Elements
Attributes
Headings
Paragraphs
Formatting
Links
Head
CSS
Images
List
Tables
Block and Inline Elements
Layout
HTML4 Drawbacks
HTML4 vs. HTML5

HTML5 Introduction

Introduction to HTML5 HISTORY
New Features and API
Why HTML5?
What Is HTML5?
HTML5 Platform
What: Structural Elements
Structural Elements

HTML5 Syntax and Semantics

Specifying the DOCTYPE
Specifying the Character Set
Specifying the Language
Optimizing scripts and links

HTML5 Canvas

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

HTML5 SVG

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

HTML5 Drag/Drop

What is SVG?
SVG Advantages
Differences Between SVG and Canvas
Comparison of Canvas and SVG

HTML5 Geolocation

Introduction
Locate the User’s Position
Handling Errors and Rejections
The getCurrentPosition()
Geolocation object

HTML5 Video

Introduction
Video on the Web
How It Works?
Video Formats and Browser Support
HTML5 Video Tags

HTML5 Audio

Introduction
Audio on the Web
How It Works?
Audio Formats and Browser Support
HTML5 Audio Tags

CSS Course Content

Introduction to CSS

Why CSS?
Adding Some Styles
CSS Levels
Rules
Simple Selectors
Other Selectors
Specifying Property Values

Cascading and Inheritance in CSS

Introduction to HTML5 HISTORY
The Cascade
Using the Cascade
Ordering Rules
Developer Tools and CSS
CSS Reset
Specificity
Specificity in Action
Inheritance
Inheritance in Action

CSS and the Box Model

Introduction
The Big Three
Border, Margin, Padding
Top, Right, Bottom, Left
Vertical Margins Collapse
Width
Display and Visibility
Styling a menu

Styling Text with CSS

Introduction
Font Collections
Using font-family
Font Selection
Font Styling
Text Properties

Layout with CSS

Introduction
Position
Relative Positioning
Absolute and Fixed Positioning
Float and Clear
2 Column Layout
3 Column Layout

Bootstrap Course Content

Getting started

Bootstrap Introduction
History
Advantage of Bootstrap
Setting up Environment
What is Modal First Strategy
Bootstrap First Application

BootStrap Grid

What is Grid System
Container
Floating Container
Multiple Grids
Offset Column
Centering Content Horizontally
Reordering Columns
Images and Responsive Helpers
Look and Feel Customization

Bootstrap Basics

Bootstrap Typography
Bootstrap Tables
Lists
Forms
Validation States
Button
Bootstrap Helpers
Hiding content based on resolution

Bootstrap Components

Dropdown Menus
Button Toolbar and Groups
Button Dropdown
Input Group
Navigation Tabs and Pills
Navigation Bar
Breadcrumb
Pager
Labels
Alerts
Progress Bar
Media Object
List Groups
Panels

Bootstrap Plugins

Overview
Transition Plugin
Collapsible Plugin
Modal Dialog Plugin
Dropdown Plugin
Scrollspy Plugin
Tab Plugin
Tooltip Plugin
Popover Plugin
Alert Plugin
Button Plugin
Carousel Plugin
Affix Plugin

JavaScript Training

Java Script Training Course

Introduction to JavaScript

Introduction of javascript
Work Engins
What javascript can do at browser side
Developer Console
IDE and Lightweight editors
Declaration syntax of javascript
Statements
Comments
Popup Boxes
Alert
Confirm
Prompt
Variables, Arrays and Operators
Variables,Const,let
Operators
Arithmetic, Assignment
Comparison
Logical

Data Type

Number
String
Boolean
Null,Undefined
Typeoff Operator

Document object model DOM

DOM manipulation Functions
Conversion functions

Functions

Function and Callback
Return statement
Function declaration vs expression
Arrow Function

Conditional statements

if
if…else
if…else if…else
Switch

Loops

for
for each
while
do-while

Object

Introduction to Object
Introduction to JSON
Copy by reference
Compare by reference
Const Object
Garbage Collector

Window object Document object Arrays

Associative Arrays
Array Properties and Methods