为了账号安全,请及时绑定邮箱和手机立即绑定

前端学习之路(从入门到入坑...)

2018.06.14 11:38 893浏览
字号
大字 中字 小字


学习前端两年多了,拿了阿里巴巴实现offer,想结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路,希望对大家有所帮助。



互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更是稀缺。个人感觉前端入门相对容易,但是也需要系统地认真学习,在打好基础后坚持学习,成为优秀前端工程师也只是时间问题。学习任何知识最重要的都是兴趣,如果经过一段时间的学习感觉不喜欢,那可能强迫自己学习是很痛苦的,效果也不会好,毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展,前端必然是Web开发人员需要学习的知识,有时候是没有专业前端工程师一起合作的,所以即使不做专门的前端工程师,掌握基本的前端技能为工作    带来方便。下面说一下个人对前端的理解:前端要学习三个部分:HTML,CSS,JavaScript(简称JS),其中JS是重中之重,因此首先明确三个概念:
HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。 JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。

1. HTML/CSS部分。

(1)入门:

  1. w3school(http://www.w3school.com.cn/)上的HTML/CSS教程——技术手册式的教程,比较全面,照着实例敲一遍
  2. Codeademy上的html&css课程(http://www.codecademy.com/en/tracks/web)——在线交互式编程平台,弄清楚基本概念和基本语法
  3. 慕课网http://www.imooc.com/)上也有好多基础课程,大家可以看看

(2)进阶:

  1. 《精通CSS·高级Web标准解决方案》——对CSS有一个比较深入的学习,对核心技术了解
  2. 《HTML5权威指南》——非常全面的书,内容也很新,包含了HTML5+CSS3+JS DOM

2. JavaScript部分。

(1)入门:

  1. w3school上的JS教程——比较详细的了解下JS的特性
  2. 《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用,了解JS和DOM可以做什么

(2)进阶:

  1. 《JavaScript高级程序设计》——JS圣经,比较全面,非常好的一本书,比犀牛书可阅读性强
  2. 《JavaScript权威指南》——传说中的犀牛书,好厚好厚的一本书,不适合入门,适合当工具书看
  3. 《JavaScript语言精粹》——很薄的一本书,但是可以帮助你快速了解JS的精华部分

(3)实战:

  1. jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery(前两年用的框架较多,过,最近三大框架很流行,JQuery地位有所下降
  2. 《jQuery基础教程》——流行的前端框架,注重实用

(4)提高:

  1. 《高性能JavaScript》——讲如何提高js性能,以及构建和部署文件到生产环境的最佳实践
以上HTML,CSS,JavaScript学完,前端基本就可以说入门了,

最近特别流行的三大框架

  1. Vue.js(https://cn.vuejs.org/)-国人开发,文档非常友好
  2. React.js-facebook开发
  3. Angular.js-Google开发
以上三个框架,如果真的想做前端的话,三个框架是必须学一个的,一个都没学,说实话,是不好意思说自己是前端的,可能说的有点过了,哈哈!还有想成为全栈的话,还要学node,大家有机会可以了解下!!!其实,以上说的只是前端大致内容,具体的东西,延伸的东西也很多,下面给大家一张前端学习路线图

若看不清,原图链接:http://ojmcn9nlw.qnssl.com/blog/20170905/212808541.png?imageslim最后给大家推荐一些个人感觉非常好的前端学习路线链接:
  1. https://github.com/CQUPTBee/FE-Study(鸿运国际hv128培训体系)
  2. https://github.com/qiu-deqing/FE-learning(Github-前端入门方法)
  3. https://www.zhihu.com/question/19834302(如何系统学习前端-知乎)好了,我接着敲代码了!呜呜呜...https://img4.mukewang.com/5b21e17e0001c42105800435.jpg

本文原创发布于慕课网 ,转载请注明出处,谢谢合作
27人推荐
若觉得本文不错,就分享一下吧!
看过此文的用户,还看了以下文章
正在加载中
  1. 评论
  2. 收藏
  3. 共同学习,写下你的评论
意见反馈 常见问题 APP下载
官方微信
举报
0/150
提交
取消
hv128