HTML5 Fundamentals

HTML5 Fundamentals

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 3h 47m | 602 MB

In HTML5 Fundamentals, you will learn all about the new and updated markup along with the associated JavaScript APIs that make up the modern web.

HTML5 is a big and broad topic that has evolved much over the years. In this course, HTML5 Fundamentals, you’ll learn about HTML5 from the new and updated markup to the associated JavaScript APIs that help make up the modern web. After gaining perspective on the breadth, scope, and history of HTML5 you learn about native selection, web forms, media, drawing, and drag and drop APIs. As you go through this course, you’ll learn how to deal with out-of-date browsers and how you can detect browser capabilities so your web apps take advantage of all that HTML5 has to offer. After watching this course, you will have learned how to deal with out-of-date browsers and how you can detect browser capabilities so your web apps take advantage of all that HTML5 has to offer.

Table of Contents

Course Overview
1 – Course Overview – Course Overview

Introduction
2 Introduction
3 Overview and Prerequisites
4 What Is HTML5
5 History of HTML5
6 HTML5 Platform
7 Standards Bodies
8 What, Why, and When
9 What – Structural Elements – Part 1
10 Structural Elements – Part 2
11 Elements with APIs
12 Form Elements
13 New APIs – Graphics and Typography
14 Interaction, Events, and Messaging
15 Storage and Files
16 Real Time Communications
17 Web Components
18 Performance Analysis
19 Security and Privacy
20 Miscellaneous APIs
21 Why
22 When
23 HTML4 vs. HTML5
24 Getting Started with HTML5 Pages
25 Detecting Features
26 Fallbacks and Polyfills
27 Summary

Finding Parts of the Page
28 Introduction
29 Sample Setup
30 getElementsByClassName
31 querySelector and querySelectorAll
32 querySelectorAll Returns a NodeList
33 Iterating NodeList – for loop
34 Iterating NodeList – forEach loop
35 Live Result from getElementsByClassName
36 Static Result from querySelectorAll
37 Summary

Working with User Input
38 Introduction
39 New Elements Overview
40 New Elements Overview (continued)
41 Validation Rules Overview
42 New Elements – Demo
43 New Elements – Markup
44 New Elements in Different Browsers
45 Building Interactivity with CSS Pseudo Classes
46 Custom Validation Messages – Demo and Markup
47 Custom Validation Massages – JavaScript
48 Custom Validation Rules – Demo, Markup, and JavaScript
49 Bootstrap Module – Demo and Markup
50 Bootstrap Module – JavaScript
51 Summary

Music & Video (without Plugins)
52 Introduction
53 Audio Formats
54 Video Formats
55 Basic Controls
56 Basic Controls (continued)
57 Scripted Controls
58 Dynamic Content
59 Summary

Drawing Shapes, Charts, and More
60 Introduction
61 What Is Canvas
62 Drawing Basics Part One
63 Drawing Basics Part Two
64 Drawing Rectangles
65 Order of Operations
66 Arcs, Text, and Gradients
67 Effects – Scale and Rotation
68 Effects – Translate
69 State Management
70 Animation Basics
71 Clipping Introduction
72 Clipping Circle
73 Clipping Rectangle
74 Clear Clipping Areas
75 Clipping Non-contiguous Areas
76 Demo – Magnifying Glass
77 Demo – Static Chart
78 Demo – Dynamic Chart
79 Demo – Video Thumbnails
80 Summary

Drag and Drop
81 Introduction
82 Events Overview
83 Events in Detail
84 Basics – Demo and Markup
85 Basics – JavaScript
86 Basics – JavaScript (continued)
87 Role Selectors – Demo and Code
88 Events – Demo and Markup
89 Events – JavaScript
90 Effects – Demo and Markup
91 Effects – JavaScript
92 Types – Demo and Markup
93 Types – JavaScript
94 File System – Demo and Markup
95 File System – JavaScript
96 Summary