Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Web Application Development - Learn by Building 3 Web Apps
Course Summary and Supplementary Material
Why should you take this course? (2:48)
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)
HTML5 Quiz!
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)
Quiz 2: jQuery Quiz!
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
Making the Magnifier move with Cursor
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock