Web Designing Internship Programs

HTML,HTML5 Training

HTML,HTML5 Training Topics

Internet Basics

• Network
• ARPANET
• Internet
• Email
• SMTP
• MIME
• WC

WEB Architecture

• Presentation Layer
• Business Layer
• Data Access Layer

Major Web Browsers

Blog

Forum

HTTP

HTTPS

Plug-In

Webpage

• Static Webpage
• Dynamic Webpage

Script

• Client Side Script
• Server Side Script

Introduction to HTML

• HTML History
• HTML Versions
• Tags
• TYPES OF TAGS
• Structure of HTML
• HTML Critical Elements
• How to create a Webpage
• Comments
• Parts in HTML documents
• Version Information
• Head Section
• Body Section
• Hexadecimal color coding system
• HTML attributes
• Element specific Attributes
• Global Attributes
• Event Attributes
• Special characters
• HTML drawback

Deprecated elements

• Acronym
• Applet
• Basefont
• Big
• Center
• Dir
• Font
• Frame
• Frameset
• Isindex
• Noframes
• S
• Strike
• Tt
• U
• Xmp

Features of HTML

HTML  page layouts

HTML  page layouts

HTML  structure

HTML  semantics

• General semantics
• Chinese semantics

HTML5 inline elements

• Mark
• Meter
• Progress
• Time

HTML4 forms

• Forms tags types
• Types of form fields
• Input fields
• Select fields

HTTP

• Http requests methods
• Action attributes

Working with HTML5 advanced forms

• HTML new form attributes
• Input Types
• HTML input attributes

HTML5  new form elements

• Data list
• Keygen
• Output

ParseInt global functions

Working with HTML5 multimedia

• Audio formats
• Tag-Specific Attributes
• Video formats
• HTML track element

Web VTT

• How to create web VTT file

HTML5  graphics

• Canvas
• Attributes (Explained in )
• Canvas shapes

HTML5 SVG

• Jpeg (Joint photo graphic expert group)
• Png (Portable Network Graphics)
• Gif (Graphic Interchange Format)
• SVG versions and features
• SVG Versions
• SVG Features
• SVG Shapes
• Difference between canvas and SVG

HTMLMath ML (mathematical markup language)

• Math ML Versions
• Features of MathML
• MathML Tags
• MSup
• MSub
• MSubSup
• Mroot
• Msqrt
• Menclose

Web Hosting

• Types of web Hosting
• Providers and services
• Web hosting technologies
• Web hosting database technologies
• What is Domain Name?
• How to register a domain?
• How to upload a file?
• How to modify web page in live?
• How to upload multiple resources?
• How to unzip a folder in server?
• How to create security layer?

CSS, CSS3 Training

CSS, CSS3 Training Topics

Introduction to CSS

What is Cascading Style Sheets?

Features of CSS

Why CSS

CSS Version history

CSS Structure

CSS Comments

CSS basic syntax

• Selector
• Property
• Value

Types of Style Sheets

• Inline Style Sheets
• Internal Embedded Style Sheets
• External Style Sheets
• Imported CSS-@Import Rule

Working with CSS Selectors

• Tag Selector
• Type Selector
• Id Selector
• Class Selector
• Grouping Selector
• Universal Selector
• Descendent Selector
• Customized Selector

CSS units or measurements

• EM
• EX
• PX
• IN
• CM
• MM

CSS Background property

• Background-Color
• Background-Image
• Background-Repeat
• Background-Attachment
• Background-Position

Font Family

Text Properties

• Color
• Direction
• Text-Decoration
• Text-indent
• Text-align
• Letter-Spacing
• Word-Spacing
• Text-Transformation
• White-Space
• Verticle-Align

CSS Borders

• Border-Color
• Border-Style

CSS3

Browsers supporting CSS3

CSS Multiple column properties

• Column-Count
• Column-Gap
• Column-rule
• Column-Fill
• Column-Span
• Column-Width
• Columns

CSS3 background properties

• Background Size
• Background Clip
• Background with origin

CSS3 Borders

• Border-image
• Border-Radius
• Box-Shadow

CSS3 Text Properties

• Text-Justify
• Text-Overflow
• Text-Shadow
• Text-Wrap
• Word-Break
• Word-Wrap

CSS3 Font properties

• Font-Face
• Font-Size-Adjust
• Font-Stretch

CSS3 Transforms

• Transform
• Transform-origin
• Transform-Style

CSS3 Transitions

• Transitions Properties
• Transitions Delay

CSS3 Animations

• How to Implement Animations
• Animation Properties

