嘿微笑,
你能回答婴儿期所列的问题吗？如果可以的话, 你已经准备好进入孩子阶段了。这是本课的内容。
现在, 如果你无法回答这些问题, 在继续前进之前, 花点时间去了解它们。重要的是要有基本的地方, 或孩子阶段将是混乱和压倒性的你。
如果你已经超过了孩子阶段, 你可能还是想复习一下这个课, 看看你是否错过了什么根本重要的事情。(但愿没有)。
继续前进, 下面是你在今天的课程中会学到的:
在孩子阶段你应该关注什么？
如何克服可能给你带来的挑战
在进入青少年阶段之前, 你需要知道些什么。
现在, 如果没有进一步的 ado, 让我们深入研究一下在儿童阶段应该关注的问题。
什么是子阶段？
只需快速提醒, 如果您对基本 JavaScript 语法感到满意, 则您处于子阶段。
也许你可以复制-粘贴和修改别人的代码后数小时的谷歌搜索, 但你不相信建设的东西从头开始。
在儿童阶段应关注的问题
这一阶段的重点是让你自己熟悉 DOM, 这样你就可以改变它, 做任何你想做的事情。你想集中精力学习建立像手风琴和传送带这样的东西。
(如果您不知道 DOM 是什么, 请参阅 "问题" 部分)
为了了解 javascript 如何与 DOM 一起工作, 您首先需要温习一些 javascript 基础知识。具体来说, 你需要学习这三件事:
什么是范围和闭包
什么是异步 JavaScript
如何用回调编写异步 JavaScript。
一旦您对 JavaScript 中的这三件事有了坚定的了解, 就开始关注可以与 DOM 一起使用的学习方法, 例如:
如何选择元素
如何添加或移除类
如何添加或移除属性
如何添加或移除元素
如何使用事件侦听器添加交互性
有哪些事件以及如何使用它们
下面是一些可以帮助您度过子阶段的资源。(按顺序) 完成所有这些。
免费资源:
你不知道 JS-范围和关闭
什么是回调
使用 JavaScript 更改 DOM
JavaScript 30 由 Wes(如果你的 JS 技能还不够稳定, 你可能会感到困惑。慢慢地工作)。
有用的参考:
MDN 事件参考
MDN 元素 API 参考
完成这些免费资源后, 请考虑要生成哪些组件。首先, 像手风琴这样的更容易的工作, 然后走向更强硬的像传送带。
关键是要保持建设的东西。首先使用他人的代码和想法是可以的。完成组件后, 再次生成它。这一次, 不要引用别人的代码。请确保您自己编写了每一行代码, 以便将需要发生的内容内部化。
在这一点上, 不要担心最佳做法或代码质量。你可以晚点再去找他们如果你现在尝试整合最佳实践, 你就会试图同时学习两件事情。这是一种让人困惑和不知所措的方法。
(如果你不知道如何像开发人员那样思考, 我就把你覆盖了, 看下面)。
你会想放弃
这个阶段很难。大多数半心的学习者在这里放弃, 认为 JavaScript 对他们来说太难了。从理论和语法中得到的东西, 工作是很难的, 因为你没有事先知道如何工作的东西。
所以, 期待谷歌很多。观看视频并注意其他人如何构建东西。慢慢地, 你就会开始学习和理解这一切的力学。
为了帮助你, 我正在构建一个 JavaScript 课程, 它将教给你从婴儿阶段到青少年阶段所需要知道的一切。点击这个链接, 如果你有兴趣听到更多。
常见问题和挑战
1. 在儿童阶段我应该花多长时间？
取决于你愿意花多少时间在学习 JavaScript 每天。如果你每天学习2小时, 你可能会在一周到一个月的任何地方度过。也许更长。
花些时间好好学习这个阶段。如果你不这样做, 你会面对更多的压倒和混乱后。
2. 何时可以进入下一阶段？
在这个阶段, 您最好在继续之前至少构建6个组件。如果你建立更多的东西, 你就会对自己解决问题的能力有更多的信心, 这对你将来会有帮助。
一旦你建立了你的6组件, 头在这封电子邮件的末尾, 看看你是否能回答所有的问题。如果可以的话。你已经准备好继续前进了。
3. 什么是 DOM？
DOM 代表文档对象模型。它是 HTML 的表示形式。当您打开开发人员的工具时, 这是您的 "HTML"。在这里, 您可以使用 JavaScript 方法修改 HTML。本文中的更多信息
4. DOM 方法太多了。我应该学哪一种？
重点放在下面问题部分列出的部分。他们是你需要掌握的人。其余的是其他的东西, 是好知道。
5. 我怎么能记得这么多方法？
我们经常使用它们来记住事情。记住这些方法的最简单方法是使用它们。所以, 只要你继续建设东西, 这些方法将坚持你的生活。
它还有助于下载一个 javascript 代码片段包, 如javascript完成为您的文本编辑器。它们减少了您键入的代码量, 这有助于记忆内容。
6. 我怎么能像程序员/开发者那样思考呢？
如果我没有弄错, 你问这个问题是因为你不知道如何开始。
我能给你的最好的答案是谷歌。在网上搜索你如何建立一个手风琴开始。注意其他人是如何生成组件的。他怎么想？他如何打破这个问题？
当你构建更多的组件时, 你将把大问题分解成较小的过程, 然后解决更小的问题来解决这个大问题。
这是一个过程, 你会需要在你的发展生涯后, 当你找不到任何你的答案谷歌。只有你, 你的代码和你的大脑。它会来的, 所以花点时间去练习吧。
下面是一篇详细介绍这些步骤的文章。读它。会有帮助的
(只是提醒, 不要落入受害者陷阱)。
7. 在 JavaScript 中编写 HTML 很困难..。
是的，它是。模板字符串使它们更容易。看看这篇文章。
检查您的理解的问题列表
与以前一样, 本课的最后一部分是您可以用来检查您的理解的问题列表。
在查看列表之前, 您需要确保您从头开始构建了6个组件。如果您这样做了, 您就已经有了列表中大多数问题的答案。
对于你不知道答案的问题, 你可以自由地构建2-3个涉及到这个概念的东西, 这样你就能得到一些练习。
注意: 这个列表很大。不要感到不知所措。问题只是分解成小的部分, 所以它更容易让你理解和检查的东西。当你能回答一切的时候, 你就要继续前进。
以下是问题:
什么是 JavaScript 范围？
为什么要将全局变量保持在最小值？
什么是封闭？
为什么使用闭包？
什么是回调
如何使用回调？
如何编写回调？
如何编写接受回调的函数？
是回调接受函数吗？setTimeout
异步 JavaScript
异步和同步 JavaScript 意味着什么？
如何编写异步 JavaScript？
什么是事件循环？
事件循环是如何工作的？
DOM 方法和问题
什么是元素？
什么是节点？
如何选择元素？
如何选择多个元素？
如何为所有浏览器循环遍历多个元素？
如何选择父元素？
如何选择同级元素？
如何选择子元素？
如何向元素中添加类？
如何从元素中移除类？
如何检查元素上是否存在类？
何时应向元素中添加类？
如何向元素中添加属性？
如何从元素中移除属性？
如何检查元素上是否存在属性？
何时应添加或删除属性？
如何创建 HTML 元素？
如何在其他元素之前添加元素？
如何在另一个元素之后添加元素？
如何更改元素的样式？
您应该使用 JavaScript 更改样式吗？为什么？
如何获取元素的内容？
事件
如何添加事件侦听器？
为什么添加事件侦听器？
如何删除事件侦听器？
何时应删除事件一线？为什么？
什么是常见的鼠标事件？
常见的键盘事件有哪些？
常见的窗体事件有哪些？
如何获取事件目标的值？
友情链接;https://mail.qq.com/cgi-bin/frame_html?sid=WeRtROUpE6uMbiV_&r=dcddd1a7a0b2beb796ed276bde25381c