Syllabus Covered (HTML 4.01)

• Introduction of different Web Technology
• Introduction
• HTML Elements
• HTML Attributes
• HTML Headings
• HTML Paragraphs
• HTML Formatting
• HTML Fonts
• HTML Styles
• HTML Links
• HTML Images
• HTML Tables
• HTML Lists
• HTML Forms
• HTML Iframes
• HTML Colors
• HTML Colornames
• HTML Colorvalues
• HTML Layout
• HTML Doctypes
• HTML Head
• HTML Meta
• HTML Scripts
• HTML Media
• HTML Audio
• HTML Object
• HTML Video
• HTML YouTube
• HTML Media Tags
• HTML Summary

Syllabus Covered (HTML5)

History, Vision & Future of HTML5

• What Is HTML5?
• History And Major Actors
  • A Little Retrospective
  • What Is The W3C?
  • What Is The WHATWG?
• Vision And Philosophy Behind HTML5
  • Compatibility
  • Utility
  • Interoperability
  • Universal Access
• Future Of HTML5
  • Timeline

Getting Started With HTML5

• The State Of Browser Support
• Feature Detection
• Support For Legacy Browsers
  • Graceful Degradation
  • Emulation
• Developer Touls

Structure of a Web Page

• HTML5 DOCTYPE
• Page Encoding
• HTML5 Markup
  • New And Updated Elements
  • Structural Elements
  • New Attributes
  • Deprecated Elements And Attributes
• HTML5 And CSS3
• Browser Support

Forms

• What Are The Needs For Web Applications?
• Current Sulutions
• New Input Types
• New Attributes
• Form Validation
• Browser Support

Audio and Video

• The State of Web Audio And Video Based On Plug-in
• The State Of Audio And Video Codec (e.g. H.264, WebM, etc.)
  • Video/Audio Codec And Browser Support
• New Audio/Video Markup
• Attributes And Methods
• Understanding Audio/Video Events
• Customizing Audio/Video Contruls

HTML5 Canvas

• Overview Of Graphics In The Browser
  • Canvas Vs. SVG
  • Accessibility
• Using A Canvas
• Context And Coordinates
• Drawing Shapes
• Working With Paths
  • Drawing Straight Lines
  • Drawing Circles Or Arcs
• Drawing Text
• Drawing Images
• Working With Pixels
• Understanding Transforms
  • Translation
  • Rotation
  • Scaling
• Browser Support

Syllabus Covered (CSS 2.1)

• CSS Introduction
• CSS Syntax
• CSS Id & Class
• CSS Styling
• Styling Backgrounds
• Styling Text
• Styling Fonts
• Styling Links
• Styling Lists
• Styling Tables
• CSS Box Model
• CSS Border
• CSS Outline
• CSS Margin
• CSS Padding
• CSS Advanced
• CSS Grouping/Nesting
• CSS Dimension
• CSS Display
• CSS Positioning
• CSS Floating
• CSS Align
• CSS Navigation Bar
• CSS Image Gallery
• CSS Image Opacity
• CSS Image Sprites
• CSS Media Types
• CSS hacking
• CSS Summary

Syllabus Covered (CSS3)

• The Power of CSS
  • Doing More with Less
  • A First Example
  • Challenges
  • Next Up
• Introducing CSS3
  • What is CSS3?
  • The History of CSS
  • Browser Support
  • HTML5
• Selectors and Pseudo Classes
  • Attribute Selectors
  • The Target Pseudo-Class
  • UI Element States Pseudo-Classes
  • Negation Pseudo-Class
  • Structural Pseudo-Classes
• Fonts and Text Effects
  • Fonts on the Web
  • Font Services
  • The @font-face Rule
  • Text Shadow
  • Word Wrapping
• Culors, Gradients, Background Images, and Masks
  • Culor
  • The Opacity Property
  • Backgrounds
  • background-origin, and background-size
• Borders and Box Effects
  • Image Borders
  • Rounded Corners
  • Box Shadow
• Transitions, Transforms, and Animations
  • Transitions and Transforms
  • Transitions
• Layout: Culumns and Flexible Box
  • Layout: Culumns and Flexible Box
  • Flexible Box Model
• Vendor Prefixes
  • What Are Vendor Prefixes?
  • Maybe They Ain’t So Bad
  • Strategies
• Embedding Media
  • Video Formats
  • Styling Video
• Accessibility Features
  • Web Accessibility
  • The CSS3 Speech Module
• Media Queries
  • Targeting Widths and Devices with CSS3 Media Queries
  • Responsive Images and the viewport Metatag
• Implementing CSS3 in the “Real World”
  • Stuff That Ain’t (Strictly) CSS, but Sure Is Useful
  • jQuery
  • HTML5
  • Modernizr
  • Preprocessors
  • Frameworks and Grid Systems
• Going Forward/Additional Resources
  • What’s Next?
  • Online Resources
  • Get Invulved