Advanced Selectors

• [Attribute ^=values] Selector
• Css [attribute$=Value] Selector
• Css [attribute*=Value]Selector
• Css-First of type Selector
• Css-Only-Of-type-Selector
• Css-nth-Child-Selector

CSS3 User Interface

• Css Resizing
• Css Outline-offset

HTML5 WebStorage

• Local Storage
• Session Storage

Web SQL

• Opening Database

Index DB

• Why to use indexeddb?
• Features

HTMl5 Geo location

• Define Latitude
• Define Longitude
• Types Of Maps

Google Maps controls

• Geo location Methods

Working with HTML5 drag and drop

• Define Drag and Drop
• Creating Draggable Content
• Drag and Drop Events
• Allow Drop
• What to Drag
• Do the Drop

Javascript Training

Javascript Training Topics 

JavaScript Introduction

• JavaScript Can Change HTML Content
• JavaScript Can Change HTML Attributes
• JavaScript Can Change HTML Styles (CSS)
• JavaScript Can Hide HTML Elements
• JavaScript Can Show HTML Elements

JavaScript Where To

• The <script> Tag
• JavaScript Functions and Events
• JavaScript in <head> or <body>
• JavaScript in <head>
• JavaScript in <body>
• External JavaScript
• External JavaScript Advantages

JavaScript Output

• JavaScript Display Possibilities
• Using innerHTML
• Using documentwrite()
• Using windowalert()
• Using consolelog()

JavaScript Statements

• JavaScript Programs
• JavaScript Statements
• Semicolons
• JavaScript White Space
• JavaScript Line Length and Line Breaks
• JavaScript Code Blocks

JavaScript Syntax

• JavaScript Values
• JavaScript Literals
• JavaScript Variables
• JavaScript Operators
• JavaScript Expressions
• JavaScript Keywords
• JavaScript Comments
• JavaScript Identifiers
• JavaScript is Case Sensitive

JavaScript Operators

• JavaScript Arithmetic Operators
• Operators And Operands
• JavaScript Assignment Operators
• JavaScript Comparison Operators
• JavaScript Logical Operators
• JavaScript Type Operators
• JavaScript Bitwise Operators
• Operator Precedence
• JavaScript Operator Precedence Values

JavaScript Data Types

• JavaScript Data Types
• JavaScript Types are Dynamic
• JavaScript Strings
• JavaScript Numbers
• JavaScript Booleans
• JavaScript Arrays
• JavaScript Objects
• The typeof Operator

JavaScript Functions

• JavaScript Function Syntax
• Function Invocation
• Function Return
• Why Functions?
• Functions Used as Variable Values

JavaScript Objects

• JavaScript Objects
• Object Properties
• Object Methods
• Object Definition
• Accessing Object Properties
• Accessing Object Methods
• Do Not Declare Strings, Numbers, and Booleans as Objects!

JavaScript Scope

• JavaScript Function Scope
• Local JavaScript Variables
• Global JavaScript Variables
• JavaScript Variables
• Automatically Global
• Global Variables in HTML
• The Lifetime of JavaScript Variables
• Function Arguments

JavaScript Events

• HTML Events
• Common HTML Events
• What can JavaScript Do?

JavaScript Strings

• JavaScript Strings
• String Length
• Special Characters

JavaScript String Methods

• Finding a String in a String
• Searching for a String in a String
• Extracting String Parts
• Replacing String Content
• Converting to Upper and Lower Case
• The concat() Method
• Complete String Reference

JavaScript Numbers

• JavaScript Numbers are Always -bit Floating Point
• Precision
• Adding Numbers and Strings
• Numeric Strings
• NaN - Not a Number
• Infinity
• Hexadecimal
• Numbers can be Objects

JavaScript Number Methods

• Number Methods and Properties
• The toString() Method
• The toExponential() Method
• The toFixed() Method
• The toPrecision() Method
• The valueOf() Method
• Converting Variables to Numbers
• Global Methods
• The Number() Method
• The parseInt() Method
• The parseFloat() Method
• Number Properties

JavaScript Math Object

• Mathround()
• Mathpow()
• Mathsqrt()
• Mathabs()
• Mathceil()
• Mathfloor()
• Mathsin()
• Mathmin() and Mathmax()
• Mathrandom()

JavaScript Dates

• Creating Date Objects

JavaScript Date Formats

• JavaScript Date Input
• JavaScript Date Output
• ISO Dates (Year and Month)
• ISO Dates (Only Year)
• ISO Dates (Date-Time)
• JavaScript Short Dates
• JavaScript Full Date
• JavaScript Long Dates

