Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build 3 Web Applications in 90 Minutes - HTML5 & jQuery
Course Summary and Supplementary Material
Why should you take this course? (2:47)
Instructions for Students and Frequently Asked Questions
Software Requirements
New Features of HTML5
Introduction to HTML5
DOCTYPE (0:20)
Canvas Element (3:24)
Datalist Element (1:23)
Using HTML5 Input Types to Enhance The Mobile Browsing Experience
Live Coding: Range Input Type (3:10)
jQuery Fundamentals
Getting Started with jQuery (3:57)
Selectors and Events in jQuery (4:52)
Effect 1: Show / Hide (5:23)
Effect 2: Fading (3:58)
Effect 3: Sliding (1:04)
Basics of Animation (1:53)
Application 1: Making a web form with progress bar
Designing the Form using HTML5 (8:18)
Linking the Progress Bar with User Input using jQuery (5:35)
Progress Form Source Code
Application 2: Making the Magnifier Application
Initialising the Image and Magnifier (2:52)
Toggle Visibility of the Magnifier (3:00)
Making the Magnifier move with Cursor (2:32)
Magnifier Source Code
Application 3: Making the Snake Game
About the Snake Game (2:59)
Making the Snake and Game Area (4:51)
Designing Game Rules (4:57)
Making the Snake Keyboard Controllable (1:37)
Snake Source Code
You did it!
Bonus Lectures
Some More features of HTML5...
DOCTYPE
Explains the initial DOCTYPE declaration of HTML5 so that browsers can detect it.
Complete and Continue