You can learn anything on Udemy. Start today with one of our 10,000+ online courses

HTML5 Beginners Crash Course

Learn HTML5 - the next frontier in web development!
25 reviews
WHAT'S INSIDE
  • Lifetime access to 46 lectures
  • 7+ hours of high quality content
  • Closed captioning enabled
  • A community of 2300+ students learning together!
  • 80+ discussions
TAUGHT BY
  • 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.

SHARE

HTML5 Beginners Crash Course

Learn HTML5 - the next frontier in web development!
25 reviews

HTML5 for Beginners is the fastest way to learn HTML5. This highly informative and popular course, already taken by over 2200 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!

    • 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..
    • 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

CURRICULUM

  • SECTION 1:
    Introduction To HTML
  • 1
    Why you need to know HTML5
    03:10
  • 2
    Lecture 1: Introduction to HTML
    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…
  • 3
    Video: About HTML
    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.

  • 4
    Lecture 2: The Layout of an HTML Document
    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…
  • 5
    HTML Document Walkthrough
    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.

  • 6
    Lecture 3: The HTML Document Body
    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…
  • 7
    Video: HTML Body
    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.

  • 8
    examples
    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.

  • 9
    My CSS & CSS3 Crash Course
    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…
  • 10
    SPECIAL OFFER
    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
  • 11
    Lecture 4: Fonts, Colors & Images
    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…
  • 12
    Video: Text & Images
    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.

  • 13
    Lecture 5: Lists & Tables
    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…
  • 14
    Video: Using Lists
    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.

  • 15
    Video: Using Tables
    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.

  • 16
    Lecture 6: Links Forms & Frames
    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…
  • 17
    Video: Using Links
    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.

  • 18
    Video: Using Forms
    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.

  • 19
    Lecture 7: The HTML 4 Tags
    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…
  • 20
    Lecture 8: Introducing HTML5
    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…
  • 21
    Video: About 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
  • 22
    Lecture 9: 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…
  • 23
    Video: O() & S()
    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.

  • 24
    Video: Canvas Tips
    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.

  • 25
    Lecture 10: Fills & Shapes
    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,…
  • 26
    Video: Using Fills
    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.

  • 27
    Lecture 11: Canvas Text
    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…
  • 28
    Video: Using Text
    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.

  • 29
    Lecture 12: Lines Paths & Curves
    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…
  • 30
    Video: Lines & Paths
    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.

  • 31
    Lecture 13: Images & Pixels
    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…
  • 32
    Video: Using Images
    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.

  • 33
    Lecture 14: Advanced Effects
    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…
  • 34
    Video: Using Effects
    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
  • 35
    Lecture 15: HTML5 Geolocation
    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…
  • 36
    Video: Geolocation
    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.

  • 37
    Lecture 16: HTML5 Forms
    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…
  • 38
    Video: Using Forms
    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.

  • 39
    Lecture 17: HTML5 Local Storage
    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…
  • 40
    Video: Using Storage
    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
  • 41
    Lecture 18: HTML5 Audio
    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…
  • 42
    Video: Using Audio
    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.

  • 43
    Lecture 19: HTML5 Video
    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…
  • 44
    Video: Using Video
    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
  • 45
    Lecture 20: Microdata & More
    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…
  • 46
    Video: Microdata etc
    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.

RATING

  • 7
  • 10
  • 4
  • 0
  • 4
AVERAGE RATING
NUMBER OF RATINGS
25

REVIEWS

  • 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.

  • 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.

  • Lukas Lukac
    Terrible course

    I didnt learn almost nothing. Waste of money. The content was bored and annoying. Really bad!. I was expecting MUCH MUCH more of this course. Big disapointing.

  • DeEtte Starr
    HTML made clear

    I'm learning so much about HTML! This is a clear, step-by-step explanation.

  • 30 day money back guarantee!
  • Lifetime Access. No Limits!
  • Mobile Accessibility
  • Certificate of Completion
STUDENTS WHO VIEWED THIS COURSE ALSO VIEWED: