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...
Canvas Element
This lecture explains the canvas element which is used for drawing and animation in HTML5.
Download
2014-06-24_10-29-30__canvas.txt
Complete and Continue