JavaScript Long Dates

• The Date Methods

JavaScript Arrays

• What is an Array?
• Creating an Array
• Using the JavaScript Keyword new
• Access the Elements of an Array
• Access the Full Array
• Arrays are Objects
• Array Elements Can Be Objects
• Array Properties and Methods
• The length Property
• Looping Array Elements
• Adding Array Elements
• The Difference between Arrays and Objects
• When to Use Arrays When to use Objects

JavaScript Array Methods

• Converting Arrays to Strings
• Popping and Pushing
• Popping
• Pushing
• Shifting Elements
• Changing Elements
• Deleting Elements
• Splicing an Array
• Automatic toString()

JavaScript Sorting Arrays

• Sorting an Array
• Reversing an Array
• Numeric Sort
• Sorting an Array in Random Order
• Find the Highest (or Lowest) Array Value
• Using Mathmax() on an Array
• Using Mathmin() on an Array
• My Min / Max JavaScript Methods
• Sorting Object Arrays

JavaScript Booleans

• Boolean Values
• The Boolean() Function
• Comparisons and Conditions
• Everything With a "Value" is True
• Everything without a "Value" is False
• Booleans Can be Objects

JavaScript Comparison and Logical Operators

• Comparison Operators
• How can it be used
• Logical Operators
• Conditional (Ternary) Operator

JavaScript IfElse Statement

• Conditional Statements
• The if Statement
• The else Statement
• The else if Statement

JavaScript Switch Statement

• The JavaScript Switch Statement
• The break Keyword
• The default Keyword

JavaScript For Loop

• JavaScript Loops
• Different Kinds of Loops
• The For Loop
• The For/In Loop

JavaScript While Loop

• The While Loop
• The Do/While Loop

JavaScript Break and Continue

• The Break Statement
• The Continue Statement
• JavaScript Labels

JavaScript Type Conversion

• JavaScript Data Types
• The typeof Operator
• The Data Type of typeof
• The constructor Property
• JavaScript Type Conversion
• Converting Numbers to Strings
• Converting Booleans to Strings
• Converting Dates to Strings
• Converting Strings to Numbers
• The Unary + Operator
• Converting Booleans to Numbers
• Converting Dates to Numbers
• Automatic Type Conversion
• Automatic String Conversion

JavaScript Bitwise Operations

• JavaScript Bitwise Operator
• JavaScript Bitwise Operators
• JavaScript Uses bits Bitwise Operand
• Bitwise AND
• Bitwise OR
• Bitwise XOR
• JavaScript Bitwise AND (&)
• JavaScript Bitwise AND (&)
• JavaScript Bitwise OR (|)
• JavaScript Bitwise XOR (^)
• JavaScript Bitwise NOT (~)
• JavaScript (Zero Fill) Bitwise Left Shift (<<)
• JavaScript (Sign Preserving) Bitwise Right Shift (>>)
• JavaScript (Zero Fill) Right Shift (>>>)

JavaScript Regular Expression

• What Is a Regular Expression?
• Using String Methods
• Using String search() with a Regular Expression
• Using String search() with String
• Use String replace() with a Regular Expression
• Using String replace() with a String
• Regular Expression Modifiers
• Regular Expression Patterns
• Using the RegExp Object
• Using test()
• Using exec()

JavaScript Errors - Throw and Try to Catch

• Errors Will Happen!
• JavaScript try and catch
• The throw Statement
• Input Validation Example
• The finally Statement
• The Error Object
• Error Name Values
• Eval Error
• Range Error
• Reference Error
• Type Error
• Syntax Error
• URI Error

JavaScript Debugging

• Code Debugging
• JavaScript Debuggers
• The consolelog() Method
• Setting Breakpoints
• The debugger Keyword
• Major Browsers' Debugging Tools

JavaScript Hoisting

• JavaScript Declarations are Hoisted
• JavaScript Initializations are not Hoisted
• Declare Your Variables At the Top !

JavaScript Use Strict

• The "use strict" Directive
• Why Strict Mode?

JavaScript Form

• JavaScript Form Validation
• JavaScript Can Validate Numeric Input
• Automatic HTML Form Validation
• Data Validation
• HTML Constraint Validation
• Constraint Validation HTML Input Attributes
• Constraint Validation CSS Pseudo Selectors

JavaScript Validation API

• Constraint Validation DOM Methods
• Constraint Validation DOM Properties
• Validity Properties

JavaScript Objects

