Ebook HTML5 JavaScript and jQuery 24 Hour Trainer

HTML5 JavaScript and jQuery 24 Hour Trainer
HTML5 JavaScript and jQuery 24 Hour Trainer

Download

THÔNG TIN TÀI LIỆU

Nhà xuất bản John Wiley & Sons, Inc
Tác giả Dane Cameron
Số trang 411
Ngày xuất bản 2015
File PDF

NỘI DUNG TÀI LIỆU
PART I: HTML AND CSS
LESSON 1: INTRODUCTION TO HTML5 3
What Is a Markup Language? 3
The Simplest HTML Page Possible 4
An HTML Template 6
Understanding Elements and Attributes 8
Try It 9
Lesson Requirements 10
Step-by-Step 10

LESSON 2: BASIC HTML 11
Structuring Text 11
Links and Images 14
Try It 16
Lesson Requirements 16
Step-by-Step 16

LESSON 3: LISTS AND TABLES 19
Lists 19
Tables 21
Try It 24
Lesson Requirements 24
Step-by-Step 24

LESSON 4: INTRODUCTION TO CSS 27
CSS Selectors 28
CSS Files and Inline Styles 32
Specificity 32
Inheritance 33
Browser Defaults 34
Chrome Scratch Pad 34
Try It 36
Lesson Requirements 36
Step by Step 36

LESSON 5: STRUCTURING PAGES WITH CSS 39
The Box Model 39
Display Type 41
Positioning Elements 42
Controlling Positions 46
Try It 48
Lesson Requirements 48
Step-by-Step 48

LESSON 6: HTML FORMS 51
What Is a Form? 51
Adding Fields to a Form 53
HTML5 Input Fields 56
Try It 59
Lesson Requirements 59
Step-by-Step 59

LESSON 7: SEMANTIC TAGS 61
Grouping and Segmenting Content 62
Header 63
Footer 63
Main 63
Section 63
Aside 63
Article 63
Nav 64
Address 64
Styling Semantic Tags with CSS 64
Microformats 65
Summing Up 66
Try It 66
Lesson Requirements 66
Step-by-Step 66

LESSON 8: HTML5 VALIDATION 69
Adding Validation Rules 69
Customizing Validation 72
Disabling Validation 74
Try It 74
Lesson Requirements 74
Step-by-Step 74

LESSON 9: DRAG AND DROP 77
Understanding Events 78
Drag and Drop Example 78
Try It 82
Lesson Requirements 83
Step-by-Step 84

LESSON 10: DYNAMIC ELEMENTS 85
Summary and Details Tags 85
Progress Bar and Meter 86
Range Element 88
Polyfills 88
Try It 90
Lesson Requirements 90
Step-by-Step 90

PART II: DYNAMIC HTML5 WEB APPLICATIONS WITH JAVASCRIPT AND JQUERY

LESSON 11: JAVASCRIPT 95
JavaScript Console 95
Data Types 96
Strings 96
Numbers 97
Booleans 98
Null 98
Undefined 99
Arrays 99
Objects 100
Functions 100
Control Structures 101
Truthy and Falsy Values 103
Dynamic Typing 104
Try It 105
Lesson Requirements 105
Step-by-Step 105

LESSON 12: DEBUGGING 107
Try It 108
Lesson Requirements 109
Step-by-Step 109
Finding Errors 111
Try It 112
Lesson Requirements 112
Step-by-Step 112

LESSON 13: FUNCTIONS 115
Closures 118
Hoisting and Block Scope 120
Arguments 121
Bind 122
Try It 122
Lesson Requirements 123
Step-by-Step 123

LESSON 14: OBJECTS 125
Object Literals 125
Prototypes 127
Constructor Functions 130
Modules 131
Try It 133
Lesson Requirements 133
Step-by-Step 133

LESSON 15: JSON 135
Replacing and Reviving 138
Try It 140
Lesson Requirements 140
Step-by-Step 140

LESSON 16: DOCUMENT OBJECT MODEL 141
Nodes and Objects 141
Selecting Elements 144
Traversing the DOM 145
Manipulating the DOM 145
Responding to Events 146
Try It 147
Lesson Requirements 147
Step-by-Step 147

LESSON 17: JQUERY SELECTION 151
Loading jQuery 151
Selecting Elements 153
Pseudo-selectors 154
Selection Within a Context 155
Wrapped Objects 156
Try It 157
Lesson Requirements 157
Step-by-Step 157

LESSON 18: JQUERY TRAVERSAL
AND MANIPULATION 159
Traversal 159
Chaining 160
Manipulation 161
Changing Elements 163
Iteration 164
Try It 165
Lesson Requirements 166
Step-by-Step 166

