Course Description

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 jQueryand 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 :

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

Course Structure :

The course is divided into 7 sections given below:

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

Why take this Course :

After completing this course you will be able to

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

What are the pre-requisites / requirements?

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

What am I going to get from this course?

  • Over 29 lectures and 1.5 hours of content!
  • 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

What is the target audience?

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

Akshay Nagpal

Akshay Nagpal is a Computer Engineer having a keen interest in web development, Search Engine Optimization, Blogging and Wordpress. He's been actively developing projects in C, C++, Java, HTML5, CSS3,Javascript ,Jquery, PHP & MySQL since 2010. He loves open source projects and you can view his Github profile He works as a professional Web Designer for college websites and events. He also teaches and encourages people to start web development. You can follow him on twitter to know more!

Course curriculum

  • 1

    Course Summary and Supplementary Material

    • Why should you take this course?

    • Instructions for Students and Frequently Asked Questions

    • Software Requirements for the Course
  • 2

    New Features of HTML5

    • Introduction to HTML5

    • DOCTYPE

    • Canvas Element

    • Datalist Element

    • Using HTML5 Input Types to Enhance the Mobile Browsing Experience

    • Live Coding: Range Input Type

    • HTML5 Quiz!
  • 3

    jQuery Fundamentals

    • Getting Started with jQuery

    • Selectors and Events in jQuery

    • Effect 1: Show / Hide

    • Effect 2: Fading

    • Effect 3: Sliding

    • Basics of Animation

    • jQuery Quiz
  • 4

    Application 1: Making a web form with progress bar

    • Designing the Form using HTML5

    • Linking the Progress Bar with User Input using jQuery

    • Progress Form Source Code
  • 5

    Application 2: Making the Magnifier Application

    • Initialising the Image and Magnifier

    • Toggle Visibility of the Magnifier

    • Making the Magnifier move with Cursor

    • Magnifier Source Code
  • 6

    Application 3: Making the Snake Game

    • About the Snake Game

    • Making the Snake and Game Area

    • Designing Game Rules

    • Making the Snake Keyboard Controllable

    • Snake Source Code

    • You did it!
  • 7

    Bonus Content

    • Some More features of HTML5