• JavaScript Primitives
• Objects are Variables Containing Variables
• Object Properties
• Object Methods
• Creating a JavaScript Object
• Using an Object Literal
• Using the JavaScript Keyword new
• JavaScript Objects are Mutable

JavaScript Object Properties

• JavaScript Properties
• Accessing JavaScript Properties
• JavaScript forin Loop
• Adding New Properties
• Deleting Properties
• Property Attributes
• Prototype Properties

JavaScript Object Methods

• JavaScript Methods
• The this Keyword
• Accessing Object Methods
• Using Built-In Methods
• Adding a Method to an Object

JavaScript Object Constructors

• Object Types (Blueprints) (Classes)
• Built-in JavaScript Constructors

JavaScript Object Prototypes

• Prototype Inheritance
• Using the prototype Property

JavaScript Function Definitions

• Function Declarations
• Function Expressions
• The Function() Constructor
• Self-Invoking Functions

JavaScript Function Parameters

• Function Parameters and Arguments
• Parameter Rules
• Parameter Defaults
• The Arguments Object
• Arguments are passed by Value
• Objects are passed by Reference

JavaScript Function Call

• The JavaScript call() Method

JavaScript Function Apply

• The JavaScript apply() Method
• The Difference Between call() and apply()

JavaScript Closures

• Global Variables
• Variable Lifetime
• A Counter Dilemma
• JavaScript Nested Functions
• JavaScript Closures

JavaScript HTML DOM

• The HTML DOM (Document Object Model)
• What is the DOM?
• What is the HTML DOM?

JavaScript - HTML DOM Methods

• The DOM Programming Interface
• The getElementById Method
• The innerHTML Property

JavaScript HTML DOM Document

• The HTML DOM Document Object
• Finding HTML Element
• Changing HTML Elements
• Adding and Deleting Elements
• Adding Events Handlers
• Finding HTML Objects

JavaScript HTML DOM Elements

• Finding HTML Elements
• Finding HTML Element by Id
• Finding HTML Elements by Tag Name
• Finding HTML Elements by Class Name
• Finding HTML Elements by CSS Selectors
• Finding HTML Elements by HTML Object Collections

JavaScript HTML DOM - Changing HTML

• Changing the HTML Output Stream
• Changing the Value of an Attribute

JavaScript HTML DOM - Changing CSS

• Changing HTML Style
• Using Events

JavaScript HTML DOM Animation

• A Basic Web Page
• Create an Animation Container
• Style the Elements
• Create the Animation Using JavaScript

JavaScript HTML DOM Events

• Reacting to Events
• HTML Event Attributes
• Assign Events Using the HTML DOM
• The onload and onunload Events
• The onchange Event
• The onmouseover and onmouseout Events
• The onmousedown, onmouseup and onclick Events

JavaScript HTML DOM EventListener

• The addEventListener() method
• Add an Event Handler to an Element
• Add Many Event Handlers to the Same Element
• Passing Parameters
• Event Bubbling or Event Capturing?
• The removeEventListener() method

JavaScript HTML DOM Navigation

• DOM Nodes
• Node Relationships

JavaScript HTML DOM Elements (Nodes)

• Creating New HTML Elements (Nodes)
• Creating new HTML Elements - insertBefore()
• Removing Existing HTML Elements
• Replacing HTML Elements

JavaScript HTML DOM Collections

• The HTMLCollection Object
• The HTMLCollection Length

JavaScript HTML DOM Node Lists

• The HTML DOM NodeList Object
• HTML DOM Node List Length
• The Difference between an HTMLCollection and a NodeList

JavaScript Window - The Browser Object Model

• The Window Object
• Window Size
• Other Window Methods

JavaScript Window Screen

JavaScript Window Location

• Window Location Assign

JavaScript Window History

• Window History
• Window History Back
• Window History Forward

JavaScript Window Navigator

• Window Navigator

JavaScript Popup Boxes

• Alert Box
• Confirm Box
• Prompt Box
• Line Breaks

JavaScript Timing Events

• Timing Events
• The setTimeout() Method
• How to Stop the Execution?
• The setInterval() Method

JavaScript Cookies

• What are Cookies?

Bootstrap Training

Bootstrap Training Topics

Introduction to mobile technology

• Telephone
• Mobile
• Whatis Smart Phone
• Who implemented first mobile

Generations of mobile Tele communication

• 1G
• 2G
• 3G
• 4G

Mobile frontend

Bootstrap framework

Introduction to HTML

• Basic html program
• Example explained
• History of html
• Html versions
• Structure of html document

UTF-8

Bootstrap structure

• CSS library
• JS library

How to configure bootstrap framework

• Standard install
• Bootstrap download

