1、lynda.com（英文网站、视频质量高、收费）

http://www.lynda.com/

2、慕课网（所有教程免费，里面的讲师都很不错，课程很多）

http://www.imooc.com/

3、百度传客（部分收费，资源不错）

http://www.chuanke.com/

4、网易云课堂（这个部分视频要收费）

http://study.163.com/

5、极客学院（这个是收费的）

http://www.jikexueyuan.com/

手册、文字教程类：

1、MDN 有很多教程、示例，更新及时

https://developer.mozilla.org/en-US/

2、w3school：提供完整的建站教程，包括：HTML、CSS、TCP/IP、JS、PHP、SQL等，教程是文字教程，

提供在线代码测试，非常方便便于理解。

http://www.w3school.com.cn/

3、Jquery中文手册，支持搜索，内容全面。

http://www.hemin.cn/jq/

4、HTML Dog：英文网站，在线学习HTML、CSS和JS

http://www.htmldog.com/

5、thinkjs 参考手册（thinkjs是基于Promise的Node.js MVC框架）

http://www.thinkjs.org/doc/start.html

6、ES6教程（全面介绍ECMAScript 6新引入的语法特性。）

http://es6.ruanyifeng.com/

7、javascript的秘密花园

http://www.jb51.net/onlineread/JavaScript-Garden-CN/

8、菜鸟教程（网站开发各方面教程）

http://www.w3cschool.cc/

9、百度Echarts 开源图表库

echarts.baidu.com/index.html

10、css-hack css教程 很多css知识点都有详细的说明

http://www.divcss5.com/rumen/

论坛、社区类：

1、Stack Overflow 问答网站，提供优质的问题解答

http://stackoverflow.com/

2、segmentFault 问答网站，提供优质的问题解答

　 http://segmentfault.com/

3、Github 开源代码库 代码分享 反映技术潮流 推荐！（点击查看github的介绍与使用 点击查看Git的使用）

https://github.com/

4、开源中国社区 代码分享 反映技术潮流 推荐！

http://www.oschina.net/

5、Google Code 代码分享 反映技术潮流 推荐！

