Interactive HTML5: Basics
  • Introduction to HTML
  • HTML4 vs. HTML5
  • Making your first HTML page
  • Tools to create HTML files
  • Base HTML Tags
  • Paragraph Tags
  • Break Tags
  • Header Tags
  • Bold and Italic Tags
  • Ordered and Unordered Lists
Interactive HTML5: Advanced
  • Difference between Absolute Links and Relative Links
  • Hyperlinking to an external page
  • Hyperlinking to an email address
  • Hyperlinking to a file in your site
  • Playing and controlling audio
  • Playing and controlling video
  • Embedding a video
  • What is a Table - Pros and Cons
  • Table properties
  • Adding an iFrame
  • Adding an iFrame: Part 2
  • What is possible with a form using only HTML knowledge
  • Defining the form
  • Text fields and text areas
  • Radio buttons and check buttons
  • Data input and buttons
  • Proper file structure
  • Code commenting
  • Meta Tags
Bonus Section: Interactive CSS3 Basics + Advanced
  • About the class - what you will need
  • What is CSS and why we will use it
  • What's new in CSS3
  • CSS Selectors, properties and attributes
  • ID Selectors
  • Class Selectors
  • Element Selectors
  • All Selectors
  • Internal Style Sheets
  • External Style Sheets
  • Inline Styles
  • The box model
  • Adding color
  • Working with fonts
  • Background Images
  • Background Images: Part 2
  • Styling Links
  • Styling ID Tags
Bonus Section: Interactive Bootstrap Basics + Advanced
  • Why Bootstrap?
  • Downloading Bootstrap
  • Adding Boostrap to your site
  • Creating the navigation # Part 1
  • Creating the navigation # Part 2
  • Creating the navigation # Part 3
  • Styling images
  • Creating the footer
  • Adding styled buttons
  • Adding Google Maps
  • Adding an image carousel
  • Styling a contact form
Bonus Section: Interactive jQuery Basics + Advanced
  • What is jQuery and Why you need?
  • Downloading jQuery
  • Adding jQuery to your site
  • First look at jQuery code
  • Selectors & Filters
  • Replacing content
  • Handling Events
  • Hover Effects
  • Hide/Show Events
  • Fading
  • Slide
  • Toggle
  • Animate
  • Selectors