学习和获得帮助

¥Effective learning

让我们继续思考有效的学习。

¥Let's move straight on and think about effective learning.

¥Different learning methods

有趣的是，你的大脑学习东西有两种主要方式 - 集中学习和发散学习：

¥It is interesting to consider that there are two main ways in which your brain learns things — focused and diffuse learning:

• 传统上，集中学习可能与学术科目联系在一起。你专注于一个底层主题并解决它带来的具体问题。你专注于一个狭窄的区域。
• 发散学习更多地与更广泛字段的高层次思维有关。你让你的思绪更广阔，似乎在不同的事物之间建立了随机的联系。这更像是你在淋浴或喝咖啡剩余时所做的思考。

根据神经科学家对大脑活动所做的研究，我们发现你不可能真正同时参与两种学习或思考方式。那么你应该选择哪一个呢？你可能认为集中学习更有利于学习，但实际上，两者都非常重要。

¥From the studies that neuroscientists have done on brain activity, we have found out that you can't really engage in both ways of learning — or thinking — at once. So which one should you choose? You might think that focused learning is better for studying, but in reality, both are very important.

集中思考对于集中精力于特定主题、深入解决问题以及提高对所需技术的掌握非常有用 - 加强大脑中存储信息的神经通路。然而，当你试图理解新学科或解决以前没有遇到过的新问题时，它不太擅长理解 "大局" 并解锁新的神经通路。

¥Focused thinking is great for concentrating hard on specific subjects, getting into deep problem-solving, and improving your mastery of the techniques required — strengthening the neural pathways in your brain where that information is stored. It isn't however very good at getting an understanding of "the big picture", and unlocking new neural pathways when you are trying to understand new subjects or solve new problems that you haven't come across before.

为此，你需要发散思维。这与专注相反 - 你让你的大脑在更广阔的视野中徘徊，寻找你以前没有的联系，接触新的事物（或新的事物组合），然后你可以在以后关注这些事物，以加强它们 并开始真正理解它们的含义。

¥For that, you need diffuse thinking. This is the opposite of focus — you let your brain wander around the wider landscape, searching around for connections you didn't have before, touching on new things (or new combinations of things) that you can then focus on later, to strengthen them and start to really understand what they mean.

这就是为什么在深入了解具体细节之前，通常最好先阅读一些介绍性材料，以对某个字段有一个高层次的了解。

¥This is why it is usually good to read some introductory material first to get a high-level understanding of an area before you leap into the specific details.

这也是为什么你有时会真正陷入一个问题，但当你去喝咖啡剩余（或散步）时就会找到答案。你可能会：

¥It is also why you can sometimes get really stuck on a problem, but then figure out the answer when you go for a coffee break (or a walk). You might:

1. 知道如何使用工具 A 解决问题 A。
2. 知道如何使用工具 B 解决问题 B。
3. 不知道如何解决问题 C.

假设你暂时专注于问题 C，但由于无法思考如何解决它而感到沮丧。但出去散步呼吸新鲜空气后，你很可能会发现，当你的思绪游离时，你突然在工具 A 和工具 B 之间建立了联系，并意识到你可以一起使用它们来解决问题 C！事情并不总是这么简单，但这种情况发生的次数也令人惊讶。这也凸显了在电脑前学习时定期剩余的重要性。

¥Let's say you focus on problem C for a while and get frustrated because you can't think how to solve it. But then after going on a walk to get some fresh air, you may well find that as your mind wanders, you suddenly make a connection between tool A and tool B, and realize that you can use them together to fix problem C! It isn't always this simple, but it is also surprising how many times this does happen. This also highlights the importance of taking regular breaks when you are studying in front of the computer.

¥Different learning materials

还值得查看可用的不同类型的学习材料，看看哪些材料对你学习最有效。

¥It is also worth looking at the different types of learning materials that are available, to see which ones are most effective for you to learn with.

文字文章