(资源整理http://www.cnblogs.com/yangzhenyu/archive/2012/03/25/2417063.html)

https://code.google.com/

6、apache 代码分享 反映技术潮流 推荐！

http://www.apache.org/

7、CSDN IT社区

http://www.csdn.net/

博客、资讯类：

1、淘宝UED

　 http://ued.taobao.org/blog/

2、OPEN资讯

http://www.open-open.com/news/

3、豪情的博客（里面有很多干货，有很多学习经验的分享）

http://www.cnblogs.com/jikey/

4、前端分享网

http://w3cshare.com/

5、jser的博客

http://jser.me/ （他的前端导航站不能更棒！http://123.jser.us/）

其他：

1、icon图标（这里所有需要的图标）

http://www.easyicon.net/

2、很有趣的闯关游戏，可以来试试

http://cafebabe.cc/nazo/

3、前端资源网址导航

http://www.whycss.com/

4、前端资源汇总（来自知乎）

http://www.zhihu.com/question/20246142/answer/14470387

5、外国妹子180天做的180个网站，好棒！

http://jenniferdewalt.com/

6、支持在线检查标记语言的网站

https://validator.w3.org/

7、javascript练习通关（可以判断答案是否正确，还有其他语言的学习）

http://www.codewars.com/

8、webstorm快捷键

完整快捷键 速查卡

9、less、sass的编译工具-koala

http://koala-app.com/

php新手没做过网站的，建议从展示站开始练习，建议用框架去做。不建议直接做商城，如果你熟悉ecshop框架的另外说。

如果是套模板的话，只需要做后台，前台遍历数据就可以了，当然样式还有很多地方 要调，用到js的比较多,主要是jQuery,特别是留言板等表单验证。

如果是前台也要自己做的话，那只需要参照仿站的样式自己慢慢敲代码了。

如果您还有其它问题，请补充。如果满意，请给分，哈哈

·一些概念让你感到困惑，特别是如果之前学过其他类型的语言。

·很难找到学习的时间(或者动力)去学习。

·你很容易忘掉之前学到的东西。

·JavaScript工具太多并且经常更新，以至于很难找到学习的切入点。

幸运的是，这些难题最终能够被克服。在这篇文章，将展示六个能够帮助你更快、更开心、更高效地学习JavaScript的六个思维技巧。下面来和小编一起看一看吧！

1、不要对未来的忧虑干扰你现在的学习

有些JavaScript初学者会问刚开始要学习哪种框架，但是如果你还没能熟练使用原生JavaScript，你就不应该问这种问题。因为你会花很多时间研究各种框架而得不到进步。

走出这个陷阱的一个方法是制定一个学习路径图。例如，要成为前端开发，你的路径图可能是下图。在将来你能够使用HTML和CSS制作动态页面。

将上图步骤分开执行，每个时间段只专注于提高一项技能，你将不会把时间浪费在担心后面的技能上。

2、不要让自信骗你进入持续遗忘的陷阱

快速理解一个概念会是JavaScript进步的最大阻碍，下面我将解释。

当你遇到一个知识点，而你好像理解了，你很可能抑制不住内心跳到下一个知识点的冲动。现实可能是你会理解下一个知识点然后继续跳到下一个知识点。但是，很快你会到达一个节点，在这个节点你发现自己已经忘了前面所学，于是你需要回过头复习，你快速瞟了一下之前所学然后又继续学习新的知识。但是现在，你忘记了其他东西。你一直重复这种继续-回顾-继续-回顾模式直到你发现自己完全迷失。你开始沮丧，想要休息，然后当你开始重振旗鼓，却发现自己已经忘掉所有。

幸运的是，我们有两个应对上述问题的方法：

1、一次只学一样东西

2、做练习-实际上是敲代码

当你学习一个新的概念，你要将它实践出来，练习它，与它和善相处，甚至能够将它与其他概念联系到一起。当你学习一个示例，最重要的是你要自己将代码敲出来，这样能帮助你吸收它。另外，一次只学一个东西能够帮助你巩固所学，因为记忆更少的东西更容易。

这个过程看起来貌似比阅读然后快速跳到下一个知识点要花费更长的时间，但是实际上它所花的时间更少，因为这样你就不需要频繁复习之前所学。我在好几个场合后才艰难的领悟到这个道理。

3、使用正确的思维方式练习

很多人认为敲代码是烦人的重复性工作，所以他们通常会跳过这个步骤试着寻找捷径。如果你试图为JavaScript练习寻找捷径，你将会为此花费更多的时间。但是我们如何才能使得敲代码更加的有趣，使得我们愿意去敲代码呢?

试着改变为下面的思维模式：

如果你刚学了一个JavaScript概念，然而你被告知不能使用它，对此你感觉如何?个人来说我会感到有点恼火，特别是为了弄懂它我花费了宝贵的时间。这就像是一个小孩得到了一个新的玩具，但却被限制不能玩它。

当你学习JavaScript的新知识，试着将这个知识点视作一个新玩具，例如新车、一双新鞋、或任何你觉得值得有趣的东西。然后，不要把敲代码当成工作，将敲代码视作你正在玩游戏。你正在使用刚学的技能做一些很酷的事情。给自己惊喜，把成果展示给你的朋友。

带着游戏的思维模式你将学得更快，将记忆的更牢，同时你将体会到更多乐趣。

4、使用Facebook技巧为编程腾时间

人们遇到的一个普遍问题是，他们通常找不到时间去敲代码。通常，这些人会花好几个小时浏览例如Facebook、YouTube、Wikipedia或者Reddit这样的网站。无论你是否符合上述描述，我们都能从中学到一些东西。

我当然有时间只浏览Facebook一会儿，但通常我会在上面待好几个小时浏览往返。这是如何发生的?我认为原因在于，刚开始我并没打算花在这上面花费那么多时间。开始行动是做一件事情最困难的部分，所以将目标设定的足够小能够帮助我们进入状态。如果有人问我是不是打算花几个小时浏览Facebook，我会回答不，因为我没有时间。然而，对于仅仅尝试一下我是能够接受的，这也是我能够沉浸其中的方法。

好消息是，你能够对敲代码运用同样的心理技巧。不要计划花几个小时敲代码，因为你会发现自己没有时间。相反的，告诉自己只敲三分钟代码。这样你就不需要为寻找敲代码的时间烦心。

5、思考的慢你将学得更快

这一条听起来违反直觉，所以下面我将用一个故事来解释。

我的一个朋友又一次对JavaScript的一个特性感到困惑。我让他将他知道的解释给我听，然后告诉我哪儿让他困惑。当它向我解释代码，我发现他在跳步。

“等会儿!”我说道。“慢慢来，然后将这些一步步解释给我听。”

我的朋友直接将整个代码的功能总结给我听。

我再次让他暂停。“你还是在跳步。再解释一次，这次我需要你一步步将每一行代码发生了什么解释给我听。”

这一次，我的朋友能够更好的解释代码是如何运行的。关键在于他花时间去理解每一行代码而不是试图一下理解所有。

在上述这种案例中，思考的更慢实际上让你学得更快。

6、在写复杂代码前先用简单语言写下

如果你要写的代码是复杂并且不常见的，先用简单语言将代码写下。这样，你能够你能够在真正写之前知道自己要做什么。下面是使用这个方法的两个好处：

1、你将更容易更快速的写代码，因为你不需要时刻停下来思考自己将要怎么做。

2、由于你知道代码要干什么，能够更好的排除错误。

总结：

我们已经讲了好几个更快速学习JavaScript的方法，但是你也能将上述方法运用于学习其他东西。下面是上述方法的概括：

1、不要再想将要学什么，沉浸于现在

2、通过把新技能当做玩具使得练习更有趣

3、就像浏览Facebook、YouTube之类的网站一样，在敲代码前告诉自己只敲几分钟，这样你就拥有了敲代码的时间

4、慢下来，小步向前，你将学得更快

以上就是小编今天为大家分享的关于帮助web前端初学者快速掌握JavaScript技术的方法的文章，希望本篇文章能够对正在从事web前端学习的小伙伴们有所帮助，想要了解更多web前端相关知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的web前端工程师。

来源：#/shehui/2016/10-24/11717064.html