javascript初学者_初学者JavaScript学习计划

javascript初学者

by JS

由JS

初学者JavaScript学习计划 (A Beginner’s JavaScript Study Plan)

So you want to learn JavaScript? Congratulations! In 2017, there are more resources available than ever before, in a wide variety of formats for you to get started.

所以您想学习JavaScript？ 恭喜你！ 在2017年，您将获得比以往任何时候都更多的可用资源，以多种格式供您入门。

While there has truly never been a better time in history to learn a new skill, It’s also never been more confusing if you’re trying to figure out the best way to do so, given the huge amount of available options and the wild variations in quality between these materials. If you’ve ever been recommended Eloquent JavaScript during the early stages of your coding journey, you know what I’m talking about.

尽管历史上从来没有比现在更好的时间学习新技能，但是鉴于大量的可用选项和千篇一律的变化，如果您想找到最佳方法，这也从未比这更加令人困惑。这些材料之间的质量。 如果你曾经被推荐雄辩JavaScript中 在您的编码旅程的早期阶段，您知道我在说什么。

I hope to illuminate a path in this article for a beginner to follow that will start them on the road toward JavaScript competency. It’s a path that I’ve been personally following and have found success with, having recently completed freeCodeCamp’s front-end certificate.

我希望本文能为初学者阐明一条道路，使他们可以开始他们JavaScript能力之路。 最近我完成了freeCodeCamp的前端证书，这是我个人一直遵循并找到成功的一条途径。

Be sure to drop me a line in 3 months when you’ve sorted everything out and decided on the best course of action (or moved on to something more fruitful).

当您整理完所有内容并决定采取最佳行动方案(或继续进行更富有成效的工作)后，请确保在3个月内通知我。

步骤1：freeCodeCampJavaScript部分 (Step 1: freeCodeCamp’s JavaScript section)

freeCodeCamp is an incredible resource for learning the basics (and beyond) of web development.

freeCodeCamp是用于学习Web开发基础知识的不可思议的资源。

From this point on, I will assume familiarity with HTML and CSS, but if you’re totally new to programming, freeCodeCamp has you covered there, too.

从现在开始，我将假定您熟悉HTML和CSS，但是如果您是编程的新手，那么freeCodeCamp也将在其中进行介绍。

Using a friendly, in-browser text-editor, freeCodeCamp will first give you a small taste of the popular JavaScript library, jQuery, and then dive right in to pure JavaScript syntax, and how to perform various tasks such as boolean operations, string and array manipulation, loops, and more.

使用友好的浏览器内文本编辑器，freeCodeCamp首先将使您对流行JavaScript库jQuery有所了解，然后直接研究纯JavaScript语法，以及如何执行各种任务，例如布尔操作，字符串和数组操作，循环等。

步骤1.5：通过CodecademyJavaScript跟踪进行增强。 (Step 1.5: Reinforcement with Codecademy’s JavaScript track.)

If you’re anything like me, you’ll need some reinforcement. Not everything is going to sink in on the first go-around.

如果您像我一样，就需要加强。 并非所有事情都会在第一次复飞中陷入。

One option is to just re-do the freeCodeCamp exercises, but I prefer using multiple resources to keep things fresh and interesting. It can also be valuable to get someone else’s perspective on the same topic. Codecademy is great for this. You’ll experience many of the same areas and issues from a slightly different angle.

一种选择是重新进行freeCodeCamp练习，但是我更喜欢使用多种资源来保持新鲜感和趣味性。 让别人对同一主题的观点也很有价值。 Codecademy对此非常有用。 您会从稍微不同的角度经历许多相同的领域和问题。

步骤2：Tony AliceaJavaScript：了解怪异的部分 (Step 2: Tony Alicea’s JavaScript: Understanding The Weird Parts)

Once you’ve completed everything up through through freeCodeCamp’s Object Oriented and Functional Programming modules, and the Codecademy JavaScript track, you’ll hopefully be ready for something a little more in-depth.

一旦通过freeCodeCamp的面向对象和函数式编程模块以及Codecademy JavaScript轨道完成了所有工作，就可以为更深入的准备了。

JavaScript: Understanding the Weird Parts is an excellent premium video series that goes deep into the workings of the language in a very accessible and understandable way. The 11.5-hour series is jam-packed with practical information that you’ll be able to put to use in your programs.

JavaScript：了解奇怪的部分是一个出色的优质视频系列，它以一种非常易于理解的方式深入研究了语言的工作原理。 11.5个小时的课程充斥着实用信息，您可以在程序中使用这些实用信息。

You’ll learn about scope, closures, prototypal inheritance, first-class functions, and more in this comprehensive series. It’s well-worth the $20.

在这个全面的系列文章中，您将了解范围，闭包，原型继承，一流的功能等。 二十美元值得。

As with any book or video course, be sure to code along and take your own notes for later reference.

与任何书籍或视频课程一样，请务必进行编码并记下自己的笔记以供以后参考。

As you work through this series, continue to plug away at freeCodeCamp’s challenges and start their intermediate front-end projects. These projects are unguided, which may sound scary, but I guarantee you will learn a ton by doing them. They will force you to confront the gaps in your knowledge and will rapidly increase your Googling skills for when you get stuck and don’t know how to implement a certain feature.

在阅读本系列文章时，请继续解决freeCodeCamp的挑战并开始其中间的前端项目。 这些项目是无指导的，听起来可能很吓人，但是我保证您会通过这样做学习到很多东西。 它们将迫使您面对知识上的空白，并会在您陷入困境而又不知道如何实现某些功能时Swift提高您的Google搜寻技巧。

