Getting Started with HTML5 by TheNewBoston

Course Description

A friendly introduction to new features of HTML5 by TheNewBoston's Bucky Roberts. He will walk you through the basics of AJAX, while showing some applications in web development.

Getting Started with HTML5 by TheNewBoston
HTML5 is the latest version of XHTML, with new features including image canvas and OpenGL
Not yet rated

Video Lectures & Study Materials

# Lecture Play Lecture
1 Introduction to HTML5 (4:17) Play Video
2 Creating a Basic Template (7:23) Play Video
3 Setting up the body (8:54) Play Video
4 Adding the Meat! (5:35) Play Video
5 Attribute Selectors (9:49) Play Video
6 Introduction to pseudo-classes (5:55) Play Video
7 Negation pseudo-class (3:35) Play Video
8 Sweet New CSS3 Selectors (5:33) Play Video
9 Laying Out the Website (4:56) Play Video
10 Starting the Styling (5:59) Play Video
11 Styling the Navigation Menu (9:32) Play Video
12 Making Everything Pretty (9:06) Play Video
13 Finishing the Layout (5:34) Play Video
14 Flexible Box Model (8:23) Play Video
15 Styling the Header and Navigation (7:01) Play Video
16 Finishing the Flexible Box Model Layout (9:46) Play Video
17 Reversing the Box Order (6:56) Play Video
18 More Flexible Box Model Tricks! (7:15) Play Video
19 Finishing up the Flexible Box Model (7:29) Play Video
20 Rounded Corners and Shadows! (7:46) Play Video
21 Text Shadows, Gradients, and Alpha (8:14) Play Video
22 Crazy Transformations (7:06) Play Video
23 Animating with Transitions (4:55) Play Video
24 Making Awesome Rollover Buttons (6:57) Play Video
25 Working with JavaScript in HTML5 (8:46) Play Video
26 querySelectorAll (5:23) Play Video
27 Playing Video on Your Website (8:50) Play Video
28 How to Customize Your Video Player (9:14) Play Video
29 Making Your Skin Look Pretty! (8:10) Play Video
30 Styling the Default and Progress Bars (8:29) Play Video
31 Programming the Video Player (9:07) Play Video
32 Playing and Pausing the Movie (8:30) Play Video
33 How to Update the Progress Bar (8:36) Play Video
34 Finishing Up the Video Player! (9:58) Play Video
35 The Canvas Element (5:44) Play Video
36 Drawing Shapes on the Canvas (9:07) Play Video
37 Gradients on the Canvas (7:12) Play Video
38 Making Sweet Custom Shapes! (5:19) Play Video
39 Working with Text and Shadows (7:18) Play Video
40 Transformations (8:41) Play Video
41 Saving and Restoring the Canvas (5:21) Play Video
42 Images on the Canvas (6:40) Play Video
43 Animation for Games! (7:14) Play Video
44 Drag and Drop (8:02) Play Video
45 Working on the Drag and Drop Program (9:28) Play Video
46 Finishing the Drag and Drop Program! (9:16) Play Video
47 Spice it Up (9:08) Play Video
48 Web Storage API (6:45) Play Video
49 Making the Web Storage Program Pretty (3:54) Play Video
50 Saving Data (7:35) Play Video
51 Retrieving and Displaying Stored Data (7:11) Play Video
52 Making Something Useful (7:28) Play Video
53 Saving Data While Visiting Other Websites (7:05) Play Video


There are no comments. Be the first to post one.
  Post comment as a guest user.
Click to login or register:
Your name:
Your email:
(will not appear)
Your comment:
(max. 1000 characters)
Are you human? (Sorry)
CosmoLearning is promoting these materials solely for nonprofit educational purposes, and to recognize contributions made by The New Boston (thenewboston) to online education. We do not host or upload any copyrighted materials, including videos hosted on video websites like YouTube*, unless with explicit permission from the author(s). All intellectual property rights are reserved to thenewboston and involved parties. CosmoLearning is not endorsed by thenewboston, and we are not affiliated with them, unless otherwise specified. Any questions, claims or concerns regarding this content should be directed to their creator(s).

*If any embedded videos constitute copyright infringement, we strictly recommend contacting the website hosts directly to have such videos taken down. In such an event, these videos will no longer be playable on CosmoLearning or other websites.