¥Textual articles

你会在网络上找到很多教你网页设计的书面文章。例如，就像本课程的大部分内容一样。有些文章将是教程，教你某种技术或重要概念（例如 "了解如何创建视频播放器" 或 "学习 CSS 盒子模型"），有些文章将是参考资料，让你查找你可能忘记的细节（例如“ CSS background 属性的语法是什么”？）

¥You'll find a lot of written articles on the web to teach you about web design. Like most of this course, for example. Some of the articles will be tutorials, to teach you a certain technique or important concept (such as "learn how to create a video player" or "Learn the CSS box model"), and some of the articles will be reference material, to allow you to look up details you may have forgotten (such as "what is the syntax of the CSS background property"?)

MDN Web Docs 对于这两种类型都非常有用 - 你当前所在的区域非常适合学习技术和概念，而且我们还有几个巨大的参考部分，允许你查找任何你不记得的语法。

¥MDN Web Docs is very good for both types — the area you are currently in is great for learning techniques and concepts, and we also have several giant reference sections allowing you to look up any syntax you can't remember.

网络上还有其他一些很棒的资源，我们将在下面提到其中一些。

¥There are also several other great resources on the web, some of which we'll mention below.

注意：上面的文字应该告诉你一个重要的事实 - 你不需要记住所有的事情！专业 Web 开发者使用 MDN Web Docs 等工具来查找他们一直忘记的内容。你将发现，学习 Web 开发更多的是解决问题和学习模式，而不是学习大量语法。

¥Note: The above text should have given you an important fact — you aren't expected to remember everything! Professional web developers use tools like MDN Web Docs to look up things they have forgotten all the time. As you'll discover, learning web development is more about problem-solving and learning patterns than it is about learning lots of syntaxes.

视频

¥Videos

还有许多网站上有视频学习内容。YouTube 就是其中之一，Mozilla 布局土地、MozillaDeveloper 和 Google Chrome 开发者 等通道提供了许多有用的视频。许多人更喜欢文本文章来进行更深入的学习和参考资料，以及视频来快速解释概念和新功能，但这实际上取决于你喜欢从中学习。这里没有正确和错误的答案。

¥There are also a number of sites that have video learning content on them. YouTube is an obvious one, with channels such as Mozilla Layout Land, MozillaDeveloper, and Google ChromeDevelopers providing many useful videos. Many people prefer textual articles for more in-depth learning and reference material, and videos for quick explanations of concepts and new features, but it is really up to you what you prefer to learn from. There is no right and wrong answer here.

交互式代码游乐场

¥Interactive code playgrounds

你可能是那种喜欢最少指令的人，并且更喜欢直接跳入并开始使用代码。这也是一个合理的做法，一些学习网站往往会青睐它。例如 代码学院 是一个学习网站，其中的教程主要由交互式代码编辑器组成，你必须直接编写代码，看看是否达到了预期的结果。

¥You might be the kind of person that prefers minimal instructions and would prefer to jump straight in and start playing with code. This is also a reasonable approach, and some learning sites tend to favor it. Codecademy for example is a learning site where the tutorials mainly consist of interactive code editors where you have to directly write code and see if the desired result was achieved.

许多 MDN Web 文档参考页面也提供了交互式示例，你可以在其中更改代码、查看实时结果如何变化以及探索 MDN Playground 中的示例。在计算机上或在 JSFiddle、代码笔 或 Glitch 等在线代码编辑器中创建自己的代码示例也没有任何问题。事实上，当你学习时，作为本课程的一部分，你会被要求这样做！

¥Many MDN Web docs reference pages provide interactive examples too, where you can alter the code, see how the live result changes, and explore the example in the MDN Playground. And there is also nothing wrong with creating your own code examples on your computer, or in an online code editor like JSFiddle, Codepen, or Glitch. In fact, you'll be called to do so as part of this course when you are learning!

