Web 前端开发学习之路(入门篇)
2016-09-26 22:30
633 查看
字数1374 阅读4622 评论0 喜欢49
以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站、书籍)。不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷。==以下引用知乎 @李路 的话。
以我的经验,大部分技术,熟读下列四类书籍即可。
入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列
全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列
实践,结合实际中经常遇到的情景环境,来描述如何设计和解决问题,如cookbook系列
深入,讲解一些文化,思路,甚至于哲学上的东西,真正做到深入一种语言去编程,如unix编程艺术,程序员修炼之道等等
受李路老师的启发,我结合了自己在学习前端过程中用到的资料如下:
一、 语言基础(以书和网站为主)
1.HTML&CSS:
(1)入门:
Codeademy上的html&css课程——在线交互式编程平台,弄清楚基本概念和基本语法w3school上的HTML/CSS教程——技术手册式的教程,比较全面,照着实例敲一遍
(2)进阶:
《精通CSS·高级Web标准解决方案》——对CSS有一个比较深入的学习,对核心技术了解《HTML5权威指南》——非常全面的书,内容也很新,包含了HTML5+CSS3+JS DOM
(3)实战:
bootstrap框架: bootstrap中文网/《bootstrap实战》——流行的前端框架,注重实用即可Codeademy上的Web Developer Skills+Projects——通过自己做小页面/小网站来运用所学
(4)提高:
《CSS禅意花园》——提高自己的艺术设计能力,通过实例来学习如何用CSS设计出漂亮的页面2.Javascript:
(1)入门:
Codeademy上的javascript教程——实例比较多,比较浅,算是基本了解JSw3school上的JS教程——比较详细的了解下JS的特性
《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用,了解JS和DOM可以做什么
(2)进阶:
《JavaScript高级程序设计》——JS圣经,比较全面,非常好的一本书,比犀牛书可阅读性强《JavaScript权威指南》——传说中的犀牛书,好厚好厚的一本书,不适合入门,适合当工具书看
《JavaScript语言精粹》——很薄的一本书,但是可以帮助你快速了解JS的精华部分
(3)实战:
jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery《jQuery基础教程》——流行的前端框架,注重实用
(4)提高:
《高性能JavaScript》——讲如何提高js性能,以及构建和部署文件到生产环境的最佳实践《Secrets of the JavaScript Ninja》——jQuery作者写的书,如果你觉得精通JS了再看这本书
附录:前端网站大汇总
1、前端知识体系:
前端知识体系及修炼攻略:http://blog.csdn.net/borishuai/article/details/8676573——对前端知识体系剖析的非常好,尤其是最后对前端的阶段性划分,对前端学习很有指导意义,推荐!前端开发知识结构:https://github.com/JacksonTian/fks——有个前端知识框架的思维导图,给了很多链接和好书,推荐!
2、技术资讯类
W3Cfuns : http://www.w3cfuns.com/——国内最大的前端站,比较全大前端:http://www.daqianduan.com/——没有W3Cfuns那么杂,有些wodpress的主题,“前端导航”也比较好用
W3Cplus:http://www.w3cplus.com/——也是比较全,有个“国外优秀译文”,非常喜欢
前端观察 :http://www.qianduan.net/——专注于前端设计与开发的博客,比较有深度,排版干净,推荐!**
前端乱炖 :http://www.html-js.com/——有点像前端的知乎,有问答平台和专栏啥的
3、技术教程、文档类
慕课网:http://www.imooc.com/course/program——超级实用的视频教程类网站,各种小实例,非常适合照着“前端学习计划”计划学习
codeademy : http://www.codeademy.com/——英文,简单有趣的互动编程学习网站,非常适合入门,中文版是 href="http://www.jianshu.com/p/%E5%9F%BA%E6%9C%AC%E6%98%AFcodecademy%E7%BF%BB%E8%AF%91%E8%BF%87%E6%9D%A5%E7%9A%84%EF%BC%8C%E9%84%99%E8%A7%86%EF%BC%9D%EF%BC%9D" target=_blank>http://www.fenby.com/
W3schoo在线教程l: http://www.w3school.com.cn/——中文,适合入门,教程相当全,在线实例可以敲,可惜较浅,有些地方不太准确和深入
火狐开发者网络MDN:https://developer.mozilla.org/zh-CN/——中文,不仅有技术文档,而且有相当多的参考资料和资源、工具,推荐!
W3C标准:http://www.w3.org/standards/
——英文,不解释,官方文档,真前端和伪前端就在于此。可惜英文的,而且可读性差。极不适合入门,适合提高。
Web平台文档:http://www.webplatform.org/——英文,权威性仅次于W3C标准,可读性高于W3C标准,W3C官方认可,高质量。
文章转自http://www.jianshu.com/p/b9ad2af81e35
相关文章推荐
- web前端开发学习经验分享——css,js入门篇
- 南大软院大神养成计划-Web前端入门学习归纳第二天-认识前端开发工具Dreamweaver(2)
- 学习web前端开发基础,入门要注意哪些问题
- web前端开发学习经验分享——css,js入门篇
- Web前端开发工程师编程能力飞升之路【转】
- 北京.Net学习活动:本周六【6月26日】- VS2010敏捷开发和Web前端开发,欢迎参加!
- 前端开发学习之路
- 用flex+BlazeDS做前端开发web入门小例
- WEB前端开发学习----2.HTML表格table标签
- Web前端.系统学习Web前端开发路线图
- web前端学习之路(一)
- Revit二次开发从入门到精通学习之路, (含Revit二次开发教程下载)
- Revit二次开发从入门到精通学习之路。一站式下载所需资料
- web前端开发七武器—ant入门指南(1)
- WEB前端开发学习----3.HTML表单form标签
- 1. web前端开发分享-css,js入门篇
- Web前端开发入门需要知道的
- web前端开发学习经验总结
- 做为一名在校学生而言,从其职业发展的角度出发,在学习 Web 前端开发的时候有必要花时间兼容 IE6、IE7 这些浏览器吗?
- web前端开发七武器—Jasmine入门教程(上)