Hyper Text Markup Language (HTML 4)
- Overview of Web Development
- Client - side Programming
- Server - side Programming
- Types of Webpages
- Static Webpage
- Dynamic Webpage
- Server Webpage
- Types Of Languages
- Programming Languages
- Scripting Languages
- Introduction To HTML
- Structure Of HTML
|
- Tag
- Empty Tag
- Container Tag
- Basic Tags
- Meta Tags
- Attributes & Parameters
- Comments
- Image tag
- Link Tags
- Image Link
- Text Link
|
- Email Link
- Marquee Tag
- List
- Order List
- Unorder List
- Nested List
- Definition List
- Table Tag
- Form tags
- Background Colors & Images
- Introduction To Doctypes
|
|
Hyper Text Markup Language (HTML 5)
- What is HTML 5
- Overview of HTML 5
- Browser Support
- W3C and Web Hypertext Application Technology Working Group (WHATWG).
- Power of HTML5 in web & mobile Domains
- Overview of updated new features
- HTML5 Syntax
- The DOCTYPE
- Character Encoding
- The <script> tag
- The <link> tag
- HTML5 Document
- Forms
- color
- date
- datetime
- datetime - local
|
- email
- month
- number
- range
- search
- tel
- time
- url
- week
- Form Elements
- <datalist>
- <keygen>
- <output>
- New attributes for <form>
- autocomplete
- novalidate
- New attributes for <input>
- autocomplete
- autofocus
- form
- formaction
|
- formenctype
- formmethod
- formnovalidate
- formtarget
- height and width
- list
- min and max
- multiple
- pattern (regexp)
- placeholder
- required
- step
- Video and Audio
- Media
- <audio>
- <video>
- <source>
- <embed>
- <track>
- plugins
- youtube
|
|
HTML5 NEW ELEMENTS
- <article>
- <aside>
- <canvas>
- <details>
- <figcaption>
- <figure>
- <footer>
- <header>
- <hgroup>
|
- <main>
- <mark>
- <meter>
- <nav>
- <section>
- <summary>
- <time>
- Migration from HTML4 to HTML5
|
- HTML5 Browser Support
- HTML5 Elements as Block Elements
- Adding New Elements to HTML
- Problem With Internet Explorer
|
|
HTML5 DEPRECATED TAGS
|
HTML5 DEPRECATED ATTRIBUTES
- align - caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
- background - body
- bgcolor - table, tr, td, th and body
- border table
- cellpadding - table
- cellspacing - table
- hspace - img
|
- vspace - img
- noshade - hr
- rules - table
- size - hr
- type - li, ol and ul
- width -hr, table, td, th, pre.
- App Cache or Offline Applications
|
- Browser Support
- Canvas Overview
- Lines
- Curves
- font
- Image
- Paths
- Shapes
- Color, gradients
|
|
Cascading Stylesheets(CSS2)
- CSS
- Introduction
- Syntax
- Advantages
- Types of Stylesheets
- External style sheet
- Internal style sheet
- Inline style
- Types of Selectors
- Global
- Class
- Id
- Div's & Span tags
- Colors
- Background
- background-color
- background-image
- background-image
- background-attachment
- background-position
- Font
- font-family
- color
- font-size
- font-style
- list-style-image
|
- font-variant
- font-weight
- Text
- Color
- letter-spacing
- Word-spacing
- line-height
- text-align
- text-decoration
- text-indent
- text-transform
- vertical-align
- White-space
- Images
- border
- width
- height
- Links
- a:link
- a:visited
- a:hover
- a:active
- Lists
- list-style-type
- list-style-position
- Tables
|
- Box Model
- Border & Outline
- outline
- margin
- padding
- Advanced
- Dimension
- height
- width
- line-height
- max-height
- min-height
- max-width
- min-width
- Display
- Positioning
- Layers (Z-index)
- Floating
- Scrollbars
- Navigation Bar
- Image Opacity
- Image Sprites
- Attribute Selectors
|
|
Introduction to css3.0 (css3)
- CSS 2.0 vs CSS 3.0
- Introduction to css3
- whats new in css3.0
- border
- box-shadow
- border-image
- border-radius
- background
- background-clip
- background-origin
- background-size
- Multiple Background Images
- Gradients
- Linear Gradients
- Top to Bottom
- Left to Right
- Diagonal
- Angles
- Multiple Color Stops
- Transparency
- repeating-linear-gradient
- Radial Gradients
- Evenly Spaced Color Stops
- Differently Spaced Color Stops
- Set Shape
|
- Use of Different Size Keywords
- closest-side
- farthest-side
- closest-corner
- farthest-corner
- repeating-radial-gradient
- text effects
- text-shadow
- word-wrap
- @FONT Face
- Browser Support
- Font Formats
- Browser Support for Font Formats
- Using The Font
- Working with third party plugins
- Google fonts
- Box Resiz
- Box Sizing
- Outline
- Transitions
|
- transition
- transition-delay
- transition-duration
- transition-property
- Animations
- @keyframes
- animation
- animation-delay
- animation-direction
- animation-duration
- Selectors
- Multiple Columns
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- User Interface
- box-sizing
- resize
- outline-offset
- resize
|
|
Java Script
- Introduction to Java Script
- Syntax
- Statements
- Comments
- Introduction to Client Side Scripting
- JavaScript Types
- Variables in JS
- Datatypes in JS
- Operators in JS
- Conditional Statements
|
- Java Script Loops
- JS Popup Boxes
- JS Events
- JS Arrays
- Working with Arrays
- JS Objects
- JS Functions
- Operators
- Arithmetic
- Assignment
- Comparison
|
- Logical
- Conditional
- Using Java Script in Realtime
- JS Popup Boxes
- Validation of Forms
- The DOM, Nodes, and Objects
- Understanding the DOM
- Adding nodes to the DOM
- Deleting nodes from the DOM
|
|
jQuery - Advance
- String
- Numbers
- Boolean:
- Objects
- Arrays
- Functions
- Arguments
- Scope
- Built - in Functions:
- jQuery - Selectors
- How to use Selectors?
|
- jQuery - CSS Element Selector
- jQuery - CSS Element ID Selector
- jQuery - CSS Element Class Selector
- jQuery Effects
- jQuery Hide/Show
- jQuery Fade
- jQuery Slide
- jQuery Animate
|
- jQuery stop()
- jQuery Callback
- jQuery Chaining
- jQuery - DOM Attributes
- Get Attribute Value:
- Set Attribute Value
- Jquery - DOM
- Jquery Events
- Ajax
- UI
|
|
Responsive Web Design (Bootstrap and apply media query)
- Twitter Bootstrap - Introduction
- Grid Systems in Bootstrap
- Components and form elements
- Slider animations in Bootstrap
- Bootstrap Plugins and its uses
- Media Attribute and Media Type Concepts
- Introduction to Media Queries
|
- Understanding CSS Box Model & CSS Resets
- Techniques to make Responsive Images
- Creating Responsive menu
- Creating Responsive Banner slider
- Creating Responsive Content area
- Creating Responsive Footer
|
|
Adobe Photoshop
- Introduction of Stock Photography
- Types of Images and Image Editing Tools
|
- Introduction to Adobe Photoshop
- Using Photoshop Tools
|
- Layers, Actions and Filters
- Creating Custom Effects
|
|
Angular Introduction
- One page application
- What is AngularJs Expressions
- What is Angular Directives
- Angular Controllers
|
- Angular Filters use
- Angular Http works
- Angular Tables
- Angular Modules
|
- Angular Forms
- Angular Validation(javascript)
- Angular Includes
- Angular Application
|
|