注意：在线代码编辑器对于共享你编写的代码也非常有用，例如，如果你正在与不在同一位置的其他人合作学习，或者将其发送给某人寻求帮助。你可以与他们共享示例的网址，以便他们可以看到。

¥Note: Online code editors are also really useful for sharing code you've written, for example, if you are collaborating on learning with someone else who isn't in the same location, or are sending it to someone to ask for help with it. You can share the web address of the example with them so they can see it.

与其他学习方法相比，你可能更喜欢一种学习方法，但实际上你最终可能会采用混合方法。除了我们上面介绍的三种方法之外，你可能还会想出其他方法。

¥You might favor one learning method over the others, but realistically a hybrid approach is probably what you will end up with. And you'll probably come up with other methods than the three we covered above.

¥Making a plan

制定一个计划来帮助你通过学习实现你想要实现的目标是一个好主意。

¥It is a good idea to create a plan to help you achieve what you want to achieve through your learning.

目标陈述

¥A goal statement

这听起来很愚蠢，但为什么不从一句话开始，说明你想要实现的目标呢？以下内容有不同的范围，但都是现实且可以实现的：

¥It sounds silly, but why not start with a single sentence that says what you want to achieve? The following have different scopes, but are all realistic and achievable:

• 我想在两年内成为一名专业的网络开发者。
• 我想学到足够的知识来为我当地的业余网球俱乐部建立一个网站。
• 我想学习 HTML 和 CSS，这样我就可以扩展我的工作职责，接管更新我们公司网站上的内容。

以下说法不太合理：

¥The following are not quite as reasonable:

• 我想在三个月内从一个完全的初学者成为一名高级 Web 开发者。
• 我想在两年内创办自己的公司并建立一个超越 Facebook 的社交网络。

你需要什么才能到达那里？

¥What do you need to get there?

一旦确定了目标，最好研究一下实现目标所需的条件。例如：

¥Once you've worked out your goal, it is a good idea to research what you'll need to achieve the goal. For example:

我需要的材料：

¥Materials I need:

• 一台电脑
• 互联网
• 笔和纸

我需要的知识：

¥Knowledge I need:

• 如何使用 HTML、CSS、JavaScript 以及相关工具和最佳实践来构建网站和 Web 应用（我们绝对可以在这方面为你提供帮助！）。
• 如何获取域名、托管，并使用它们将网站或应用上线。
• 如何经营小型企业。
• 如何宣传我的业务并吸引客户。

需要多少时间和金钱？

¥How much time and money will it take?

估计获得这些东西的时间和成本。如果你需要工作赚钱来购买所需的材料，那么就必须考虑到这样做的时间。一旦你估算出时间，你就可以开始制定你的生活计划。

¥Estimate the time and cost of getting these things. If you'll need to work to earn money to buy the materials required, then the time to do that will have to be factored in. Once you have a time estimate, you can start to build a plan around your life.

我每周需要投入多少小时？

¥How many hours per week do I need to dedicate?

一旦你知道需要做什么以及你认为需要多长时间，你就可以开始制定计划来实现你的目标。它可以很简单：

¥Once you know what you need to do and how long you think it'll take, you can start writing out a plan to achieve your goal. It can be as simple as:

“我需要花 500 个小时来学习我需要知道的东西，而我有一年的时间。如果我假设有 2 周的假期，我需要每周花 10 个小时来做这件事。我晚上和周末有空，所以我会围绕这些安排我的时间。”

¥"It'll take me 500 hours to learn what I need to know, and I have a year to do it. If I assume 2 weeks of holiday, I'll need to do work on this for 10 hours per week. I am free on evenings and weekends, so I'll plan my time around those."

当然，你可以在这方面花费多少时间取决于你的情况。如果你在学校，那么你比有工作和子级要养活的人有更多的空闲时间。实现你的目标仍然是有可能的，但你必须现实地知道你能多快实现它。

