What you'll learn

Learn Basic and Advanced Level jQuery
Learn the new concepts introduced by HTML5
Make a snake game from jQuery and HTML5
Make a Magnifier Application for E-commerce websites
Make an Interactive Web form with Progress bar

Course content

7 sections • 29 lectures • 1h 10m total length

Why should you take this course?2:47
This is the promo video for the lecture.
Instructions for Students and Frequently Asked Questions5:00
Must read for all your doubts. Questions are added regularly as per student suggestions and requirements.
Software Requirements1:00
This tells about the software needed to proceed with the course.

Introduction to HTML50:35
A brief account of the history and aims of HTML5.
DOCTYPE0:20
Explains the initial DOCTYPE declaration of HTML5 so that browsers can detect it.
Canvas Element3:24
This lecture explains the canvas element which is used for drawing and animation in HTML5.
Datalist Element1:23
New element datalist which has improved the select element.
Using HTML5 Input Types to Enhance the Mobile Browsing Experience2:00
Using HTML5 Input Types to Enhance The User Experience on Mobile
Live Coding: Range Input Type3:10
In this lecture you will learn how to make a feedback meter to give feedback from 1 to 10.
HTML5 Quiz!

Getting Started with jQuery3:57
In this lecture you will learn about the basic syntax of jQuery and how to include it in your HTML page.You will also learn about loading jQuery at the correct time to avoid any errors.
Selectors and Events in jQuery4:52
jQuery selectors are used to "find" (or select) HTML elements based on their id, classes, types, attributes, values of attributes and much more. It's based on the existing CSS Selectors, and in addition, it has some own custom selectors.
Effect 1: Show / Hide5:23
With jQuery, you can hide and show HTML elements with the hide() and show() methods.
Effect 2: Fading3:58
With jQuery you can fade elements in and out of visibility.
Effect 3: Sliding1:04
The jQuery slide methods slides elements up and down.
Basics of Animation1:53
The jQuery animate() method lets you create custom animations.
jQuery Quiz!

Initialising the Image and Magnifier2:52
In this lecture we will create the canvas and then draw the image and magnifier on it.
Toggle Visibility of the Magnifier3:01
In this lecture we will toggle the visibility of the magnifier according to the image size.
Making the Magnifier move with Cursor2:32
In this lecture we will give motion to the magnifier and it will move with the cursor.
Magnifier Source Code0:12

About the Snake Game3:00
Learn how to make an animated and keyboard controllable snake game with rules and score.

It also has start and game over screens.
Making the Snake and Game Area4:51
We will draw the game region and snake using canvas function and jQuery.
Designing Game Rules4:57
We will design game rules for

1.Making the snake eat food.

2.Increasing the score

3.Game over conditions
Making the Snake Keyboard Controllable1:37
We will make the snake controlled by arrow keys on the keyboard.
Snake Source Code0:12
Contains source code of the snake game.
You did it!0:26

Requirements

Basic knowledge of HTML, CSS will be helpful
Google Chrome (or any other modern web browser)
Sublime Text Editor (http://www.sublimetext.com) or any other text editor.

Description

A Certificate of Completion will be sent to all students after completing this course.

The world is filled with developers who know multiple web programming languages but haven't applied them anywhere. Just knowing the syntax does not matter.

What matters is TO APPLY that knowledge to build something. Easy or tough doesn't matter, you should just make something out of your knowledge.

"Web Application Development - Learn by Building 3 Web Apps" will make you LEARN HTML5 and jQuery and also APPLY them to make 3 amazing Web Applications! All this in just 90 Minutes! So what are you waiting for?

This course will teach you the most frequently used functions and techniques of HTML5 and jQuery and by the end of the course you will be having your own :

1. Animated keyboard controllable snake game.

2. A magnifier application which is used in major E-commerce stores like Ebay and Amazon.

3. An interactive web form with progress bar.

The course includes :

Explanatory in-depth Videos.
Presentations.
Source code files of all the programs discussed and projects made.
Supplementary Material for better understanding
Quizzes at the end of section to revise and know how much you have learnt.
Complete support material for all technical problems

Course Structure :

The course is divided into 7 sections given below:

Course Summary and Supplementary Material
New Features of HTML5
jQuery Fundamentals
Application 1: Making a web form with progress bar
Application 2: Making the Magnifier Application
Application 3: Making the Snake Game
Bonus Lectures

Why take this Course :

After completing this course you will be able to

Master most used functions of HTML 5 and j-Query.
Make your own 2-D games.
Make interactive websites with increased functionality.
Design better User Interfaces
Increase your grasping of web development technologies.

Course Requirements:

Google Chrome (or any other modern web browser)
Sublime Text Editor or any other text editor.

Who this course is for:

School or College students.
Web Developers
Freelancers
User Interface Designers
Entrepreneurs
Anyone who wants to learn.

What you'll learn

Explore related topics

Course content

Course Summary and Supplementary Material3 lectures • 9min

New Features of HTML56 lectures • 11min

jQuery Fundamentals6 lectures • 21min

Application 1: Making a web form with progress bar3 lectures • 14min

Application 2: Making the Magnifier Application4 lectures • 9min

Application 3: Making the Snake Game6 lectures • 15min

Bonus Lectures1 lecture • 9min

Requirements

Description

Who this course is for: