A Smarter Way to Learn JavaScript

Book Description

I found JavaScript books so frustrating, I decided to write my own.

The authors of JavaScript books are probably some of the brightest people around. And maybe that’s the problem. Maybe they don’t know how to relate to those of us who may sometimes struggle to learn. My sister is a wonderful dancer. I dance like Bill Gates. She says, “C’mon, dancing is easy!” Yeah, for her, but not for Bill and me. She’ll never teach me to dance until she understands that dancing isn’t easy for me.

Whether you’re a beginner or an experienced coder doesn’t matter. Plenty of veterans have told me, “I wish someone had used this approach to teach me [HTML, PHP, jQuery, C#, Ruby, Java, Python—fill in the blank].” Experienced or not, you’ll probably like my book if you find other books too dense, too technical, and too unsympathetic to the learner’s needs.

What you’ll especially like, I think, is that the book is just the tip of the iceberg. The larger part is the abundance of interactive exercises that encourage you to practice, practice, practice. You’ll agree, I think, that without practice, a coding student might as well be reading a novel.

One caveat: If you’re an older programmer who has established ways of doing things, you may get bent out of shape by my insistence that you do some things that aren’t habitual for you. If you think this might be a problem, please try the free sample of the book before you buy it. Then do a few of the interactive exercises. You’ll soon know whether you can tolerate being pushed around by me.

Here’s what’s different about my book:

Testing showed that books and courses load up the reader with far too much information at a time. So I divide up the information into little chunks that won’t overwhelm anyone.

A book on coding doesn’t have to be written in impenetrable legalese. It can actually be human-readable. My book is.

Most people learn best through examples, so I provide plenty of them.

Most important, before you have a chance to forget what you’ve read in the book, I ask you to fire up your desktop or laptop (not your mobile device) and head over to my website, where you run a set of interactive exercises, practicing everything you’ve learned—until you’re sure you’ve mastered it.

Readers tell me they often start the exercises thinking they know the material cold. and quickly find out they don’t. The automated exercise manager keeps you at it until your overconfidence becomes real confidence—confidence that’s based on your excellent performance. There are 1,750 exercises in all. They’re all interactive, with an automated answer-checker that corrects your missteps and points you in the right direction when you stumble. And they’re all free.

Readers tell me the combination of book and interactive exercises is involving, fun, frustration-free, addictive, confidence-building, and…well, read the reviews.

Become fluent in all the JavaScript fundamentals, with interactive practice.

• Display alert messages to the user
• Gather information through prompts
• Manipulate variables
• Build statements
• Do math
• Use operators
• Concatenate text
• Run routines based on conditions
• Compare values
• Work with arrays
• Run automated routines
• Display custom elements on the webpage
• Generate random numbers
• Manipulate decimals
• Round numbers
• Create loops
• Use functions
• Find the current date and time
• Measure time intervals
• Create a timer
• Respond to the user’s actions
• Swap images
• Control colors on the webpage
• Change any element on the webpage
• Improvise new HTML markup on the fly
• Use the webpage DOM structure
• Insert comments
• Situate scripts effectively

Table of Contents

1. Alerts
2. Variables for Strings
3. Variables for Numbers/text>
4. Variable Names Legal and Illegal
5. Math Expressions: familiar operators
6. Math Expressions: familiar operators
7. Math Expressions: eliminating ambiguity
8. Concatenating text strings
9. Prompts
10. if statements
11. Comparison operators
12. if…else and else if statements
13. Testing sets of conditions
14. if statements nested
15. Arrays
16. Arrays: adding and removing elements
17. Arrays: removing, inserting, and extracting elements
18. for loops
19. for loops: flags, Booleans, array length, and breaks
20. for loops nested
21. Changing case
22. Strings: measuring length and extracting parts
23. Strings: finding segments
24. Strings: finding a character at a location
25. Strings: replacing characters
26. Rounding numbers
27. Generating random numbers
28. Converting strings to integers and decimals
29. Converting strings to numbers, numbers to strings
30. Controlling the length of decimals
31. Getting the current date and time
32. Extracting parts of the date and time
33. Specifying a date and time
34. Changing elements of a date and time
35. Functions
36. Functions: passing them data
37. Functions: passing data back from them
38. Functions: local vs. global variables
39. switch statements: how to start them
40. switch statements: how to complete them
41. while loops
42. do…while loops
43. Placing scripts
44. Commenting
45. Events: link
46. Events: button
47. Events: mouse
48. Events: fields
49. Reading field values
50. Setting field values
51. Reading and setting paragraph text
52. Manipulating images and text
53. Swapping images
54. Swapping images and setting classes
55. Setting styles
56. Target all elements by tag name
57. Target some elements by tag name
58. The DOM
59. The DOM: Parents and children
60. The DOM: Finding children
61. The DOM: Junk artifacts and nodeType
62. The DOM: More ways to target elements
63. The DOM: Getting a target’s name
64. The DOM: Counting elements
65. The DOM: Attributes
66. The DOM: Attribute names and values
67. The DOM: Adding nodes
68. The DOM: Inserting nodes
69. Objects
70. Objects: Properties
71. Objects: Methods
72. Objects: Constructors
73. Objects: Constructors for methods
74. Objects: Prototypes
75. Objects: Checking for properties and methods
76. Browser control: Getting and setting the URL
77. Browser control: Getting and setting the URL another way
78. Browser control: Forward and reverse
79. Browser control: Filling the window with content
80. Browser control: Controlling the window’s size and location
81. Browser control: Testing for popup blockers
82. Form validation: text fields
83. Form validation: drop-downs
84. Form validation: radio buttons
85. Form validation: ZIP codes
86. Form validation: email
87. Exceptions: try and catch
88. Exceptions: throw
89. Handling events in JavaScript

中文：

书名：A Smarter Way to Learn JavaScript

我发现JAVASCRIPT书籍非常令人沮丧，我决定自己写一本。

JavaScript书籍的作者可能是周围最聪明的人之一。也许这就是问题所在。也许他们不知道如何与我们这些有时难以学习的人相处。我妹妹是一位很棒的舞者。我跳舞跳得像比尔·盖茨。她说，天哪，跳舞很容易！是的，对 her，但不是为了比尔和我。她永远不会教我跳舞，除非她懂得跳舞 isn’t easy for me.

你是初学者还是有经验的程序员并不重要。很多老手都告诉我，我希望有人用这种方法教我[Html、PHP、jQuery、C#、Ruby、Java、Python–填空]。不管你有没有经验，如果你觉得其他书太密集、太专业、太不理解学习者的需求，你可能会喜欢我的书。

我想，你会特别喜欢的是，这本书只是冰山一角。更大的部分是丰富的互动练习，鼓励你练习，练习，练习。我想，你会同意，不练习编程的学生就像是在读小说。

有一点需要注意：如果你是一名年长的程序员，已经建立了做事的方法，我坚持让你做一些你不习惯做的事情，你可能会变得不正常。如果你认为这可能是一个问题，请在购买之前尝试一下这本书的免费样书。然后做几个互动练习。你很快就会知道你是否能忍受我的摆布。

Here’s what’s different about my book:

测试表明，书籍和课程给读者带来了 远 一次提供太多的信息。因此，我将信息分成几小块，这样就不会让任何人感到不知所措。

一本关于编码的书并不一定要用晦涩难懂的法律术语写成。它实际上可以是人类可读的。我的书是。

大多数人通过举例学得最好，所以我提供了很多这样的例子。

最重要的是，在你有机会忘记你在书中读到的东西之前，我要求你打开你的台式机或笔记本电脑(而不是你的移动设备)，去我的网站，在那里你进行一系列互动练习，练习你所学的一切–直到你确定你已经掌握了它。

读者告诉我，他们经常在开始练习时认为自己对材料了如指掌。而且很快就会发现他们没有。自动锻炼管理器会让你坚持下去，直到你的过度自信变成真正的自信–自信是基于你出色的表现。总共有1750个练习。它们都是交互式的，带有一个自动答案检查器，可以纠正你的失误，并在你跌倒时为你指引正确的方向。而且它们都是免费的。

读者告诉我，书本和互动练习的结合是有趣的、无挫败感的、令人上瘾的、建立信心的，以及阅读评论。

通过互动练习，流利地掌握所有的JavaScript基础知识。

• Display alert messages to the user
• 通过提示收集信息
• 操纵变量
• 构建语句
• 做数学计算
• Use operators
• Concatenate text
• 根据条件运行例程
• 比较值
• Work with arrays
• Run automated routines
• 在网页上显示自定义元素
• 生成随机数
• 操纵小数
• Round numbers
• Create loops
• Use functions
• Find the current date and time
• Measure time intervals
• Create a timer
• 响应用户的操作
• Swap images
• 控制网页上的颜色
• Change any element on the webpage
• Improvise new HTML markup on the fly
• Use the webpage DOM structure
• 插入备注
• 有效定位脚本位置

Table of Contents

1.警报
2.字符串的变量
3.数字/文本和GT的变量；
4.变量名称合法和非法
5.数学表达式：熟悉的运算符
6.数学表达式：熟悉的运算符
7.数学表达式：消除歧义
8.连接文本字符串
9.提示
10. if statements
11.比较运算符
12.If&#8230；Else和Else IF语句
13. Testing sets of conditions
14. if statements nested
15.数组
16.数组：添加和删除元素
17.数组：移除、插入和提取元素
18. for loops
19.for循环：标志、布尔值、数组长度和中断
20.嵌套的for循环
21. Changing case
22.字符串：测量长度和提取部分
23. Strings: finding segments
24.字符串：查找位置处的字符
25. Strings: replacing characters
26. Rounding numbers
27.生成随机数
28.将字符串转换为整数和小数
29.将字符串转换为数字，将数字转换为字符串
30.控制小数长度
31.获取当前日期和时间
32.提取日期和时间的部分内容
33. Specifying a date and time
34.更改日期和时间的元素
35. Functions
36.函数：向它们传递数据
37.函数：从它们传回数据
38. Functions: local vs. global variables
39.Switch语句：如何启动它们
40. switch statements: how to complete them
41.While循环
42.DO&8230；While循环
43. Placing scripts
44.评论
45. Events: link
46. Events: button
47. Events: mouse
48. Events: fields
49. Reading field values
50. Setting field values
51.阅读和设置段落文本
52.处理图像和文本
53.交换图像
54. Swapping images and setting classes
55. Setting styles
56.通过标记名称确定所有元素的目标
57.通过标记名称确定某些元素的目标
58. The DOM
59. The DOM: Parents and children
60.DOM：寻找孩子
61.DOM：垃圾构件和节点类型
62.DOM：面向元素的更多方法
63.DOM：获取目标的名称
64. The DOM: Counting elements
65. The DOM: Attributes
66.DOM：属性名称和值
67.DOM：添加节点
68.DOM：插入节点
69. Objects
70.对象：属性
71.对象：方法
72.对象：构造函数
73.对象：方法的构造函数
74. Objects: Prototypes
75.对象：检查属性和方法
76.浏览器控件：获取和设置URL
77. Browser control: Getting and setting the URL another way
78.浏览器控件：前进和后退
79.浏览器控件：用内容填充窗口
80岁。浏览器控制：控制窗口的大小和位置
81.浏览器控制：测试弹出窗口拦截器
82.表单验证：文本域
83. Form validation: drop-downs
84. Form validation: radio buttons
85. Form validation: ZIP codes
86.表单验证：电子邮件
87.异常：尝试并捕获
88. Exceptions: throw
89. Handling events in JavaScript