The document outlines a 3 month web development training program covering HTML, CSS, JavaScript, jQuery, jQuery UI, PHP, MySQL, CMS, HTML5 and CSS3. The program will include projects on layouts, forms, validations and responsive design. It also provides detailed descriptions of topics covered under each module.

1. DURATION : 3 MONTHS
FACULTY : Mr.SIVA
BATCH TIMINGS : Click Here - BATCH TIMINGS
RECOMMENDED 3 : Click Here - PHP, MYSQL, OOPS, CMS
PROJECTS INFO
 Div or Tableless Layout
 Javascript Integration
 Integrating Jquery UI plugins
 Integrating third party plugins like menu bar, image banners and carousel
 Form Validations
 Data Grid
 HTML5 & CSS3 Layout
 Responsive Layout
HTML
 Overview of Web Development
o Client-side Programming
o Server-side Programming
 Types of Webpages
o Static Webpage
o Dynamic Webpage
o Server Webpage
 Types Of Languages
o Programming Languages
o Scripting Languages
 Introduction To HTML
 Structure Of HTML
 Tag
o Empty Tag
o Container Tag
 Basic Tags
 Meta Tags
 Attributes & Parameters
 Formatting Tags
 Phrase Tags
 Comments
 Font tag
 Image tag
 Link Tags
 Image Link
 Text Link
 Email Link
 Colors
 Marquee Tag
 List
o Order List
o Unorder List
o Definition List
 Table Tag
 Form tags
 Frame Tag

2.  Background Colors & Images
 Embed Multimedia - Movie, Music
 Introduction To XHTML
 Difference Between HTML & XHTML
 Introduction To Doctypes
 W3C
 Introduction To HTML 5
Cascading Stylesheets(CSS)
 CSS
o Introduction
o Syntax
o Advantages
 Types of Stylesheets
o External style sheet
o Internal style sheet
o Inline style
 Types of Selectors
o Global
o Class
o Id
o Grouped
o Descendant
 Div's & Span tags
 Colors
 Background
o background-color
o background-image
o background-repeat
o background-attachment
o background-position
 Font
o font-family
o color
o font-size
o font-style
o font-variant
o font-weight
 Text
o Color
o letter-spacing
o Word-spacing
o line-height
o text-align
o text-decoration
o text-indent
o text-transform
o vertical-align
o White-space
o Direction
 Images
o border
o width
o height
o opacilty
 Links

3. o a:link
o a:visited
o a:hover
o a:active
 Custom Cursors
o Cursor Styles
o Custom Cursors
o Using Custom Cursors
 Lists
o list-style-type
o list-style-position
o list-style-image
 Tables
 Box Model
o Border & Outline
o outline
o margin
o padding
 Advanced
o Dimension
 height
 width
 line-height
 max-height
 min-height
 max-width
 min-width
o Display
o Positioning
o Layers (Z-index)
o Floating
o Scrollbars
o Align
o Pseudo-class
o Pseudo-element
o Navigation Bar
o Image Opacity
o Image Sprites
o Attribute Selectors
o CSS Validations(W3C)
o Don't
 Introduction to css3.0
JAVASCRIPT
 Introduction to javascript
o Syntax
o Statements
o Comments
 Enabling in various browsers
 Popup Boxes
o Alert
o Confirm
o Prompt
 Variables
 Operators
o Arithmetic
o Assignment

4. o Comparison
o Logical
o Conditional
 Conditional Statements
o if
o if...else
o if...else if...else
o Switch
 Loops
o while
o do...while
o for
o for...in Statement
o Break
o Continue
 Functions
o User-defined Functions
 Function Syntax
 Function with Arguments
 Returning Values from Functions
 Local and Global Variables
o Built-in Functions
 paraseInt and parseFloat
 Events
o Introduction
o OnLoad and onUnload
o onFocus, onBlur and onChange
o onSubmit
o onMouseOver.....
 Cookies
 Page redirection
 Page Printing
 Built-in Objects
o Introduction
o Number
o Strings
o Math
o Arrays
 Associative
 Array Properties and Methods
o Date
o Boolean
o Regexp
 Advanced javascript
o Error handling
o Form Validations
 Basics of Form Validation
 Validating Radio Buttons
 Validating Checkboxes
 Validating Select Menus
 Validating Textareas
o Debugging
o Browsers
JQUERY
 What is jQuery
 Downloading and Installing jQuery

