菜鸟到大神的上位历程,即学即用走向人生巅峰

  可以搜索各大公司前端校招笔试面试题作为练习题或者他人总结的前端面试题还有个人总结的面试题(带参考答案)

  http://code.tutsplus.com有各种各样的教程

  MDN也有很多教程,更重要的是里面有详细的文档,需要查找某个功能时在Google搜索:xxx site:https://developer.mozilla.org

  http://www5rocks.com/zh/也有很多优质教程

  http://www.sitepoint.com/

  http://alistapart.com/

  原生javascript是需要重点掌握的技能,在掌握原生javascript的基础上推荐熟练掌握jQuery,在实际工作中用处很大,这方面的书籍有《Learning jQuery》或者去jQuery官网

  建一个https://github.com/账号,保存平时学习中的各种代码和项目。

  有了一定基础之后可以搭建一个个人博客,记录学习过程中遇到的问题和解决方法,方便自己查阅也为其他人提供了帮助。也可以去http://www.cnblogs.com/或者http://www.csdn.net/这样的网站注册账号,方便实用

  经常实用Google搜索英文资料应该经常找到来自http://stackoverflow.com/的高质量答案,与到问题可以直接在这里搜索,如果有精力,注册一个账号为别人解答问题也能极大提高个人能力。

  经典书籍熟读之后,可以打开前面必备基础技能部分的链接。认真读对应标准,全面掌握知识

  继续提高

  有了前面的基础之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向,如果还是没有。 可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发展学习。以下是一些不错的方面:

  Grunt:前端自动化工具,提高工作效率

  less css:优秀的CSS预处理器

  bootstrap:优秀的CSS框架,对没有设计师的团队很不错,与less结合使用效果完美

  requirejs:AMD规范的模块加载器,前端模块化趋势的必备工具

  Node.js:JavaScript也可以做后台,前端工程师地位更上一步

  AngularJS:做Single Page Application的好工具

  移动端web开发:智能手机的普及让移动端的流量正在逐步赶超PC端

  Javascript内存管理:SPA长期运行需要注意内存泄露的问题

  High Performance JavaScript(Build Faster Web Application Interfaces)

  Best Practices for Speeding Up Your Web Site:重要技能

  一些个人经历

  LingyuCoder的学习经历

  上面的大神都总结得差不多了,我这里就胡扯一些吧

  工具

  chrome dev tools:前端开发调试利器,着重注意几个功能:

  console(废话)

  elements:元素样式调整,很常用

  sources:代码中添加断点,单步调试,以及单步调试过程中查看内存中的对象

  watch expression:通过表达式查看当前内存中的值

  call stack:查看调用栈,开启async,可以看异步调用栈(这个非常有用,尤其是ajax调试的时候)

  scope variables:作用域链上的变量,非常有用

  network:抓包查看每个请求,非常重要,前后端联调必备

  timeline:分析渲染、js执行等等各个阶段,性能优化利器

  emulation:模拟移动端环境,mobile页面开发必备

  一些插件:

  liveload: 修改页面后自动刷新,不用按F5

  dimensions:直接在页面上测量的利器

  livestyle:css样式修改后自动起效果,不需要刷新,elements修改后也能同步到代码中

  image tool:测量,取色

  UC二维码:移动端调试扫码必备

  pagespeed,YSlow:页面性能分析和优化插件

  马克飞象:优秀的在线markdown编辑器,快速写周报,做记录

  sublime text2:编码方便,插件多,速度快,性能好

  emmet:提升html编码速度必备

  sublimelinter + 各种语言的lint和hint:代码纠错

  一些snippets:自动补全,提升开发效率

  Intellij IDEA和WebStorm:集成开发环境,集成了各种功能,开发比sublime要方便,但会比较吃性能

  Mark Men:测量、取色、标注利器,拿到视觉稿之后第一个打开的软件

  GFW Fucker:我用红杏,可以的话买个虚拟服务器当梯子

  iHosts:非常优秀的hosts管理软件,轻松修改hosts,开发调试必备

  Charles:Mac 平台最好用的抓包分析工具

  Rythem:AlloyTeam出品的代理抓包软件,非常轻量,安装简单,移动端(真机)开发调试很好用

  Wunderlist:一个非常不错的Todo List,任务、需求多的时候管理起来很方便