Why to use bootstrap

• Easy to use
• Responsiveness
• The speed of the development
• Customizable bootstrap
• Consistency
• Support
• Packaged java script components
• Simple integration
• Grid
• Pre-styled components

What bootstrap includes

How to add jquery library to bootstrap

What are the features of bootstrap

Bootstrap optional add-Ons

How to start bootstrap script

• Html doc type
• Html lang attribute
• Mobile first
• Adding bootstrap to web pages

CDN bootstrap framework

• Css resources
• Jquery resources
• Java script resources
• CDN with glyphicons
• Bootstrap local resources

Bootstrap containers

• Container
• Container fluid

Javascript

• Features of javascript
• How to insert html tag in javascript
• Documentwrite() method
• Documentwriteln() method
• Javascript place in html file
• External java scripts
• Java script pop up box- alert boxx
• Javascript pop up box-confirm box
• Javascript pop up box –promt boxx
• Javascript variables
• Data types in javascript
• Primitive data types
• Non-primitive data types
• Dynamic data types

HTML<noscript>tag

Bootstrap typography

• Bootstrap headings
• Inlinesubheading-<small>
• Inlinesubheading-<big>
• Inlinesubheading-<mark>
• Inlinesubheading-<abbr>
• Inlinesubheading-<blockquote>
• Inlinesubheading-<dl>
• Inlinesubheading-<code>
• Inlinesubheading-<kbd>
• Inlinesubheading-<pre>

Contextual colors and backgrounds

• Classes for text
• Classes for back ground colors
• More typography classes

Closing alerts

Bootstrap list

• Ordered list
• Un-Ordered list

Bootstrap grid system

• What is grid
• What are bootstrap grids
• Grid system rules
• Grid options
• Offsetting columns

Bootstrap tables

• Html tables
• How to apply bootstrap classes
• Responsive tables

Bootstrap css textual classes

Bootstrap carets

Bootstrap button classes

• Button colors
• Button sizes
• Info button
• Active info button
• Disabled info button
• Normal buttons
• Different button sizes
• Block level buttons

Images

• Responsive images
• Image shapes

Html basic forms

• Form
• Form attributes
• Form tags
• Input fields
• Attributes

HTML5 forms

• Advanced controls

Html forms with bootstrap

Html form with files and images

Bootstrap forms

• Bootstrap form layouts
• Supported control
• Static control
• Help text
• Control sizing

Bootstrap button groups

• Button toolbar
• Button sizing
• Vertical button groups
• Justified button groups
• Nesting button groups and dropdown menus

Html progress bars with bootstrap

• Basic progress bar
• Progress bar with labels
• Colored progress bars
• Animated progress bars
• Stacked progress bar
• Striped progress bars

Bootstrap pagers

Bootstrap Js collapse

Bootstrap wells

Bootstrap alerts

• Alerts
• Alert links
• Closing alerts

Input group

Bootstrap form control states

Bootstrap form control states

Input sizing informs

Boot strap jumbotron and page header

• Jumbotron inside container
• Jumbotron outside container
• Creating a page header

Bootstrap badges and labels

• Badges
• Labels

Bootstrap pagination

• Basic pagination
• ActiveS sateP pgination
• Disabled state pagination
• Pagination sizing
• Breadcrumbs

Bootstrap list groups

• Basic list groups
• List group with badges
• List group with linked items
• Active state
• Disabled item
• Contextual classes

Panel

• Basic panel
• Panel heading
• Panel footer
• Panel group
• Panels with contextual classes

Bootstrap tabs and pills

• Menus
• Tabs
• Tabs with dropdown menu
• Pills
• Vertical pills
• Vertical pills in arrow
• Pills with dropdown menu
• Centered tabs and pills
• Toggleable/dynamictabs
• Toggleable/dynamic pills

Navigationbars

• Navigationbar
• Inverted navigationbar
• Fixed navigationbar
• Navigationbar with dropdown
• Right-aligned navigationbar
• Collapsing navigationbar

Model plugin

• Create a modal
• Model size options, Methods

Carousel plugin

• Example explained
• Carousel with caption

Tooltip

• Create a tooltip
• Positioning tooltips
• Tooltip options
• Custom tooltip design

Bootstrap plugin popover

• Create a popover
• Positioning popovers
• Closing pop overs

Scrollspy plugin

• How to create a scrollspy

Webhosting

• Types of webhosting
• Web hosting providers
• Webhosting technologies
• Common email services
• Webhosting database technologies
• Domain name
• Sub domains
• Selecting a domain
• Registering a domain