Welcome to ONLC Training Centers

HTML5 Application Development Fundamentals - 40375 Course Outline

 (3 days)

Voucher Notice
Please note, this class is not eligible for payment through Software Assurance Training Vouchers funded by Microsoft.

The Microsoft Technology Associate certification (MTA) curriculum helps teach and validate fundamental technology concepts. This MTA text covers the following HTML5 Application vital fundamental skills:
• Manage the Application Life Cycle
• Build the User Interface by Using HTML5
• Format the User Interface by Using CSS
• Code by Using JavaScript

Course Outline

Lesson 1: Managing the Application Life Cycle 1
Exam Objective Matrix 1
Key Terms 1
Understanding Platform Fundamentals 2
What’s New in HTML5? 3
Creating Apps 5
Exploring Packaging and the Runtime
Environment 7
Understanding the Host Process 7
Understanding the App Package and App Container 8
Understanding Credentials and Permission Sets 10
Understanding and Managing
Application States 10
Storing State Data Using Local and Session
Storage 11
AppCache for Offline Files 11
Understanding Touch Interfaces and Gestures 12
Leveraging Existing HTML5 Skills and Content for
Slate/Tablet Applications 13
Debugging and Testing HTML5 Apps 13
Validating HTML5 Code 14
Validating a Package 14
Publishing an Application to a Store 16
Skill Summary 17
Knowledge Assessment 18
Competency Assessment 20
Proficiency Assessment 20

Lesson 2: Building the User Interface by Using HTML5: Text, Graphics, and Media 21
Exam Objective Matrix 21
Key Terms 21
Understanding the Essentials of HTML 22
Basic Markup and Page Structure 22
Using Attributes 23
Nesting Elements 24
Understanding Entities 24
Understanding the Doctype 25
Exploring the Markup of a Simple Web Page 26
Choosing and Configuring HTML5 Tags to Display
Text Content 29
Text Elements from HTML 4 with New Meaning or
Functionality 29
New Text Elements in HTML5 31
Text Elements Not Used in HTML5 32
Choosing and Configuring HTML5 Tags to
Display Graphics 34
Using the figure and figcaption Elements 35
Creating Graphics with Canvas 38
Canvas Basics 39
Creating an Outline of a Shape 40
Providing an Alternate Image or Text for Older
Browsers 41
Creating Graphics with SVG 42
When to Use Canvas Instead of SVG 44
Choosing and Configuring HTML5 Tags
to Play Media 45
Understanding and Using Video Tags 45
Understanding and Using Audio Tags 47
Skill Summary 49
Knowledge Assessment 49
Competency Assessment 51
Proficiency Assessment 52

Lesson 3: Building the User Interface by Using HTML5: Organization, Input, and Validation 53
Exam Objective Matrix 53
Key Terms 53
Choosing and Configuring HTML5 Tags to
Organize Content and Forms 54
Understanding Semantic HTML 54
Using Tags to Add Structure to an HTML
Document 55
The header and footer Elements 56
The section Element 57
The nav Element 59
The article Element 61
The aside Element 61
Using Tags to Create Tables and Lists 64
Creating Tables 64
Creating Lists 69
Choosing and Configuring HTML5 Tags for Input
and Validation 72
Understanding Input and Forms 73
Exploring Form Creation, Input Attributes, and Values 77
Understanding Validation 81
Skill Summary 83
Knowledge Assessment 84
Competency Assessment 86
Proficiency Assessment 86

Lesson 4: Understanding CSS Essentials: Content Flow, Positioning, and styling 87
Objective Domain Matrix 87
Key Terms 87
Understanding CSS Essentials 87
Using the Appropriate Tools 88
Exploring the Link between HTML and CSS 89
Separating Content from Style 91
Understanding Selectors and Declarations 92
Understanding Fonts and Font Families 94
Managing Content Flow 96
Positioning Individual Elements 99
Applying Float Positioning 99
Applying Absolute Positioning 100
Managing Content Overflow 102
Understanding Scrolling Overflow 102
Understanding Visible Overflow and Hidden Overflow 104
Skill Summary 105
Knowledge Assessment 106
Competency Assessment 108
Proficiency Assessment 109

Lesson 5: Understanding CSS Essentials: Layouts 110
Exam Objective Matrix 110
Key Terms 110
Arranging User Interface (UI) Content
by Using CSS 111
Using Flexbox for Simple Layouts and Using Grid for Complex Layouts 112
Using a Flexible Box to Establish Content Alignment, Direction, and Orientation 114
Work with Flexboxes and Flexbox Items 116
Applying Proportional Scaling within a Flexbox 116
Changing the Direction of Child Items in a Flexbox 122
Ordering and Arranging Content 126
Using Grid Layouts to Establish Content
Alignment, Direction, and Orientation 128
Creating a Grid Using CSS Properties for
Rows and Columns 130
Understanding Grid Templates 132
Skill Summary 133
Knowledge Assessment 133
Competency Assessment 135
Proficiency Assessment 136

