HTML5 Beginners Crash Course

Learn HTML5 - the next frontier in web development!
  • Lectures 46
  • Video 8 Hours
  • Skill level all level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

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.

Course Description

HTML5 for Beginners is the fastest way to learn HTML5. This highly informative and popular course, already taken by over 2700 people, is taught by Robin Nixon, author of Learning PHP, MySQL and JavaScript (the most popular book on web development worldwide for over five years). The course covers everything you need to know to learn HTML5 and leverage its power to create highly dynamic websites.

Because it starts from the first principles of HTML, you need no prior knowledge of the subject, since the course begins with a thorough introduction to HTML (which skilled users can skip), before moving onto what's new in HTML5.

****

HTML5 is the latest version of the Web's bedrock markup language, HTML. But it has come to stand for much more than the average, slow-moving technical standard. HTML5 is intended to make web sites behave more like conventional desktop applications, incorporating video, complex interactions and data as well as greater compatibility with mobile devices.

Something in the last couple of years kicked the HTML5 adoption machine into overdrive. Maybe it was Apple and Microsoft joining hands and dubbing it the future of the web (who knew it could happen?!). Maybe it was Google's launch of the Chrome Web Store, with its focus on HTML5 (get your angry birds fix in a 15 inch screen!). Maybe it was the HTML5-friendly (or shall I say Flash-unfriendly) iPad's meteoric sales. Whatever it was, a recent wave of web apps from huge technology giants confirms that this much-hyped language has business' blessing.

But where do you come in? As HTML5 becomes more and more popular, other web development solutions become less and less prevalent. In a few short years, either you'll be coding in HTML5 or you'll be working on IE 6 (good luck with that one!). On the flipside, develop a few HTML5 pages now and you'll become a guru, be the envy of your peers, and will be building websites that work on PC, Mac, iPhone, Android, Firefox, Chrome, the iPad, and any other device or browser you can think of.

So what are you waiting for? Grab this HTML5 crash course for beginners and start learning the future, today!

What am I going to get from this course?

  • Over 46 lectures and 7.5 hours of content!
  • 15 lectures introducing HTML for newcomers
  • 15 lectures on accessing the HTML5 canvas for drawing
  • 6 lectures on using geolocation, local storage & advanced forms
  • 4 lectures on embedding HTML5 audio & video
  • 2 lectures introducing microdata, web workers and offline web apps
  • and much more..

What is the target audience?

  • Anyone who wishes to learn web development
  • Existing webmasters who need to add to their skills
  • Developers interested in learning the basics of HTML5 and JavaScript
  • Anyone who needs to learn everything HTML5 has to offer

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 HTML
Why you need to know HTML5
Preview
03:10
Text

In his famous play for radio, Under Milk Wood, the poet Dylan Thomas chose to start with the words 'To begin at the beginning,' and that seems also the appropriate place to start this course on HTML5, because many of you will be new to HTML, while others will be seasoned professionals who wish to a…

07:31

This screencast tutorial accompanies the written material for Section 1. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
Don’t worry too much if Lecture 1 has left you scratching your head. If any of it is unclear right now you will soon understand it as I take you section by section through a typical HTML document, and show you how it is laid out. If you’ve never used HTML before I think you’ll be pleasantly surprise…
06:03

This screencast tutorial accompanies the written material for Lecture 2. I recommend you read the text first and then view this video, which takes you through everything step by step.

Note: At around 2:15 I refer to the contents= attribute of a meta tag. This should, of course, be content= to work correctly.

Text
In the first two lectures I introduce HTML and explain the different sections it requires. In this lecture I start to look more closely at the body section of an HTML document, which resides within and tags. The section of HTML is where you place all the things that the web browser should display. A…
09:42

This screencast tutorial accompanies the written material for Section 3. I recommend you read the text first and then view this video, which takes you through everything step by step.

2.36 MB

The file downloadable from this section contains all the example files used in this course. It is a Zip file which can be uncompressed by all main computers, including Windows, Mac and Linux.

Note: All content uploaded to Udemy is called a 'lecture' by the software it runs on. So this and any other notes or information I add to the course will always display as new lectures, whether or not they are lectures. Therefore I place a large logo with a number on it next to actual lecture material to differentiate them from notes, example files and other material.

Text
NEW - SPECIAL OFFER: I have arranged an offer for existing subscribers to this course, so that you can take my CSS & CSS3 course for half price - just use the coupon code HTML5-STUDENTS when you sign up! My new CSS & CSS3 Crash Course is now finished and is an excellent companion to this one. Writte…
Text
SPECIAL STUDENT OFFER To help you with perfecting your web development, I have arranged a special student discount for the CSE HTML Validator. Normally this software, which goes through your CSS and HTML with a fine tooth comb to find any errors, sells for up to $129, but as a student of this course…
Section 2: HTML 4.01 & Introduction To HTML5
Text
So far you have learned about the structure of an HTML document, and how to format and emphasize text to present it well. In this lecture I show you how to change the font face and size of any text, as well as how to add coloring to the text foreground or background of, and how to load in and displa…
09:43

This screencast tutorial accompanies the written material for Section 4. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
By now you should be really appreciating the power of HTML, and we’ve only covered a subsection of HTML 4.01, but bear with me if you are new to HTML as you need this background in order to prepare you for all the goodies that have been added in HTML 5. And even if you are experienced with HTML it m…
06:01

This screencast tutorial accompanies the written material on HTML lists in Section 5. I recommend you read the text first and then view this video, which takes you through everything step by step.

11:29

This screencast tutorial accompanies the written material on HTML tables in Section 5. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
The great thing about the Internet is the way documents located anywhere in the world can be linked to each other so that you can navigate to them with a single mouse click. This interconnectedness even extends to the ability to embed pages or portions of pages from the same or any other website, an…
10:31

This screencast tutorial accompanies the written material on HTML links in Section 6. I recommend you read the text first and then view this video, which takes you through everything step by step.

08:02

This screencast tutorial accompanies the written material on HTML forms in Section 6. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
The Complete Tag List For ease of reference, the following list contains all the main HTML 4.01 tags in alphabetical order, along with short descriptions for each. It also tells you whether a tag is deprecated and might therefore be removed from future versions of HTML—in which case, for long term s…
Text
HTML5 is a specification that’s still under development and is not expected to be complete before 2012-13. Therefore it’s important for you to know about all the tags (both current and future), and how they work on various platforms and browsers, so that you will know just what you can do with HTML5…
08:21

This screencast tutorial accompanies the written material on HTML forms in Section 8. I recommend you read the text first and then view this video, which takes you through everything step by step.

Section 3: The HTML5 Canvas
Text
There are no two ways around it. If I’m going to show you how to use the HTML5 Canvas then I’m also going to have to give you and ultra-crash course on JavaScript, or at least on those aspects of it required for manipulating the canvas. So here goes (if you already know JavaScript you can briefly sk…
06:16

This screencast tutorial accompanies the written material on the O() and S() functions in Section 9. I recommend you read the text first and then view this video, which takes you through everything step by step.

04:18

This screencast tutorial accompanies the written material on copying a canvas to an image in Section 9. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
Now that you’ve seen how to use JavaScript to access the HTML5 canvas let’s look at all the different functions available for creating different effects, including drawing lines, rectangles and circles, changing colors, using pattern and gradient fills, writing text, changing font face, using lines,…
12:42

This screencast tutorial accompanies the written material in Section 10. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
This lecture continues our exploration of the HTML5 canvas buy looking at how you can write text to it, including using a variety of fonts and styles, as well as incorporating the various fill styles covered in the previous lecture . Many of these examples draw on those in Lecture 10 , so you may wi…
06:56

This screencast tutorial accompanies the written material in Section 11. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
In this lecture I’ll be showing you how you can customize all the functions that draw using lines such as strokeRect() and strokeText() (which you’ve already seen), as well the line drawing functions, and how to use paths to create complicated patterns and curves. Note : Remember that that examples…
16:11

This screencast tutorial accompanies the written material in Section 12. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
In this lecture I’ll begin to look into the more advanced aspects of the HTML5 canvas, including drawing uses images, adding shadows and even directly manipulating the pixels (individual dots) of the canvas by their constituent primary colors of red, blue and green, and their transparency too. Note…
17:01

This screencast tutorial accompanies the written material in Section 13. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
In this final lecture on the HTML5 canvas I show you how to use the remaining advance graphical features not yet introduced, including compositing, transparency and transformations, as well as how to save and restore context between operations. Note : Remember that that examples from this lecture ar…
13:30

This screencast tutorial accompanies the written material in Section 14. I recommend you read the text first and then view this video, which takes you through everything step by step.

Section 4: HTML5 Geolocation, Forms & Local Storage
Text
With the incredible rise in popularity of smartphones the ability to determine the location of a device has become almost essential, particularly for running interactive maps and navigation software, and even for finding local Wi-Fi hotspots, or services such as restaurants or cash dispensing machin…
07:12

This screencast tutorial accompanies the written material in Section 15. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
If you’ve ever used HTML forms you’ll be aware of how limiting they can be. Alright they provide the facility to create different types of fields and buttons, but that’s about it. There are no date pickers for easy selection of dates form popup menus. There’s no built in verification of data types s…
06:55

This screencast tutorial accompanies the written material in Section 16. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
You are probably quite familiar with cookies; small units of data that are stored locally by your browser, and which contain information helpful to using a website, such as your login details (to save you continuously reentering them), and which are often also used somewhat more intrusively to track…
03:16

This screencast tutorial accompanies the written material in Section 17. I recommend you read the text first and then view this video, which takes you through everything step by step.

Section 5: HTML5 Audio & Video
Text
In this section of the course I’ll introduce two the of most popular additions to HTML5, the and tags. In fact they are probably going to be even more used that the amazing tag due to the ability to play media directly within the browser, without the need for an external plug-in such as the Flash pl…
03:44

This screencast tutorial accompanies the written material in Section 18. I recommend you read the text first and then view this video, which takes you through everything step by step.

Text
Adding HTML5 video to your pages is almost as easy as audio but there are some differences, and I’ll point out the things you need to concern yourself with. The main thing to realize, though, is that HTML5 video is still in its infancy and that specifications and codecs may change over times, as may…
03:59

This screencast tutorial accompanies the written material in Section 19. I recommend you read the text first and then view this video, which takes you through everything step by step.

Section 6: Everything Else HTML5
Text
The fact is that HTML5 is a development that is proceeding gradually. Many of its tags and features have already been implemented by the major browsers, while, as you’ve seen, others are only partially developed on some browsers. So I have reserved the final lecture in this course for discussion of…
10:46

This screencast tutorial accompanies the written material in Section 20. I recommend you read the text first and then view this video, which takes you through everything step by step.

Instructor Biography

Robin Nixon , Author, Publisher & Online Instructor

Robin Nixon is a prolific web developer, programmer and technical author with over 15 years experience of creating websites using technologies such as HTML, CSS, JavaScript, PHP, MySQL and Ajax. He has also written over 20 books on web development and more than 500 magazine articles on computing in general. Robin's most popular book to date is Learning PHP, MySQL & JavaScript, which has been at the top of web development book charts for over five years.

Join the biggest student community

7,000,000

Hours of video content

26,000,000

Course Enrollments

7,100,000

Students

Reviews

Average Rating
3.6
Details
  1. 5 Stars
    8
  2. 4 Stars
    11
  3. 3 Stars
    4
  4. 2 Stars
    1
  5. 1 Stars
    4
    • J Adams

    Great Learning Value

    I enjoyed the course because it is concise, informative and thorough. The instructor gets right to the point with clear and understandable narration and on screen demonstration. All code examples worked on my fedora 20 system with no modification.

    • John Francis

    Very good tutorial

    Covers a lot of concepts and provides code to understand what's happening. Would recommend.

    • Robert Grutko

    Good Crash Course

    Enjoyed the lectures followed by the video examples, easy to understand style and follow along.

    • Ken Biggs

    Ken Biggs

    • Gregg Hasenjaeger

    Awesome course

    This is another great course by Robin Nixon. I hope a more advanced course is in consideration. I would be one of the first if not first to sign up for it.

Show more reviews
Ready to start learning?
Preview this course