¥How much time you can spend on this of course depends on what your circumstances are. If you are at school, then you've got way more free time than if you have a job and children to provide for. It is still possible to achieve your goals, but you have to be realistic about how quickly you can do it.

如果你正在学习大学或学院课程来学习 Web 开发，那么大部分计划都是为你完成的 - 幸运的是！

¥If you are doing a university or college course to learn web development, then most of this planning is done for you — lucky you!

当你制定了每周计划后，你应该在简单的电子表格甚至注意本中记录你每周要做的事情！

¥When you have worked out a weekly schedule then you should keep a record of what you manage to do each week in a simple spreadsheet or even in a notebook!

此外，制定一些子目标可能是个好主意，这样你就可以更轻松地跟踪自己的情况。例如：

¥Also, it might be a good idea to have some sub-goals worked out to allow you to keep track of where you are more easily. For example:

• 暑假学到的 HTML 和 CSS 基础知识
• 12 月学习的 JavaScript 基础知识
• 明年四月建成的示例网站项目
• ETC。

不断思考你取得了多少进展，并在需要时调整你的计划。

¥Keep thinking about how much progress you are making, and adjust your plan if needs be.

¥Staying motivated

保持动力是很困难的，尤其是当你试图学习编程或网络开发等复杂技能时。以下是一些保持动力和继续工作的技巧：

¥It is hard to stay motivated, especially if you are trying to learn a complex skill like programming or web development. What follows are some tips to stay motivated and keep working:

• 尝试让你的工作环境尽可能富有成效。准备一张舒适的办公桌和椅子来工作，确保有足够的光线来看到你正在做的事情，并尝试添加一些有助于你集中注意力的东西（例如柔和的音乐、香水、任何你需要的东西）。不要尝试在有干扰的房间里工作 - 例如，电视开着，而你的朋友正在看足球！另外，请将手机放在房间外面 - 大多数人都经常被手机分散注意力，所以你应该把它放在其他地方。
• 定期剩余。不间断地连续工作几个小时对你的动力不利，尤其是当你发现工作很困难或陷入问题时。这只会导致沮丧。通常最好剩余一下，走动一下，然后喝一杯放松一下，然后再继续工作。正如我们之前所说，你在那段时间进行的分散学习通常可以帮助你找到解决所面临问题的方法。长时间工作而不剩余对主体也不好；长时间注视显示器可能会伤害你的眼睛，而长时间坐着不动可能会对你的背部或腿部造成伤害。我们建议每小时剩余 15 分钟至 90 分钟。
• 吃饭、锻炼、睡觉。健康饮食，定期锻炼，并确保充足的睡眠。这听起来很明显，但当你真正开始编码时很容易忘记。将这些基本要素纳入你的日程安排中，并确保你不会安排更多的学习时间来代替这些事情。
• 给自己奖励。确实，只工作不玩耍使杰克成为一个迟钝的男孩。你应该尝试在每次学习课程之后安排一些有趣的事情，这些事情只有在学习结束并完成后才能进行。例如，如果你真的很喜欢游戏，那么说“"除非我完成 5 个小时的学习，否则今晚不玩游戏"”会很有动力。现在你需要的只是意志力。祝你好运！
• 共同学习和演示。这并不适合每个人，但如果可能的话，尝试与其他人一起学习。同样，如果你正在学习有关网络开发的大学课程，这会更容易，但也许你可以说服朋友与你一起学习，或者找到本地聚会或技能共享小组？与人讨论想法并寻求帮助确实非常有用且具有激励性，而且你还应该花时间演示你的工作。这些赞赏的呼喊会激励你。

¥Effective problem-solving

没有一种有效的方法可以解决与网页设计和开发相关的所有问题（并学习所有东西），但有一些一般性的建议在大多数情况下对你很有帮助。

¥There is no one effective way to solve all problems (and learn all things) associated with web design and development, but there are some general bits of advice that will serve you well in most cases.

把事情分解成块