5.  Creating a Simple Page in jQuery
 Overview of jQuery Features
 The Document Ready Function
 How to use Custom Scripts?
Selectors
 How to use Selectors?
 Name
 #ID
 .Class
 Universal (*)
 Multiple Elements E, F, G
 Attribute Selector
JQUERY EVENTS
 Mouse Events
 Keyboard Events
 Form Events
 Document/Window Events
JQUERY EFFECTS
 hide/show
 fade
 slide
 animate
 toggle
 stop
 Callback
 Chaining
DOM TRAVERSING
 Traversing
 Ancestors
 Descendants
 Siblings
 Filtering
Form Selectors
HTML
 Get
 Set
 Add
 Remove
 CSS Classes
 css()
 Dimensions
jQuery Event Methods

6. noConflict() Method
AJAX Methods
 load( )
 jQuery.get( )
 jQuery.post( )
 jQuery.getScript( )
 jQuery.getJSON( )
 jQuery.ajax( )
 serialize( )
 serializeArray( )
JSON
AJAX Events
 ajaxComplete( )
 ajaxStart( )
 ajaxError( )
JQUERY UI LIBRARY
 Interactions
o Draggable
o Droppable
o Resizable
o Selectable
o Sortable
 Widgets
o Accordion
o Autocomplete
o Button
o Datepicker
o Dialog
o Progressbar
o Slider
o Tabs
o Effects Effect, Show, Hide, Toggle,Color animation, Add class, Remove class, Toggle class,
Switch class
o customizing Jquery theming
o Jquery Theme Roller
Browser Compatability Testing
 Importance of Browser Compatibility
 Testing the site in various browsers
 Tips to reduce the issues
 Internet Explorer Conditional Statements
HTML 5
 What is HTML 5
 Overview of HTML 5
o Browser Support

7. o W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications
o Power of HTML5 in web & mobile Domains
o Overview of updated new features
 HTML5 Syntax
o The DOCTYPE
o Character Encoding
o The <script> tag
o The <link> tag
o HTML5 Document
 Forms
o color
o date
o datetime
o datetime-local
o email
o month
o number
o range
o search
o tel
o time
o url
o week
 Form Elements
o <datalist>
o <keygen>
o <output>
 New attributes for <form>
o autocomplete
o novalidate
 New attributes for <input>
o autocomplete
o autofocus
o form
o formaction
o formenctype
o formmethod
o formnovalidate
o formtarget
o height and width
o list
o min and max
o multiple
o pattern (regexp)
o placeholder
o required
o step
 Video and Audio
o <audio>
o <video>
o <source>
o <embed>
o <track>
 Semantic Elements
o <header>
o <nav>
o <section>
o <article>

8. o <aside>
o <figcaption>
o <figure>
o <footer>
 Structural Elements
o <canvas>
o <command>
o <details>
o <dialog>
o <summary>
o <mark>
o <meter>
o <time>
 HTML5 DEPRECATED TAGS
o <acronym>
o <center>
o <font>
o <frame>
o <frameset>
o <s>
o <u>
 HTML5 DEPRECATED ATTRIBUTES
o align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
o background-body
o bgcolor-table, tr, td, th and body.
o border table
o cellpadding-table
o cellspacing-table
o hspace-img
o vspace-img
o noshade-hr
o rules-table
o size-hr
o type-li, ol and ul
o width-hr, table, td, th, pre.
 Web Storage
o Local Storage
o Session Storage
 App Cache or Offline Applications
 Web Workers
 Server Sent Events
 MathML
 Geolocation
 Drag and Drop API
 File API
o Accessing File Information
o Reading File Content
 SVG
o What is SVG?
o SVG Advantages
o Differences Between SVG and Canvas
 Canvas Overview
o Lines
o Curves
o Paths
o Shapes
o Color, gradients
o Image

9. CSS 3.0
 CSS 2.0 vs CSS 3.0
 Introduction to css3
 whats new in css3.0
 border radius
 box shadow
 text shadow
 RGBA
 @FONT Face
 Google fonts
 Multiple Columns
 Box Resize
 Outline
 Transitions
 Transform
 Animations
 Gradients
 Selectors
 USER INTERFACE
 Overview of CSS 3.0 compatabilities for Internet Explorer
 Converting Layout to HTML 5 & CSS 3
HTML 5 POLYFILLS FOR CROSS BROWSER COMPATIBILITY