Lesson 6: Managing Text Flow by Using CSS 137
Exam Objective Matrix 137
Key Terms 137
Managing the Flow of Text Content by Using CSS 137
Understanding and Using Regions to Flow Text Content between Multiple Sections 139
Flowing Content through Containers Dynamically 140
Overflowing Text 142
Microsoft’s Implementation of CSS Regions 142
Using Columns and Hyphenation to Optimize
the Readability of Text 145
Creating Columns 146
Using Hyphenation 150
Using CSS Exclusions to Create Text Flow
around a Floating Object 152
Skill Summary 155
Knowledge Assessment 155
Competency Assessment 157
Proficiency Assessment 158

Lesson 7: Managing the Graphical Interface by Using CSS 159
Exam Objective Matrix 159
Key Terms 159
Managing the Graphical Interface with CSS 159
Creating Graphics Effects 160
Creating Rounded Corners 160
Creating Shadows 161
Applying Transparency 163
Applying Background Gradients 164
Understanding Typography and the Web
Open Font Format 166
Applying 2D and 3D Transformations 167
2D Translation 168
2D Scaling 169
2D and 3D Rotation 171
2D and 3D Skewing 172
Understanding 3D Perspective, Transitions, and Animations 173
Applying SVG Filter Effects 179
Using Canvas to Enhance the GUI 182
Skill Summary 185
Knowledge Assessment 186
Competency Assessment 188
Proficiency Assessment 188

Lesson 8: Understanding JavaScript and Coding Essentials 189
Objective Domain Matrix 189
Key Terms 189
Managing and Maintaining JavaScript 189
Creating and Using Functions 193
Using jQuery and Other Third-Party Libraries 197
Updating the UI by Using JavaScript 199
Locating and Accessing Elements 201
Listening and Responding to Events 203
Showing and Hiding Elements 206
Updating the Content of Elements 208
Adding Elements 209
Skill Summary 211
Knowledge Assessment 212
Competency Assessment 214
Proficiency Assessment 214

Lesson 9: Creating Animations, Working with Graphics, and Accessing Data 215
Objective Domain Matrix 215
Key Terms 215
Coding Animations by Using JavaScript 216
Creating Animations 216
Working with Images, Shapes,
and Other Graphics 219
Manipulating the Canvas with JavaScript 220
Sending and Receiving Data 224
Transmitting Complex Objects and Parsing 227
Loading and Saving Files 229
Using the Application Cache (AppCache) 231
Understanding and Using Data Types 233
Using JavaScript to Validate User Form Input 233
Understanding and Using Cookies 235
Understanding and Using Local Storage 237
Skill Summary 239
Knowledge Assessment 240
Competency Assessment 242
Proficiency Assessment 242

Lesson 10: JavaScript Coding for the Touch Interface, Device and Operating System Resources, and More 243
Exam Objective Matrix 243
Key Terms 243
Responding to the Touch Interface 244
Capturing and Responding to Gestures 246
Coding Additional HTML5 APIs 249
Coding to Capture GeoLocation 249
Understanding Web Workers 252
Understanding WebSockets 255
Using File API for File Uploads 258
Accessing Device and Operating
System Resources 260
Accessing In-Memory Resources 260
Accessing Hardware Capabilities 262
Understanding Global Positioning System (GPS) 263
Understanding Accelerometer 263
Accessing a Camera 263
Skill Summary 264
Knowledge Assessment 265
Competency Assessment 267
Proficiency Assessment 267
Appendix 268
Index 269
View outline in Word


Attend hands-on, instructor-led HTML5 Application Development Fundamentals - 40375 training classes at ONLC's more than 300 locations. Not near one of our locations? Attend these same live classes from your home/office PC via our Remote Classroom Instruction (RCI) technology.

For additional training options, check out our list of Development Courses and select the one that's right for you.

Microsoft Gold Partner
Class Dates
(click date for class times)
(click Enroll for locations)

Fee:  $1125

Savings options:

 CEA Tech Saver
Need a price quote?

Follow the link to our self-service price quote form to generate an email with a price quote.

Email Alert

Receive an email when this class is available as "Ready to Run" or "Early Notice" status.

Attend from your office or home

If you have high-speed internet and two computers you can likely take this class from your office or home.

Need a class for a group?

We can deliver this class for a private group at your location. Follow the link to request more information.

Attend computer classes from ONLC Training Centers Request a copy via mail


Class Format
Class Policies
Student Reviews

Bookmark and Share

First Name

Last Name