¥Break things down into chunks

首先，当你试图实现一些特定的事情并且似乎很难理解时，你应该尝试将其分解为多个较小的问题或块。

¥For a start, when you are trying to implement something specific and it seems really hard to get your head around, you should try to break it down into multiple smaller problems or chunks.

例如，如果你正在查看 "构建一个简单的两栏网站" 的任务，你可以将其分解如下：

¥For example, if you are looking at a task of "Build a simple two-column website", you could break it down as follows:

• 创建 HTML 结构
• 制定基本的网站排版
• 制定基本的配色方案
• 实现高级布局 - 标题、水平导航菜单、带有主栏和侧栏的主要内容区域以及页脚
• 实现水平导航菜单
• ETC。

然后你可以进一步分解它。例如，"实现水平导航菜单" 可以写为：

¥Then you could break it down further. For example, "Implement horizontal navigation menu" could be written out as:

• 列出水平排成一行的菜单项。
• 删除不需要的默认值，例如列表间距和项目符号点。
• 适当地设计菜单项的悬停/焦点/活动状态。
• 使菜单项沿直线均匀分布。
• 给菜单项足够的垂直间距。
• 确保文本在每个菜单项内居中
• ETC。

这些问题中的每一个似乎都不像你最初遇到的一个大问题那么难解决。现在你只需要经历并解决所有这些问题！

¥Each of these problems doesn't seem nearly as difficult to solve as the one big problem you had initially. Now you've just got to go through and solve them all!

学习并识别模式

¥Learn and recognize the patterns

正如我们之前所说，网页设计/编程主要是关于解决问题和模式。一旦你写出了解决特定问题所需的操作，你就可以开始弄清楚使用哪些技术功能来解决该问题。例如，专业的网络开发者已经创建了很多水平导航菜单，因此他们会立即开始考虑这样的解决方案：

¥As we said before, web design/programming is mostly about problem-solving and patterns. Once you have written out what you'll need to do to solve a specific problem, you can start to figure out what technology features to use to solve it. For example, professional web developers have created lots of horizontal navigation menus, so they'll immediately start thinking of a solution like this:

导航菜单通常是从链接列表创建的，例如：

¥A nav menu is usually created from a list of links, something like:

<ul>
  <li><a href="">First menu item</a></li>
  <li><a href="">Second menu item</a></li>
  <li><a href="">Third menu item</a></li>
  <li><a href="">etc.</a></li>
</ul>

要使所有项目水平放置在一条线上，最简单的现代方法是使用 flexbox：

¥To make all the items sit horizontally on a line, the easiest modern way is to use flexbox:

ul {
  display: flex;
}

要删除不需要的间距和项目符号点，我们可以这样做：

¥To remove unneeded spacing and bullet points, we can do this:

ul {
  list-style-type: none;
  padding: 0;
}

ETC。

如果你是网络开发的初学者，则必须进行一些研究和网络搜索并查找此类问题的解决方案。如果你是一名专业的 Web 开发者，你可能会记得上次解决类似问题的时间，并且只需要查找从那时起你忘记的一些语法即可。

¥If you are a complete beginner to web development, you'll have to do some study and web searches and lookup solutions to such problems. If you are a professional web developer you'll probably remember the last time you solved a similar problem, and only have to look up a few bits of the syntax that you forgot since then.

当你找到此类问题的解决方案时，值得记下你所做的事情，并将一些最小的代码示例保留在某个目录中，以便你可以回顾以前的工作。

¥When you find solutions to such problems, it is worth writing down notes on what you did, and keeping some minimal code examples in a directory somewhere so you can look back on previous work.

此外，网络上有 开发者工具，允许你查看用于在网络上构建任何网站的代码。如果你手头没有解决方案，一种很好的研究方法是在野外查找具有类似功能的网站，并了解它们是如何做到的。

¥In addition, the web has developer tools that allow you to look at the code used to build any site on the web. If you don't have a solution to hand, one good research method is to find websites with similar features in the wild, and find out how they did it.

注意：首先看看我们如何讨论我们试图解决的问题，其次看看用于解决该问题的技术。这几乎总是最好的方法 - 不要从你想要使用的一项很酷的新技术开始，然后尝试将其硬塞到用例中。最简单的解决方案往往是最好的。

¥Note: See how we talked about the problem we are trying to solve first, and the technology used to solve it second. This is pretty much always the best way to do it — don't start with a cool new technology that you want to use, and try to shoehorn it into the use case. The simplest solution is often the best.

¥Getting practice

你练习解决问题的次数越多，你的大脑在该区域的神经通路就越强大，你就越容易回忆起特定问题的细节和逻辑。

¥The more you practice solving a problem, the stronger your brain's neural pathways are in that area, and the easier it becomes to recall the details and the logic of that particular problem.

继续修改代码并进行更多练习。如果你没有问题需要解决，请在网上查找一些测试，多做一些课程，或者询问你的朋友和家人（或当地学校或教堂）是否有任何东西希望你为他们构建。

¥Keep tinkering with code and getting more practice. If you run out of problems to solve, look up some tests online, do some more courses, or ask your friends and family (or local school or church) if there is anything they'd like you to build for them.

¥Getting help

Web 开发需要你学习一套复杂的技能 - 有时你肯定会陷入困境并需要帮助。正如我们之前所说，即使是专业开发者也需要定期帮助解决问题。

¥Web development requires you to learn a complex set of skills — you are bound to get stuck sometimes and need help. As we said before, even professional developers need regular help working out issues.

获得帮助的方法有很多种，以下是一些更有效地获得帮助的技巧。

¥There are a variety of ways to get help, and what follows are some tips for doing so more effectively.

¥Effective web searches

需要学习的一项重要技能是有效网络搜索的艺术 - 你需要在你最喜欢的搜索引擎中使用哪些搜索词才能找到你需要的文章？

¥One important skill to learn is the art of effective web searches — what search terms do you need to use in your favorite search engine to find the articles you need?

要搜索什么通常是相当明显的。例如：

¥It is often fairly obvious what to search for. For example:

• 如果你想了解更多有关响应式网页设计的信息，可以搜索 "响应式网页设计"。
• 如果你想了解有关特定技术功能的更多信息，例如 HTML <video> 元素、CSS background-color 或 opacity 属性、或者 JavaScript Date.setTime() 方法，你只需搜索该功能的名称即可。
• 如果你正在寻找一些更具体的信息，你可以添加其他关键字作为修饰符，例如 "<video> 元素自动播放属性" 或 "Date.setTime 参数"。

如果你想搜索不太明显的流行语的内容，你需要考虑什么最有可能返回你想要的内容。

¥If you want to search for something that has less obvious buzzwords, you need to think about what is most likely to return what you want.

• 履行几个承诺后运行代码
• 在浏览器中播放来自网络摄像头的视频流
• 在元素的背景中创建线性渐变

错误信息

¥Error messages

如果你遇到某些代码问题并且出现特定错误消息，通常最好将错误消息复制到搜索引擎中并将其用作搜索词。如果其他人也遇到了同样的问题，MDN 或 Stack Overflow 等地方可能会有一些关于该问题的文章或博客文章。

¥If you are having a problem with some code and a specific error message is coming up, it is often a good idea to just copy the error message into your search engine and use it as the search term. If other people have had the same problem, there'll likely be some articles or blog posts about it in places like MDN or Stack Overflow.

注意：Stack Overflow 是一个非常有用的网站 - 它基本上是一个巨大的数据库，其中包含有关各种技术和相关技术的精选问题和答案。你可能会找到能解答你问题的答案。如果没有，你可以提出问题，看看是否有人可以帮助你。

