Getting Started with JavaScript
Description
New to programming and JavaScript? Look no further! With this beginner's guide, learn the language ABCs and start developing applications. Walk through the programming basics: branches, functions, methods, objects, and more. Then create forms and events; use the Document Object Model (DOM); and work with large data sets, processing strings, mathematics, time, and other data structures. Design your web and mobile applications using tools like Ajax, CSS, jQuery, and Onsen UI. Follow code examples and expert tips, and you'll be developing in no time!
In this book, you'll learn about:
a. Language Basics
Master the building blocks of JavaScript programming. From performing calculations to finding and avoiding errors, you'll learn the essential skills you need for web application development.
b. JavaScript in Practice
Start developing with JavaScript! Learn how to work with standard and custom objects, forms and events, and the DOM. Design with CSS, add 2D and 3D graphics with SVG and Three.js, simplify your tasks with jQuery, and much more!
c. Example Exercises
Reinforce your knowledge with programming exercises. For each core concept, follow along with code examples that are available for download. Get insight into professional development with JavaScript through sample projects!
Highlights include:
1) Programming basics
2) Web application development
3) Forms and events
4) Document Object Model (DOM)
5) Ajax
6) XML and JSON
7) CSS and HTML properties
8) Graphics and animations
9) jQuery
10) Mobile apps with Onsen UI
11) Media files
12) Example projects
More details
Person
Content
1 ... Introduction ... 19
1.1 ... What Can JavaScript Do? ... 19
1.2 ... What Can JavaScript Not Do? ... 20
1.3 ... Browsers and Mobile Browsers ... 20
1.4 ... ECMAScript ... 21
1.5 ... Structure of This Book ... 21
1.6 ... First Example with HTML and CSS ... 23
1.7 ... Some Special Characters ... 28
1.8 ... JavaScript in the Document ... 29
1.9 ... JavaScript from an External File ... 31
1.10 ... Comments ... 32
1.11 ... No JavaScript Is Possible ... 33
2 ... Basic Principles of Programming ... 35
2.1 ... Storing Values ... 35
2.2 ... Performing Complex Calculations ... 42
2.3 ... Different Branches in a Program ... 49
2.4 ... Repeating Program Sections ... 61
2.5 ... Finding and Avoiding Errors ... 73
2.6 ... Custom Functions ... 81
3 ... Custom Objects ... 103
3.1 ... Objects and Properties ... 103
3.2 ... Methods ... 105
3.3 ... Private Members ... 107
3.4 ... Setters and Getters ... 109
3.5 ... Static Members ... 111
3.6 ... Static Blocks ... 113
3.7 ... Reference to Nothing ... 113
3.8 ... Object in an Object ... 115
3.9 ... Inheritance ... 117
3.10 ... Operations with Objects ... 119
3.11 ... Copying Objects ... 124
4 ... Forms and Events ... 129
4.1 ... First Form and First Event ... 129
4.2 ... Submitting and Resetting ... 132
4.3 ... Mandatory Fields and Checking ... 136
4.4 ... Radio Buttons and Checkboxes ... 139
4.5 ... Selection Menus ... 142
4.6 ... Other Form Events ... 144
4.7 ... Mouse Events ... 147
4.8 ... Changing the Document ... 150
4.9 ... Other Types and Properties ... 151
4.10 ... Dynamically Created Forms ... 168
5 ... The Document Object Model ... 171
5.1 ... Tree and Nodes ... 171
5.2 ... Retrieving Nodes ... 173
5.3 ... Child Nodes ... 175
5.4 ... Adding Nodes ... 177
5.5 ... Changing Nodes ... 179
5.6 ... Deleting Nodes ... 183
5.7 ... Creating a Table ... 184
6 ... Using Standard Objects ... 187
6.1 ... Arrays for Large Amounts of Data ... 187
6.2 ... Processing Strings ... 213
6.3 ... Numbers and Math ... 224
6.4 ... Using Time Specifications ... 235
6.5 ... Time-Controlled Processes ... 244
6.6 ... Other Data Structures ... 251
6.7 ... JavaScript Object Notation ... 256
7 ... Changes Using Ajax ... 263
7.1 ... Hello Ajax ... 263
7.2 ... Sending Parameters ... 266
7.3 ... Reading an XML File ... 269
7.4 ... Reading a JSON File ... 278
8 ... Design Using Cascading Style Sheets ... 283
8.1 ... Structure and Rules ... 283
8.2 ... Changing Properties ... 289
8.3 ... Additional Options ... 303
9 ... Two-Dimensional Graphics and Animations Using SVG ... 311
9.1 ... Creating an SVG File ... 311
9.2 ... Basic Shapes ... 313
9.3 ... Paths ... 317
9.4 ... Animations ... 320
9.5 ... Rotations ... 324
9.6 ... SVG and JavaScript ... 326
9.7 ... Dynamic SVG Elements ... 327
10 ... Three-Dimensional Graphics and Animations Using Three.js ... 333
10.1 ... First 3D Graphic ... 333
10.2 ... Moving the Camera ... 338
10.3 ... Animation ... 340
10.4 ... Various Shapes ... 340
11 ... jQuery ... 343
11.1 ... Structure ... 343
11.2 ... Selectors and Methods ... 346
11.3 ... Events ... 349
11.4 ... Animations ... 351
11.5 ... Example: Sinusoidal Movement ... 355
11.6 ... jQuery and Ajax ... 357
12 ... Mobile Apps Using Onsen UI ... 361
12.1 ... Structure of a Page ... 361
12.2 ... Elements within a Page ... 367
13 ... Mathematical Expressions Using MML and MathJax ... 385
13.1 ... Basic Elements ... 385
13.2 ... Parentheses and Tables ... 387
13.3 ... Summarizing Expressions ... 389
13.4 ... Fractions ... 391
13.5 ... Mathematical Symbols ... 393
13.6 ... Dynamically Generated Expressions ... 395
14 ... Sample Projects ... 399
14.1 ... Financial Investment ... 399
14.2 ... Fitness Values ... 400
14.3 ... Fun Run ... 401
14.4 ... Solitaire ... 402
14.5 ... Concentration ... 404
14.6 ... Snake ... 405
15 ... Media, Drawings, and Sensors ... 407
15.1 ... Playing Media Files ... 407
15.2 ... Canvas ... 412
15.3 ... Sensors ... 421
A ... Installation and Keywords ... 435
A.1 ... Installation of the XAMPP Package ... 435
A.2 ... List of Keywords ... 438
B ... The Author ... 439
... Index ... 441