En savoir plus
Master web app development with hands-on practice and video demonstration
HTML5, JavaScript, and jQuery 24-Hour Trainer shows you how to build real-world HTML5 apps -- both web-based and mobile -- in combination with JavaScript, jQuery, and CSS/CSS3. You'll learn progressively more advanced skills as you work through the series of hands-on video lessons. Exercises and screencasts walk you step-by-step through the process of building web applications, and give you the opportunity to experiment and extend the examples to create your own working web app. You'll gain a solid understanding of the fundamental technologies, and develop a skillset that fully exploits the functionality of web development tools.
Although HTML5 is at the forefront of web development, it exists within an ecosystem that also includes CSS/CSS3, JavaScript, and JavaScript libraries like jQuery. Building robust, functional web applications requires a clear understanding of these technologies, and more importantly, the manner in which they fit together. This is your step-by-step guide to building web apps, with a hands-on approach that helps you learn by doing.
* Master the fundamentals of HTML and HTML5
* Explore multimedia capabilities and CSS3
* Integrate offline data storage, background processes, and other APIs
* Adapt web applications for mobile phones and tablets
Whether you're looking for a quick refresher or a first-time lesson, HTML5, JavaScript, and jQuery 24-Hour Trainer will quickly get you up to speed.
Table des matières
INTRODUCTION xvii
PART I: HTML AND CSS
CHAPTER 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
CHAPTER 2: BASIC HTML 11
Structuring Text 11
Links and Images 14
Try It 16
CHAPTER 3: LISTS AND TABLES 19
Lists 19
Tables 21
Try It 24
CHAPTER 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
CHAPTER 5: STRUCTURING PAGES WITH CSS 39
The Box Model 39
Display Type 41
Positioning Elements 42
Controlling Positions 46
Try It 48
CHAPTER 6: HTML FORMS 51
What Is a Form? 51
Adding Fields to a Form 53
HTML5 Input Fields 56
Try It 59
CHAPTER 7: SEMANTIC TAGS 61
Grouping and Segmenting Content 62
Styling Semantic Tags with CSS 64
Microformats 65
Summing Up 66
Try It 66
CHAPTER 8: HTML5 VALIDATION 69
Adding Validation Rules 69
Customizing Validation 72
Disabling Validation 74
Try It 74
CHAPTER 9: DRAG AND DROP 77
Understanding Events 78
Drag and Drop Example 78
Try It 82
CHAPTER 10: DYNAMIC ELEMENTS 85
Summary and Details Tags 85
Progress Bar and Meter 86
Range Element 88
Polyfills 88
Try It 90
CHAPTER 11: JAVASCRIPT 95
JavaScript Console 95
Data Types 96
Control Structures 101
Truthy and Falsy Values 103
Dynamic Typing 104
Try It 105
CHAPTER 12: DEBUGGING 107
Try It 108
CHAPTER 13: FUNCTIONS 115
Closures 118
Hoisting and Block Scope 120
Arguments 121
Bind 122
Try It 122
CHAPTER 14: OBJECTS 125
Object Literals 125
Prototypes 127
Constructor Functions 130
Modules 131
Try It 133
CHAPTER 15: JSON 135
Replacing and Reviving 138
Try It 140
CHAPTER 16: DOCUMENT OBJECT MODEL 141
Nodes and Objects 141
Try It 147
CHAPTER 17: JQUERY SELECTION 151
Loading jQuery 151
Selecting Elements 153
Pseudo-selectors 154
Selection Within a Context 155
Wrapped Objects 156
Try It 157
CHAPTER 18: JQUERY TRAVERSAL AND MANIPULATION 159
Traversal 159
Chaining 160
Manipulation 161
Changing Elements 163
Iteration 164
Try It 165
CHAPTER 19: JQUERY EVENTS 167
Registering Event Listeners 167
Delegated Event Listeners 170
Form Events 172
Screen Events 173
Animation 174
Try It 174
CHAPTER 20: DATA ATTRIBUTES AND TEMPLATES 177
Template Tag 177
Data Attributes 178
Using the Template 180
Try It 182
CHAPTER 21: JQUERY PLUGINS 185
jQuery UI 185
Writing a Plugin 188
Try It 191
CHAPTER 22: HTML5 AUDIO 195
File Formats 195
Audio Tag 198
Controlling Playback 199
Try It 201
A propos de l'auteur
Dane Cameron lebt und arbeitet als Programmierer in Neuseeland und bietet mit seiner Firma Cisdal Software-Lösungen und -Trainings an.
Résumé
Master web app development with hands-on practice and video demonstration HTML5, JavaScript, and jQuery 24-Hour Trainer shows you how to build real-world HTML5 apps both web-based and mobile in combination with JavaScript, jQuery, and CSS/CSS3.