¥Note: Stack Overflow is a really useful website — it is basically a huge database of curated questions and answers on various technologies and related techniques. You'll probably find an answer that answers your question. If not, you can ask a question and see if anyone can help you.

浏览器测试

¥Browser testing

通常最好查看你的问题是否影响所有浏览器，或者是否仅发生在一个或少数浏览器中。例如，如果它只影响一种浏览器，你可以使用该浏览器来缩小搜索范围。示例搜索可能如下所示：

¥It is often a good idea to see if your problem is affecting all browsers, or whether it only occurs in one or a small number of browsers. If it is only affecting one browser, for example, you can use that browser to narrow down the search. Example searches might look like:

• <视频> 在 iOS 浏览器中无法播放。
• Firefox 似乎不支持 Beetlejuice API。

¥Using MDN

你所在的网站提供了大量信息 - 既有用于查找代码语法的参考材料，也有用于学习技术的指南/教程。

¥The site you are already on has a wealth of information available to you — both reference material for looking up code syntax, and guides/tutorials for learning techniques.

我们已经在 MDN 的这一部分中提供了有关 Web 开发基础知识的大部分问题的答案。如果你遇到困难，最好重新阅读相关文章，看看是否遗漏了任何内容。

¥We've provided most of the answers to the questions you'll have about web development fundamentals in this part of MDN. If you are stuck, it is good to re-read the associated articles to see if you missed anything.

如果你不确定要阅读哪篇文章，请尝试在 MDN 中搜索一些相关关键字（如上所述），或尝试常规网络搜索。要在 MDN 上搜索，你可以使用网站的内置搜索功能，或者更好的是，使用你最喜欢的搜索引擎并将 "mdn" 放在搜索词前面。例如，"mdn 响应式网页设计" 或 "mdn 背景颜色"。

¥If you are not sure which article to read then try searching MDN for some related keywords (as indicated above), or try a general web search. To search on MDN you can either use the site's in-built search functionality or better still, use your favorite search engine and put "mdn" in front of the search term. For example, "mdn responsive web design" or "mdn background-color".

¥Other online resources

我们已经提到了 Stack Overflow，但还有其他在线资源可以提供帮助。

¥We already mentioned Stack Overflow, but there are other online resources that can help.

找到一个社区加入是件好事，如果你尝试帮助别人回答他们的问题以及提出自己的问题，你会得到很多尊重。其他好的例子包括：

¥It is good to find a community to be part of, and you'll get a lot of respect if you try to help others answer their questions as well as asking your own. Other good examples include:

• MDN 社区通道
• 站点点论坛
• webdeveloper.com 论坛

然而，在 Twitter 或 Facebook 等社交网站上找到有用的群组也是有意义的。寻找讨论你感兴趣的 Web 开发主题的小组并加入。在 Twitter 上关注你认识的有影响力、聪明的人，或者只是简单地分享许多有用的技巧。

¥However, it also makes sense to find useful groups on social networking sites such as Twitter or Facebook. Look for groups that discuss web development subjects you are interested in and join up. Follow people on Twitter you know are influential, smart, or just plain seem to share lots of useful tips.

¥Physical meetups

最后，你应该尝试参加一些实体聚会，结识其他志同道合的人，尤其是那些适合初学者的聚会。meetup.com 是寻找当地实体聚会的好地方，你也可以尝试当地媒体/网站上的内容。

¥Lastly, you should try attending some physical meetups to meet other like-minded people, especially ones that cater to beginners. meetup.com is a good place to find local physical meetups, and you could also try your local press/what's on sites.

你还可以尝试参加成熟的网络会议。虽然这些可能很昂贵，但你可以尝试在其中做志愿者，许多会议都提供折扣票，例如学生票或多元化票。

¥You could also try attending full-fledged web conferences. While these can be expensive, you could try volunteering at them, and many conferences offer reduced rate tickets, for example, student or diversity tickets.

¥See also

• 课程：学习学习
• 自由代码训练营
• 代码学院