HTML5 Tutorial for Beginners

Get ready to learn something good for this summer! I stumbled upon a best set of learning stuff for those who are interested in HTML5. These tutorials are from the thenewboston Official HTML5 Tutorials. The contents as follows:

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

Replies

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

You are reading an archived discussion.

Related Posts

Like my engineering field and like to become a capable engineer one day.
Hi, I am from Jakarta, Indonesia. Now, I am a freelancer. My back ground study is physic/instrumentation. I used to work in private telecommunication company in Indonesia. Hopely, we can...
*GEARTURBINE PROJECT: Atypical InFlow Thermodynamic Technology Proposal Submission Innovative [TURBO-ROTARY] Novel (Fueled) Motor Engine Type -The Gearturbine comes from the contemporary ecological essential global needs of an efficient power plant...
Hi from Mexico - Good to be here. I am a individual Designer, and this is my work: Novel Rotary-InFlow Technology / Featured Development GEARTURBINE PROJECT Innovation Technology Break Barrier...
Am just a new born in electrical and electronic engineering, where do I start from?