Projects in HTML5
4.7 (201 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,740 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Projects in HTML5 to your Wishlist.

Add to Wishlist

Projects in HTML5

Learn HTML5 and JavaScript by Building 10 Projects
4.7 (201 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,740 students enrolled
Last updated 12/2014
English
Learn Fest Sale
Current price: $10 Original price: $60 Discount: 83% off
2 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 15.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn HTML5 and Javascript building projects
  • Develop over 10 applications
  • Master different APIs introduced in HTML5
  • Be a web front end expert
View Curriculum
Requirements
  • Student must have knowledge of HTML and JavaScript
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.

Who is the target audience?
  • Web developers with basic knowledge of HTML5
  • Programmers who want to build front end projects
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 75 Lectures Collapse All 75 Lectures 15:41:34
+
Introduction to the Course
1 Lecture 12:46

Introduction to the course

Preview 12:46
+
Getting Started with HTML5
6 Lectures 01:07:31

A quick refresher to HTML5 concepts

HTML5 Feature Overview
10:00

Introduction to HTML5 boiler plate

HTML5 Boiler Plate
11:21

A quick guide to css styling

CSS Styling Part - A
10:44

CSS Styling Part - B
13:27

A refresher course in JavaScript

JavaScript Basics Part - A
12:42

JavaScript Basics Part - B
09:17
+
Blog Frontend
7 Lectures 01:42:50

A Blog App Front end

HTML5 Page Structure Part - A
14:33

HTML5 Page Structure Part - B
18:04

Learn to use CSS3 in your project

Styling with CSS3 Part - A
13:40

Styling with CSS3 Part - B
16:16

Add pages and forms to your App

Add Pages and Forms Part - A
11:37

Add Pages and Forms Part - B
12:06

Learn to create a responsive layout for your app

Responsive Layout
16:34
+
Animated Image Gallery
5 Lectures 01:06:56

Learn to build an Image gallery in HTML5

Gallery HTML
15:48

Build the CSS of the Gallery

Gallery CSS
13:08

Learn to add the Quicksand Animation

Quicksand Animation Part - A
12:43

Quicksand Animation Part - B
11:28

Learn to add a fancy lightbox

Fancybox Lightbox
13:49
+
Snake Game
9 Lectures 01:59:59

Learn to Build a Canvas for a Snake Game

HTML5 Canvas Part - A
11:31

HTML5 Canvas Part - B
11:39

Learn to add animations and Circles

Animation and Circles
15:23

Lecture describing the steps to build the UI

Snake Game UI - HTML
12:41

Adding the UI using the CSS

Snake Game UI - CSS
12:12

Script implementation of the game

Snake Game Scripting - Part A
14:36

Snake Game Scripting - Part B
19:38

Final Script implementation of the game

Snake Game Scripting - Part C
10:04

Snake Game Scripting - Part D
12:15
+
Stickys
8 Lectures 01:47:46

Introduction to the new App Stickys

Stickys UI Part - A
10:02

Stickys UI Part - B
09:21

Implementing the Note Object for Stickys

Create Note Object Part - A
14:21

Create Note Object Part - B
14:35

Learn to implement Drop and Drag functions

Drag and Drop Functions Part - A
14:28

Drag and Drop Functions Part - B
14:26

Learn to debug your App

Saving Notes and Debugging Part - A
15:40

Saving Notes and Debugging Part - B
14:53
+
D&D Image Uploader
6 Lectures 01:15:56

Learn to build an Image Uploader

Image Uploader UI - HTML
13:18

This lecture deals in UI creation for the App

Image Uploader UI - CSS
15:57

Learn to use the JQuery File Drop

JQuery File Drop Part - A
11:32

JQuery File Drop Part - B
13:42

Use the PHP upload to complete the App

PHP upload file Part - A
10:29

PHP upload file Part - B
10:58
+
Quiz Application
7 Lectures 01:18:39

Learn to build the UI for the new Quiz App

Quiz UI - HTML Part - A
12:51

Quiz UI - HTML Part - B
11:19

Implement the CSS for the App

Quiz UI - CSS
07:25

This lecture teaches you DOM manipulation

DOM Manipulation
16:09

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

Process Questions
10:47

Learn to create a well behaved optimized code

Optimizing our Code Part - A
09:14

Optimizing our Code Part - B
10:54
+
HTML5 Audio Player
8 Lectures 01:28:48

Learn to Build the UI for the Audio Player App

Audio player UI - HTML Part - A
10:34

Audio player UI - HTML Part - B
09:23

BuildingUI using the CSS

Audio player UI - CSS Part - A
12:34

Audio player UI - CSS Part - B
12:22

Implement the behaviour in your App

Play Pause and Stop
09:28

Adding volume and duration to your App

Volume and Duration
11:42

Learn to add the play list functionality to the App

Playlist Functionality Part - A
12:28

Playlist Functionality Part - B
10:17
+
Mobile To Do App
8 Lectures 01:30:57

Introduction to JQuery Mobile

JQuery Mobile - Part A
14:07

JQuery Mobile - Part B
10:51

JQuery Mobile refresher

JQuery Mobile - Part C
07:47

Learn to add ToDOs in your mobile app

Adding ToDos
14:37

Implement the display of todos in your app

Displaying ToDos
11:08

Creating a Deleting ToDos from your App

Creating and Deleting ToDos Part - A
08:47

Creating and Deleting ToDos Part - B
12:05

Implementing the updation to your App

Updating ToDos
11:35
3 More Sections
About the Instructor
Eduonix Learning Solutions
4.3 Average rating
41,441 Reviews
728,178 Students
173 Courses
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.

Eduonix-Tech .
4.3 Average rating
39,620 Reviews
705,624 Students
140 Courses