|
Lesson 1 Managing the Application Life Cycle |
|
|
1 | (20) |
|
|
1 | (1) |
|
|
1 | (1) |
|
Understanding Platform Fundamentals |
|
|
2 | (8) |
|
|
3 | (2) |
|
|
5 | (2) |
|
Exploring Packaging and the Runtime Environment |
|
|
7 | (1) |
|
Understanding the Host Process |
|
|
7 | (1) |
|
Understanding the App Package and App Container |
|
|
8 | (2) |
|
Understanding Credentials and Permission Sets |
|
|
10 | (1) |
|
Understanding and Managing Application States |
|
|
10 | (2) |
|
Storing State Data Using Local and Session Storage |
|
|
11 | (1) |
|
AppCache for Offline Files |
|
|
11 | (1) |
|
Understanding Touch Interfaces and Gestures |
|
|
12 | (1) |
|
Leveraging Existing HTML5 Skills and Content for Slate/Tablet Applications |
|
|
13 | (1) |
|
Debugging and Testing HTML5 Apps |
|
|
13 | (3) |
|
|
14 | (1) |
|
|
14 | (2) |
|
Publishing an Application to a Store |
|
|
16 | (1) |
|
|
17 | (1) |
|
|
18 | (2) |
|
|
20 | (1) |
|
|
20 | (1) |
|
Lesson 2 Building the User Interface by Using HTML5: Text, Graphics, and Media |
|
|
21 | (32) |
|
|
21 | (1) |
|
|
21 | (1) |
|
Understanding the Essentials of HTML |
|
|
22 | (7) |
|
Basic Markup and Page Structure |
|
|
22 | (1) |
|
|
23 | (1) |
|
|
24 | (1) |
|
|
24 | (1) |
|
Understanding the Doctype |
|
|
25 | (1) |
|
Exploring the Markup of a Simple Web Page |
|
|
26 | (3) |
|
Choosing and Configuring HTML5 Tags to Display Text Content |
|
|
29 | (5) |
|
Text Elements from HTML 4 with New Meaning or Functionality |
|
|
29 | (2) |
|
New Text Elements in HTML5 |
|
|
31 | (1) |
|
Text Elements Not Used in HTML5 |
|
|
32 | (2) |
|
Choosing and Configuring HTML5 Tags to Display Graphics |
|
|
34 | (11) |
|
Using the figure and figcaption Elements |
|
|
35 | (3) |
|
Creating Graphics with Canvas |
|
|
38 | (1) |
|
|
39 | (1) |
|
Creating an Outline of a Shape |
|
|
40 | (1) |
|
Providing an Alternate Image or Text for Older Browsers |
|
|
41 | (1) |
|
Creating Graphics with SVG |
|
|
42 | (2) |
|
When to Use Canvas Instead of SVG |
|
|
44 | (1) |
|
Choosing and Configuring HTML5 Tags to Play Media |
|
|
45 | (4) |
|
Understanding and Using Video Tags |
|
|
45 | (2) |
|
Understanding and Using Audio Tags |
|
|
47 | (2) |
|
|
49 | (1) |
|
|
49 | (2) |
|
|
51 | (1) |
|
|
52 | (1) |
|
Lesson 3 Building the User Interface by Using HTML5: Organization, Input, and Validation |
|
|
53 | (34) |
|
|
53 | (1) |
|
|
53 | (1) |
|
Choosing and Configuring HTML5 Tags to Organize Content and Forms |
|
|
54 | (18) |
|
Understanding Semantic HTML |
|
|
54 | (1) |
|
Using Tags to Add Structure to an HTML Document |
|
|
55 | (1) |
|
The header and footer Elements |
|
|
56 | (1) |
|
|
57 | (2) |
|
|
59 | (2) |
|
|
61 | (1) |
|
|
61 | (3) |
|
Using Tags to Create Tables and Lists |
|
|
64 | (1) |
|
|
64 | (5) |
|
|
69 | (3) |
|
Choosing and Configuring HTML5 Tags for Input and Validation |
|
|
72 | (11) |
|
Understanding Input and Forms |
|
|
73 | (4) |
|
Exploring Form Creation, Input Attributes, and Values |
|
|
77 | (4) |
|
|
81 | (2) |
|
|
83 | (1) |
|
|
84 | (2) |
|
|
86 | (1) |
|
|
86 | (1) |
|
Lesson 4 Understanding CSS Essentials: Content Flow, Positioning, and Styling |
|
|
87 | (23) |
|
|
87 | (1) |
|
|
87 | (1) |
|
Understanding CSS Essentials |
|
|
87 | (18) |
|
Using the Appropriate Tools |
|
|
88 | (1) |
|
Exploring the Link between HTML and CSS |
|
|
89 | (2) |
|
Separating Content from Style |
|
|
91 | (1) |
|
Understanding Selectors and Declarations |
|
|
92 | (2) |
|
Understanding Fonts and Font Families |
|
|
94 | (2) |
|
|
96 | (3) |
|
Positioning Individual Elements |
|
|
99 | (1) |
|
Applying Float Positioning |
|
|
99 | (1) |
|
Applying Absolute Positioning |
|
|
100 | (2) |
|
Managing Content Overflow |
|
|
102 | (1) |
|
Understanding Scrolling Overflow |
|
|
102 | (2) |
|
Understanding Visible Overflow and Hidden Overflow |
|
|
104 | (1) |
|
|
105 | (1) |
|
|
106 | (2) |
|
|
108 | (1) |
|
|
109 | (1) |
|
Lesson 5 Understanding CSS Essentials: Layouts |
|
|
110 | (27) |
|
|
110 | (1) |
|
|
110 | (1) |
|
Arranging User Interface (UI) Content by Using CSS |
|
|
111 | (3) |
|
Using Flexbox for Simple Layouts and Using Grid for Complex Layouts |
|
|
112 | (2) |
|
Using a Flexible Box to Establish Content Alignment, Direction, and Orientation |
|
|
114 | (14) |
|
Work with Flexboxes and Flexbox Items |
|
|
116 | (1) |
|
Applying Proportional Scaling within a Flexbox |
|
|
116 | (6) |
|
Changing the Direction of Child Items in a Flexbox |
|
|
122 | (4) |
|
Ordering and Arranging Content |
|
|
126 | (2) |
|
Using Grid Layouts to Establish Content Alignment, Direction, and Orientation |
|
|
128 | (5) |
|
Creating a Grid Using CSS Properties for Rows and Columns |
|
|
130 | (2) |
|
Understanding Grid Templates |
|
|
132 | (1) |
|
|
133 | (1) |
|
|
133 | (2) |
|
|
135 | (1) |
|
|
136 | (1) |
|
Lesson 6 Managing Text Flow by Using CSS |
|
|
137 | (22) |
|
|
137 | (1) |
|
|
137 | (1) |
|
Managing the Flow of Text Content by Using CSS |
|
|
137 | (2) |
|
Understanding and Using Regions to Flow Text Content between Multiple Sections |
|
|
139 | (16) |
|
Flowing Content through Containers Dynamically |
|
|
140 | (2) |
|
|
142 | (1) |
|
Microsoft's Implementation of CSS Regions |
|
|
142 | (3) |
|
Using Columns and Hyphenation to Optimize the Readability of Text |
|
|
145 | (1) |
|
|
146 | (4) |
|
|
150 | (2) |
|
Using CSS Exclusions to Create Text Flow around a Floating Object |
|
|
152 | (3) |
|
|
155 | (1) |
|
|
155 | (2) |
|
|
157 | (1) |
|
|
158 | (1) |
|
Lesson 7 Managing the Graphical Interface by Using CSS |
|
|
159 | (30) |
|
|
159 | (1) |
|
|
159 | (1) |
|
Managing the Graphical Interface with CSS |
|
|
159 | (26) |
|
Creating Graphics Effects |
|
|
160 | (1) |
|
|
160 | (1) |
|
|
161 | (2) |
|
|
163 | (1) |
|
Applying Background Gradients |
|
|
164 | (2) |
|
Understanding Typography and the Web Open Font Format |
|
|
166 | (1) |
|
Applying 2D and 3D Transformations |
|
|
167 | (1) |
|
|
168 | (1) |
|
|
169 | (2) |
|
|
171 | (1) |
|
|
172 | (1) |
|
Understanding 3D Perspective, Transitions, and Animations |
|
|
173 | (6) |
|
Applying SVG Filter Effects |
|
|
179 | (3) |
|
Using Canvas to Enhance the GUI |
|
|
182 | (3) |
|
|
185 | (1) |
|
|
186 | (2) |
|
|
188 | (1) |
|
|
188 | (1) |
|
Lesson 8 Understanding JavaScript and Coding Essentials |
|
|
189 | (26) |
|
|
189 | (1) |
|
|
189 | (1) |
|
Managing and Maintaining JavaScript |
|
|
189 | (10) |
|
Creating and Using Functions |
|
|
193 | (4) |
|
Using jQuery and Other Third-Party Libraries |
|
|
197 | (2) |
|
Updating the UI by Using JavaScript |
|
|
199 | (12) |
|
Locating and Accessing Elements |
|
|
201 | (2) |
|
Listening and Responding to Events |
|
|
203 | (3) |
|
Showing and Hiding Elements |
|
|
206 | (2) |
|
Updating the Content of Elements |
|
|
208 | (1) |
|
|
209 | (2) |
|
|
211 | (1) |
|
|
212 | (2) |
|
|
214 | (1) |
|
|
214 | (1) |
|
Lesson 9 Creating Animations, Working with Graphics, and Accessing Data |
|
|
215 | (28) |
|
|
215 | (1) |
|
|
215 | (1) |
|
Coding Animations by Using JavaScript |
|
|
216 | (3) |
|
|
216 | (3) |
|
Working with Images, Shapes, and Other Graphics |
|
|
219 | (5) |
|
Manipulating the Canvas with JavaScript |
|
|
220 | (4) |
|
Sending and Receiving Data |
|
|
224 | (5) |
|
Transmitting Complex Objects and Parsing |
|
|
227 | (2) |
|
|
229 | (4) |
|
Using the Application Cache (AppCache) |
|
|
231 | (2) |
|
Understanding and Using Data Types |
|
|
233 | (1) |
|
Using JavaScript to Validate User Form Input |
|
|
233 | (2) |
|
Understanding and Using Cookies |
|
|
235 | (2) |
|
Understanding and Using Local Storage |
|
|
237 | (2) |
|
|
239 | (1) |
|
|
240 | (2) |
|
|
242 | (1) |
|
|
242 | (1) |
|
Lesson 10 JavaScript Coding for the Touch Interface, Device and Operating System Resources, and More |
|
|
243 | (25) |
|
|
243 | (1) |
|
|
243 | (1) |
|
Responding to the Touch Interface |
|
|
244 | (5) |
|
Capturing and Responding to Gestures |
|
|
246 | (3) |
|
Coding Additional HTML5 APIs |
|
|
249 | (11) |
|
Coding to Capture GeoLocation |
|
|
249 | (3) |
|
Understanding Web Workers |
|
|
252 | (3) |
|
|
255 | (3) |
|
Using File API for File Uploads |
|
|
258 | (2) |
|
Accessing Device and Operating System Resources |
|
|
260 | (4) |
|
Accessing In-Memory Resources |
|
|
260 | (2) |
|
Accessing Hardware Capabilities |
|
|
262 | (1) |
|
Understanding Global Positioning System (GPS) |
|
|
263 | (1) |
|
Understanding Accelerometer |
|
|
263 | (1) |
|
|
263 | (1) |
|
|
264 | (1) |
|
|
265 | (2) |
|
|
267 | (1) |
|
|
267 | (1) |
Appendix |
|
268 | (1) |
Index |
|
269 | |