LESSON 19: JQUERY EVENTS 167
Registering Event Listeners 167
Delegated Event Listeners 170
Form Events 172
Screen Events 173
Animation 174
Try It 174
Lesson Requirements 174
Step-by-Step 175

LESSON 20: DATA ATTRIBUTES AND TEMPLATES 177
Template Tag 177
Data Attributes 178
Using the Template 180
Try It 182
Lesson Requirements 182
Step-by-Step 182

LESSON 21: JQUERY PLUGINS 185
jQuery UI 185
Writing a Plugin 188
Try It 191
Lesson Requirements 191
Step-by-Step 191
PART III: HTML5 MULTIMEDIA

LESSON 22: HTML5 AUDIO 195
File Formats 195
Audio Tag 198
Controlling Playback 199
Try It 201
Lesson Requirements 201
Step-by-Step 201

LESSON 23: HTML5 VIDEO 203
File Formats 203
Controlling Volume 205
Controlling Playback Speed 207
Controlling Video Size 207
Media Source Extensions 209
Encrypted Media Extensions 209
Web Cryptography 210
Try It 210
Lesson Requirements 210
Step-by-Step 210

LESSON 24: CANVAS: PART I 213
Simple Drawing 214
Drawing Lines 216
Circles and Curves 216
Drawing Text 218
Try It 219
Lesson Requirements 219
Step-by-Step 219

LESSON 25: CANVAS: PART II 221
Linear Gradients 221
Shadows 222
Images 223
Transforming Shapes 224
Basic Animation 227
Try It 228
Lesson Requirements 228
Step-by-Step 228

LESSON 26: CSS3: PART I 231
Selectors 231
CSS Borders 233
Custom Fonts 237
Try It 239
Lesson Requirements 239
Step-by-Step 240

LESSON 27: CSS3: PART II 241
Linear Gradients 241
Calc Function 243
Text Effects 243
2D Transformations 245
Transitions 248
Try It 250
Lesson Requirements 250
Step-by-Step 250

LESSON 28: CSS3 MEDIA QUERIES 253
Adding Media Queries 254
External Stylesheets 256
Try It 257
Lesson Requirements 257
Step-by-Step 257

PART IV: HTML5 APIS

LESSON 29: WEB SERVERS 261
URLs 262
Choosing a Web Server 262
Try It 263
Lesson Requirements 263
Step-by-Step (OS X) 263
Step-by-Step (Windows) 264

LESSON 30: WEB STORAGE 267
Client-Side Storage 268
Web Storage API 269
Storing Structured Data 271
Try It 273
Lesson Requirements 273
Step-by-Step 273

LESSON 31: INDEXEDDB 275
Creating a Database 276
Storing Data 278
Reading Data 279
Deleting Data 281
Try It 281
Lesson Requirements 281
Step-by-Step 281

LESSON 32: APPLICATION CACHE 285
Manifest Files 285
Updating Resources 288
Cache Events 289
Try It 290
Lesson Requirements 290
Step-by-Step 290

LESSON 33: WEB WORKERS 293
JavaScript Event Model 294
Web Workers 296
Try It 300
Lesson Requirements 300
Step-by-Step 300

LESSON 34: FILES 303
FileReader API 304
Other File-Related APIs 307
Try It 308
Lesson Requirements 308
Step-by-Step 308

LESSON 35: AJAX 311
AJAX Requests 312
Try It 316
Lesson Requirements 317
Step-by-Step 317

LESSON 36: PROMISES 319
Working with Promises 320
Creating Promises 322
Try It 325
Lesson Requirements 325
Step-by-Step 325

PART V: MOBILE

LESSON 37: RESPONSIVE WEB DESIGN 329
Testing Screen Resolution 330
Flexible Grids 331
Media Queries 336
Try It 340
Lesson Requirements 341
Step-by-Step 341

LESSON 38: LOCATION API 343
Monitor Movement 345
Loading the Application 349
Windows Instructions 350
OS X Instructions 352
Using the Application 352
Try It 353
Lesson Requirements 353
Step-by-Step 353

LESSON 39: JQUERY MOBILE: PART I 355
Understanding jQuery Mobile 356
Importing jQuery Mobile 357
Mobile Design 358
JQUERY Mobile Pages 358
Form-Based Pages 362
JavaScript 365
Try It 366
Lesson Requirements 366
Step-by-Step 366

LESSON 40: JQUERY MOBILE: PART II 369
UI Components 369
Collapsible Components 371
Popups 372
Selection 372
Flip-Switch 373
Events 373
Gestures 374
Lifecycle Events 375
Try It 376
Lesson Requirements 376
Step-by-Step 376

Be the first to comment

Leave a Reply

Your email address will not be published.

*