Projects in HTML5

Learn HTML5 and JavaScript by Building 10 Projects

3.85 (293 reviews)
Udemy
platform
English
language
Web Development
category
Projects in HTML5
9,223
students
15.5 hours
content
Dec 2018
last update
$39.99
regular price

What you will learn

Learn HTML5 and Javascript building projects

Develop over 10 applications

Master different APIs introduced in HTML5

Be a web front end expert

Why take this course?

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.

Content

Introduction to the Course

Course Introduction

Getting Started with HTML5

HTML5 Feature Overview
HTML5 Boiler Plate
CSS Styling Part - A
CSS Styling Part - B
JavaScript Basics Part - A
JavaScript Basics Part - B

Blog Frontend

HTML5 Page Structure Part - A
HTML5 Page Structure Part - B
Styling with CSS3 Part - A
Styling with CSS3 Part - B
Add Pages and Forms Part - A
Add Pages and Forms Part - B
Responsive Layout

Animated Image Gallery

Gallery HTML
Gallery CSS
Quicksand Animation Part - A
Quicksand Animation Part - B
Fancybox Lightbox

Snake Game

HTML5 Canvas Part - A
HTML5 Canvas Part - B
Animation and Circles
Snake Game UI - HTML
Snake Game UI - CSS
Snake Game Scripting - Part A
Snake Game Scripting - Part B
Snake Game Scripting - Part C
Snake Game Scripting - Part D

Stickys

Stickys UI Part - A
Stickys UI Part - B
Create Note Object Part - A
Create Note Object Part - B
Drag and Drop Functions Part - A
Drag and Drop Functions Part - B
Saving Notes and Debugging Part - A
Saving Notes and Debugging Part - B

D&D Image Uploader

Image Uploader UI - HTML
Image Uploader UI - CSS
JQuery File Drop Part - A
JQuery File Drop Part - B
PHP upload file Part - A
PHP upload file Part - B

Quiz Application

Quiz UI - HTML Part - A
Quiz UI - HTML Part - B
Quiz UI - CSS
DOM Manipulation
Process Questions
Optimizing our Code Part - A
Optimizing our Code Part - B

HTML5 Audio Player

Audio player UI - HTML Part - A
Audio player UI - HTML Part - B
Audio player UI - CSS Part - A
Audio player UI - CSS Part - B
Play Pause and Stop
Volume and Duration
Playlist Functionality Part - A
Playlist Functionality Part - B

Mobile To Do App

JQuery Mobile - Part A
JQuery Mobile - Part B
JQuery Mobile - Part C
Adding ToDos
Displaying ToDos
Creating and Deleting ToDos Part - A
Creating and Deleting ToDos Part - B
Updating ToDos

Indexed DB App

Customer manager UI Part - A
Customer manager UI Part - B
Database
Add & Get Customers
Delete Customers
Update Customers

Geolocation App

Distance Meter App Intro
Get User Location
Watch and Calculate

Course Summary

Summary
Bonus Lecture: More Interesting Stuff, Offers and Discounts

Our review

Based on the feedback from learners who have taken the "Complete HTML5 & CSS3 Course" by Eduonix, it is clear that the course has received overall positive reviews. Here are some key points and feedback from the learners: 1. **Curriculum Structure**: The course structure is well-liked, with a clear progression from basic to more advanced topics. Learners appreciate the step-by-step guidance in creating projects. 2. **Educational Approach**: The instructor's teaching style is highly praised for being clear, thoughtful, and easy to follow. The hands-on approach of writing code while following along is a strong point of this course. 3. **Project-Based Learning**: The practical nature of the course, with its emphasis on building real projects, is seen as a valuable way to learn by doing. This approach helps solidify concepts through application. 4. **Coding and Technologies**: JavaScript and JQuery are extensively used in this course, which might be more than beginners expect but is deemed necessary and beneficial as an introduction to these technologies. 5. **Quality of Content**: The video quality is outstanding, and the examples provided are very useful. Learners also find value in the tools and resources discussed throughout the course. 6. **Community Engagement**: The course discussions are a positive aspect, with learners finding support from the community when they encounter challenges. However, some learners note that response times to questions can be slow. 7. **Real-World Skills**: The course is commended for providing a foundation for more complex web development tasks, which is directly applicable in real-world scenarios. 8. **Room for Improvement**: A few issues are noted, such as lectures with technical difficulties and a minor distraction like a beeping sound in the background of some videos. These are seen as minor drawbacks compared to the overall value of the course. 9. **Recommendation for Further Learning**: There is an expressed interest in taking additional courses, particularly in PHP and MySQL, from the same instructor, indicating trust and satisfaction with the educational experience. 10. **Overall Satisfaction**: Learners who completed the course express that they got a lot out of it and would recommend it to others looking for a comprehensive introduction to HTML5 and related technologies. In summary, this course is highly recommended for beginners looking to learn HTML5, CSS3, and JavaScript/jQuery, with a clear emphasis on practical projects to build a strong foundation in web development. The feedback suggests that while there are some areas for improvement, the overall learning experience is valuable and beneficial for those starting their journey in web development.

Coupons

DateDiscountStatus
7/30/201983% OFF
expired

Charts

Price

Projects in HTML5 - Price chart

Rating

Projects in HTML5 - Ratings chart

Enrollment distribution

Projects in HTML5 - Distribution chart

Related Topics

197836
udemy ID
4/12/2014
course created date
7/30/2019
course indexed date
Bot
course submited by