第3步：凯尔·辛普森(Kyle Simpson)的《你不懂JS》 (Step 3: Kyle Simpson’s You Don’t Know JS)

I’m not sure what I can say about this series that hasn’t been said elsewhere at this point, but it’s incredible. Once you finish Tony Alicea’s course, start reading You Don’t Know JS while you continue to work on the freeCodeCamp curriculum and projects. Simpson is more than deserving of your money, but if you can’t afford to pay, the books are all freely available on his GitHub.

我不确定目前为止还没有其他人对这个系列我能说些什么，但这太不可思议了。 当您完成了Tony Alicea的课程后，请在继续从事freeCodeCamp课程和项目的同时开始阅读《 您不懂JS》 。 辛普森(Simpson)不仅值得您花钱，但是如果您付不起钱，那么可以在他的GitHub上免费获得这些书。

You should at least read the Scope & Closures and This & Object Prototypes volumes. These books will reinforce what you learned from Tony Alicea and also contradict and challenge that material at times. This is good! Kyle Simpson is an opinionated guy, and it’s super valuable to get his expert perspective on things, like the usefulness of the object oriented programming paradigm in a language like JavaScript. Even if some of the issues feel beyond your grasp, there’s value in simply being aware of them.

您至少应该阅读“ 范围和闭包”以及“ 此和对象原型”卷。 这些书将巩固您从Tony Alicea中学到的知识，并且有时与该材料相抵触和挑战。 很好！ 凯尔·辛普森(Kyle Simpson)是一个自以为是的人，以专家的眼光看待事物(例如，像JavaScript这样的语言中的面向对象编程范例的有用性)是非常有价值的。 即使有些问题超出您的掌控范围，但仅了解它们也很有价值。

This series will make you a better developer while also inform your perspective on the various ideological conflicts currently happening in the JavaScript community.

本系列文章将使您成为一名更好的开发人员，同时还可以就JavaScript社区中当前发生的各种意识形态冲突发表您的看法。

关于挣扎，不知道答案和毅力的一些说明。 (Some notes about struggling, not knowing the answers, and perseverance.)

There will be many times when you hit a wall — when you don’t know the answer to some problem and feel like you’ll never figure it out. I’d like to share just a few techniques for when this happens.

很多时候，您碰壁–当您不知道某个问题的答案，并觉得自己永远想不通。 我只想分享几种发生这种情况的技术。

1.走开 (1. Walk away)

Take a break. Step away from the computer. Get some tea or coffee. Think about something else for a little while. It can be valuable to just clear your head for a little while. You’ll be surprised how many times you’ll be able to quickly solve the problem when you return.

休息一下。 离开计算机。 喝点茶或咖啡。 考虑一下其他事情。 稍微抬起头会很有价值。 当您返回时，您会惊讶地发现有多少次能够快速解决问题。

2.寻求帮助 (2. Ask for help)

Don’t be embarrassed or ashamed to ask for help. Sometimes a nudge in the right direction is all you need to get back on track. In my experience, people love helping out others, and are more than happy to spend a few minutes on your problem. The freeCodeCamp community on Gitter and the CodeNewbie Slack channel are great for this.

不要为寻求帮助而感到尴尬或羞愧。 有时，只有按正确的方向轻推一下，您才能回到正轨。 以我的经验，人们喜欢帮助他人，并且很乐意花几分钟解决您的问题。 Gitter和CodeNewbie Slack频道 上的freeCodeCamp社区对此非常有用 。

3.继续前进 (3. Move on to something else)

If you really can’t get it, there’s no harm in moving on to another topic. It’s nice to have a couple projects that you can bounce between when you are feeling stuck on one or the other.

如果您确实无法做到这一点，那么继续讨论另一个主题也没有什么害处。 有几个项目可以在彼此卡住的情况下反弹，这很好。

这只是一个指南 (This is just a guide)

Learning is highly personal. All the resources I mentioned above have been extremely helpful to me on my journey to become a self-sufficient JavaScript developer.

学习是高度个人化的。 我上面提到的所有资源对于我成为一名自给自足JavaScript开发人员的旅程都非常有帮助。

I wrote this out of the frustration I experienced when trying to choose between the million-and a half educational resources out there. It was nice to find a plan that finally worked for me after receiving some well-meaning, but misguided advice (“Eloquent JavaScript is a great book for beginners!”), and tons of starts and stops.

我写这篇文章是出于试图在百万和一半的教育资源之间进行选择时遇到的挫折感。 很高兴找到一个计划，该计划在收到了一些善意却被误导的建议之后才最终对我有用(“ 口才JavaScript对于初学者来说是一本好书！”)，无数次的开始和结束。

While I’m nowhere near a JavaScript expert, I hope to provide perspective from someone who still remembers what it’s like to be a total beginner. So much instructional material is (rightfully) written by masters of their craft. But many of those masters have forgotten the experience of being a lowly beginner, and expect newcomers to make preposterous connections and leaps in logic. This is why so much instructional material can be wholly unhelpful.

虽然我距离JavaScript专家不远，但我希望从仍然记得完全成为一个初学者的人的角度提供观点。 如此多的教学材料(正确地)是由其Craft.io大师编写的。 但是，这些大师中的许多人都忘记了初学者的经验，并期望新来者建立荒谬的联系并在逻辑上取得飞跃。 这就是为什么这么多的教学材料可能完全无益的原因。

If this plan helps you, inspires you to get started, or even has you fuming in disagreement, I’d love to hear from you on Twitter.

如果该计划对您有帮助，激发您入门或什至让您感到分歧，我很想在Twitter上收到您的来信 。

翻译自: https://www.freecodecamp.org/news/a-beginners-javascript-study-plan-27f1d698ea5e/

javascript初学者