Projects in HTML5

Learn HTML5 and JavaScript by Building 10 Projects
4.3 (170 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
8,610 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 75
  • Length 15.5 hours
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2014 English

Course Description

In order to master a technique in web development or any artistic field, the best approach is one that's hands-on. This allows you to not only learn concepts, but also apply them right away to build your own projects from scratch. That's why this course guides you through the process of actually creating a variety of games, apps, and sites using HTML5 and JavaScript.

Master HTML5 and JavaScript, starting with the creation of 10 apps and games.

  • HTML5 and JavaScript, Including Semantic Markup and Boilerplate Framework
  • CSS3 Media Queries and Responsive Design
  • JQuery, Fancybox, APIs, and More
  • 10 Hands-On Projects, Including Games and Apps

Use HTML5 and JavaScript to Create a Variety of Projects
Not all sites and apps use HTML5 yet, but the ones that do are advanced and cutting edge, and this is the way of the future in web design and app development. Using HTML5, CSS3, JavaScript, and other tools, you can become a more effective web developer and front-end expert, developing unique apps and games, as well as responsive websites. With the right skills in place, you'll be able to expand your portfolio and your client base.

Contents and Overview
This course contains over 75 lectures and 15.5 hours of content during which you'll develop 10 projects using HTML5, JavaScript, and other tools. You should already have knowledge of JavaScript and HTML before taking this course.

You'll build a basic HTML5 site before developing the front-end for a blog using tags and forms, CSS3, and responsive design. You'll also create an animated image gallery, a sticky note app, and a snake game. You'll master the Drag and Drop Image Uploader, and also create an HTML5 quiz app, audio player, mobile to-do list, customer manager app, and location app.

By the end of this course, you'll have completed 10 creative and exciting projects that have tested your skills and given you the confidence to become a front-end expert and programmer. This will allow you to potentially expand your client base and update your resume to advance your career in the field of web development.

Lifetime access to the lectures means you'll be able to return to the information whenever necessary to refresh your memory and tackle future projects.

What are the requirements?

  • Student must have knowledge of HTML and JavaScript

What am I going to get from this course?

  • Learn HTML5 and Javascript building projects
  • Develop over 10 applications
  • Master different APIs introduced in HTML5
  • Be a web front end expert

What is the target audience?

  • Web developers with basic knowledge of HTML5
  • Programmers who want to build front end projects

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to the Course
12:46

Introduction to the course

Section 2: Getting Started with HTML5
10:00

A quick refresher to HTML5 concepts

11:21

Introduction to HTML5 boiler plate

10:44

A quick guide to css styling

CSS Styling Part - B
13:27
12:42

A refresher course in JavaScript

JavaScript Basics Part - B
09:17
Section 3: Blog Frontend
14:33

A Blog App Front end

HTML5 Page Structure Part - B
18:04
13:40

Learn to use CSS3 in your project

Styling with CSS3 Part - B
16:16
11:37

Add pages and forms to your App

Add Pages and Forms Part - B
12:06
16:34

Learn to create a responsive layout for your app

Section 4: Animated Image Gallery
15:48

Learn to build an Image gallery in HTML5

13:08

Build the CSS of the Gallery

12:43

Learn to add the Quicksand Animation

Quicksand Animation Part - B
11:28
13:49

Learn to add a fancy lightbox

Section 5: Snake Game
11:31

Learn to Build a Canvas for a Snake Game

HTML5 Canvas Part - B
11:39
15:23

Learn to add animations and Circles

12:41

Lecture describing the steps to build the UI

12:12

Adding the UI using the CSS

14:36

Script implementation of the game

Snake Game Scripting - Part B
19:38
10:04

Final Script implementation of the game

Snake Game Scripting - Part D
12:15
Section 6: Stickys
10:02

Introduction to the new App Stickys

Stickys UI Part - B
09:21
14:21

Implementing the Note Object for Stickys

Create Note Object Part - B
14:35
14:28

Learn to implement Drop and Drag functions

Drag and Drop Functions Part - B
14:26
15:40

Learn to debug your App

Saving Notes and Debugging Part - B
14:53
Section 7: D&D Image Uploader
13:18

Learn to build an Image Uploader

15:57

This lecture deals in UI creation for the App

11:32

Learn to use the JQuery File Drop

JQuery File Drop Part - B
13:42
10:29

Use the PHP upload to complete the App

PHP upload file Part - B
10:58
Section 8: Quiz Application
12:51

Learn to build the UI for the new Quiz App

Quiz UI - HTML Part - B
11:19
07:25

Implement the CSS for the App

16:09

This lecture teaches you DOM manipulation

10:47

This tecahes you to control and process the questions for your App

09:14

Learn to create a well behaved optimized code

Optimizing our Code Part - B
10:54
Section 9: HTML5 Audio Player
10:34

Learn to Build the UI for the Audio Player App

Audio player UI - HTML Part - B
09:23
12:34

BuildingUI using the CSS

Audio player UI - CSS Part - B
12:22
09:28

Implement the behaviour in your App

11:42

Adding volume and duration to your App

12:28

Learn to add the play list functionality to the App

Playlist Functionality Part - B
10:17
Section 10: Mobile To Do App
14:07

Introduction to JQuery Mobile

JQuery Mobile - Part B
10:51
07:47

JQuery Mobile refresher

14:37

Learn to add ToDOs in your mobile app

11:08

Implement the display of todos in your app

08:47

Creating a Deleting ToDos from your App

Creating and Deleting ToDos Part - B
12:05
11:35

Implementing the updation to your App

Section 11: Indexed DB App
09:25

Creating and implementing the UI for the app

Customer manager UI Part - B
13:33
14:59

Implementing the Database for the App

18:16

Adding the Customer details to the App

09:32

Learn to implement delete customers in your App

15:12

Implementing the update operation for the App

Section 12: Geolocation App
14:25

Introduction to the App

11:19

Learn to get the user location from the user

14:13

Watch and calculate the users position

Section 13: Course Summary
08:32

The Course Wrap up

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Eduonix Learning Soultions, 1+ Million Students Worldwide | 200+ Courses

Eduonix creates and distributes high quality technology training content. Our team of industry professionals have been training manpower for more than a decade. We aim to teach technology the way it is used in industry and professional world. We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.

Instructor Biography

Ready to start learning?
Take This Course