第一次写博客,想先总结前辈们的学习方法,以后增加自己的总结,然后按着大神的路线,开启我的升级之路!!
大漠学习规律
- 多看书,但是只看书,并不清楚是否看懂了,是否掌握了。所以他开始了不断的仿站。
- 最早是仿Wordpress官网,先抄html,再抄css,后来就能独立的做出一个外表长得和原网站一样的站,在Website Templates里面找到简单的,就开始仿作。
- 在网上下载很多PSD页面,然后转化成WEB页面
主要就是多看,多问,多想,多做,多总结~~
其他作者学习规律
必备基础技能:
Html5(标签语义化)+css3(结合html实现各种布局效果)+javascript(原生,DOM操作)+jquery(成熟的javascript库)+一门服务器端语言(用于简单的登录注册功能就可以了)+HTTP
项目
掌握一门技术要先掌握它的大体框架,想一个能实现的点子,做一个能跑的demo,再去完善它的细节,等到demo完成了,对这门技术有了一个感性的认识,再去啃书,收获会大很多。我从开始原生js写到jquery,再到extjs,再到angularjs,从导师指定技术,到自己做技术选型,一个项目接着一个项目的练,就跟打怪升级似的。当然没有项目就去自己创造项目,动手实现自己的想法是件有乐趣和成就感的事。
学习的网站
- github:没啥好说的,多阅读别人的源码,多上传自己的源码,向世界各地的大牛学习
- codepen:感受前端之美的必选之地,里面有很多酷炫的效果和优秀的插件
- echojs:快速了解js新资讯的网站
- stackoverflow和segmentfault:基本上各种问题都能在上面获得解答
- google web fundamentals:每篇文章都适合仔细阅读
- static files:开放的CDN,很好用
- iconfont:阿里的矢量图标库,非常不错,支持CDN而且支持项目
- html5 rocks: 一个不错的网站,很多浏览器的新特性以及前沿的技术,都能在这上面找到文章
- css tricks:如何活用CSS,以及了解CSS新特性,这里可以满足你
- JavaScript 秘密花园 JavaScript初学必看,非常不错
- w3cplus:一个前端学习的网站,里面的文章质量都挺不错的
- node school:一个不错的node学习网站
- learn git branch:一个git学习网站,交互很棒
- 前端乱炖:一个前端文章分享的社区,有很多优秀文章
- 正则表达式:一个正则表达式入门教程,非常值得一看
- 阮一峰的博客和张鑫旭的博客:快速了解某些知识的捷径,但是如果需要深挖,还需要其他的资源
- 各路大牛的博客:这个太多了,就不贴了,知乎上有很全的
- 各种规范的官方网站,不懂得时候读规范
收集癖和知识管理
在微博,知乎上follow一些大神,多关注他们的博客,可能一个不经意的词汇,就是你下一个目标
读书
博客上面知识点松散,是大家都会遇到问题的那些知识点,如果你想理解一个只是体系,那么读经典书籍还是必不可少的。
前端的定位:
以用户体验为中心,不管是从交互,还是优化性能或者提升工作效率最终都是为了创造和提升用户体验。
比较好的书籍
- 《JavaScript高级编程》:可以作为入门书籍,但同时也是高级书籍,可以快速吸收基础,等到提升再回来重新看
- 《JavaScript权威指南》:不太适合入门,但是必备,不理解的地方就去查阅一下,很有帮助
- 《编写可维护的JavaScript》和:
- 《Node.js开发指南》:不错的Nodejs入门书籍
- 《深入浅出Node.js》:Nodejs进阶书籍,必备
- 《JavaScript异步编程》:理解JS异步的编程理念
- 《JavaScript模式》和《JavaScript设计模式》:JavaScript的代码模式和设计模式,将开发思维转变到JavaScript,非常好的书
- 《JavaScript框架设计》:在用轮子同时,应当知道轮子是怎么转起来的,讲解很详细,从源码级别讲解框架的各个部分的实现,配合一个现有框架阅读,可以学到很多东西
- 《Dont make me think》:网页设计的理念,了解用户行为,非常不错
- 《CSS禅意花园》:经久不衰的一部著作,同样传递了网页设计中的理念以及设计中需要注意的问题
- 《高性能JavaScript》和《高性能HTML5》:强调性能的书,其中不只是性能优化,还有很多原理层面的东西值得学习
- 《HTML5 Canvas核心技术》:我正在读的一本书,对于canvas的使用,动画的实现,以及动画框架的开发都非常有帮助
- 《HTTP权威指南》:HTTP协议相关必备,前端开发调试的时候也会经常涉及到其中的知识
- 《响应式Web设计》:技术本身不难,重要的是响应式网页的设计理念,以及移动先行的思想
- 《JavaScript语言精粹》:老道的书,也是普及JavaScript的开发思维的一本好书,非常适合入门
提升方向
- 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:重要技能
下面是一个高手的个人学习规划,大家可以看一下
大漠
http://www.w3cplus.com/front-end-trip-on-road.html
结合个人经历总结的前端入门方法
在前端路上做好这10件事,你就能成大牛
http://www.cnblogs.com/yizuierguo/archive/2010/05/15/1736053.html
@拔赤:前端开发十日谈
http://blog.jobbole.com/25114/
国外查资料的网址