HTML 5 Step by Step
| VU Course ID: | CP305 |
| Curriculum: | 53 videos |
| Fee: | FREE |
| Textbooks: |
None |
| Prerequisites: | None |
| Developer: | Bucky Roberts |
| Provider: | TheNewBoston.com |
Recordable:
 |
Yes |
Sponsored Message
Course Description
HTML is the language of the World Wide Web. Most of the Web pages that you view in your browser are built using HTML. In the early days of the Web, the hypertext markup language was simple, providing a set of very basic techniques for displaying text, such as setting fonts, colors and size. Today, HTML 5 gives Web designers a host of tools for bringing a website to life and displaying rich content that users now expect as they surf online. This course provides 53 videos that will give you a hands-on understanding of HTML 5. You’ll learn how to create high-end Web pages that include all of the cool features built into HTML 5.
| 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 |
| Notepad.cc: ~ Leave yourself notes in the cloud! |
|
OpenYou can use Notepad.cc to jot down notes and keep track of your studies. If this is your first use, click the Open button, then click in the white space and begin typing! Your notes will be auto-saved as you type.
Create notes for each of your classes
and access them using any browser. You also can share notes with a classmate, collaborate in real time,
or password-protect your notes for privacy. Click the Expand icon
above to access these features.
Sponsored Message
If you have completed this course, please review it. Sharing your experiences will help others know what to expect from this class, and your feedback will be much appreciated!
