v1.0 基础版
v1.1 选择编程系统化学习方法请参考:如何学习编程? - 知乎
v1.2 如果你是零基础,不妨先看下这篇:零基础开始学 Web 前端开发,有什么建议吗?
v1.3 选择编程语言请参考:程序员学哪种语言最好? - 知乎
这个问题不够准确,你当然是为了找到工作,所以应该是
如何依据最短路径学习前端开发并找到工作
恐怕很少人因兴趣而学习,所以目的还是找到工作,那我们反推下,公司需要什么样的人?
需要能干活的人,来之能战、战之能胜,即插即用的人才。
什么样的人才是能干活的?
有项目经验
有些人可能会质疑,不对呀,我同学刚毕业,啥都没做过,怎么能找到工作呢?
他很可能是985、211学校学生,这种人,公司会看潜力。因为他们能考上985、211,就意味着他们聪明,学习能力强,至于项目经验,可以培养嘛,大家心知肚明学校的教育就是一坨xiang,只要你有潜力,公司又有这个实力,可以培养嘛。
那么,如果是普通高校,或是不是前端专业,那怎么办呢?
还是,看你有没项目经验
学校又不具备让你做项目的能力,于是很多人进了培训机构,这里不对培训机构做任何评价,但是切记,要多做项目、要动手、要实践,光听课没有任何意义。
于是,这篇文章中列举了一些项目,只要能真正的完成这些项目,相信就能够胜任公司里前端的基本工作。
所以:学习前端开发=做项目
我刚开始学编程也是一个人抱着书在图书馆猛看,结果完全没有鸟用,为什么有人在学校是一条虫,而到公司就nb了?因为公司提供了学习环境,提供了项目,团队,帮带,因此学习第一位的是先找环境,而绝不是一个人看书,一方面看书没用,另一方面一个人太孤独了,打败人的并不是挫折,而是孤单,所以第一位的是先找切入点,加入一个学习环境,先上车,再买票:)
所以,我建了个web前端纯自助学习qq群:370423482 互助、刷项目、交友:)
看书没用,看视频也没用,除了做项目,没有其它方法
每一个环节都必须用项目来检验自己的学习成果
一 初级篇:HTML/CSS/JavaScript基础知识
1.1 Html(视频+文档+项目)
视频教程
imooc(全免费、全自学):HTML+CSS基础课程-慕课网
网易前端微专业(1000+软妹币、有答疑、便宜、够用):前端开发工程师微专业
参考文档
菜鸟学院(基础、简单):HTML 教程 | 菜鸟教程
Mozila官方文档(全E文、逼格高,详细):MDN HTML Doc
项目
完成零基础Html基础编码:百度前端技术学院
1.2 CSS(视频+文档+项目)时间:1周
视频教程
imooc(全免费、全自学):HTML+CSS基础课程-慕课网
网易前端微专业(1000+软妹币、有答疑、便宜、够用):前端开发工程师微专业
参考文档
菜鸟学院(基础、简单):CSS 教程 | 菜鸟教程
Mozila官方文档(全E文、逼格高,详细):MDN CSS Doc
完成项目
完成Htm/Css基础编码的所有项目:百度前端技术学院 - HTML/CSS所有项目
1.3 JavaScript初级(视频+文档+项目)时间:1周
imooc(全免费、全自学):JavaScript入门篇-JavaScript入门视频教程-慕课网
网易前端微专业(1000+软妹币、有答疑、便宜、够用):前端开发工程师微专业
参考文档
菜鸟学院(基础、简单):JavaScript 教程 | 菜鸟教程
Mozila官方文档(全E文、逼格高,详细):MDN JavaScript DOC
完成项目
完成该页面中的前三个项目:百度前端技术学院 - JavaScript
1.4 JavaScript高级(视频+文档+项目)时间:2周
imooc(全免费、全自学):JavaScript进阶篇_JavaScript视频教程-慕课网
网易前端微专业(1000+软妹币、有答疑、便宜、够用):前端开发工程师微专业
参考文档
菜鸟学院(基础、简单):JavaScript 教程 | 菜鸟教程
Mozila官方文档(全E文、逼格高,详细):MDN JavaScript DOC
完成项目
完成该页面中的所有项目:百度前端技术学院 - JavaScript
1.5 Web基本操作(纯项目)时间:2周
Html/CSS/Javascript的内容到此学习完毕,剩下的之需要用项目来打磨,所以你需要完成页面中直到任务7的项目:百度前端技术学院 - 所有课程
--------------------------------初级篇结束----------------------------------------
到此为止你就算入门了,已经称的上是一名入门级的码农了,够简单吧:)但离找到工作还有一定差距,本人qq:693605668 有问题的直接问俺吧,或者留言即可,方便俺更好的补充答案,请注明“web前端”。
说明:框架并不重要,你应该成为做框架的人,而非只会用。会框架说明不了什么问题,本文只写前端中最核心的知识点,相信会了这些核心,框架只是顺手捻来。
-------------------------------------------------------------------------------------
二 中级篇:项目构建、实战开发
到此为止,你就已经算入门了,但是还缺乏真正的项目,找工作看什么?就是看项目经验,没项目人家可不会认可你,让我们再补充一些项目相关知识吧。
2.1 Git操作
视频教程:版本管理工具介绍-Git篇-慕课网
完成项目:自己照着视频教程撸几遍吧
2.2 Nodejs(不会Nodejs都不敢称自己是前端仔:) )
视频
Nodejs教程1(node,grunt,restful,npm...):进击Node.js基础(一)-慕课网
NodeJs教程2(node,grunt,restful,npm...):进击Node.js基础(二)-慕课网
Mongodb视频教程3:mongoDB入门篇_mongoDB入门视频教程-慕课网
文档
官方文档非常棒(全E文):Guides | Node.js
好吧,中文文档 : ) :Node.js 教程 | 菜鸟教程
mongodb: MongoDB 教程 | 菜鸟教程
完成项目
实战德州扑克项目:百度前端技术学院 - 所有课程
到此为止你就能就行完整项目开发了,如果能吃透其中的代码,就能找到工作。
------------------------------找到工作-------------------------------------------
到此为止还是只能找到工作,意思是虽然你的水平已经达到大众水平了,但很不幸的说如果你是非科班出生,专业不对口,学校也一般,那你投100份简历可能找到1份工作,你只是分母,没有达到前10%。
“要劫就劫皇粮,要嫖就嫖娘娘” - by Jun.雷。下面这些才能确保你成为前10%的人才
-----------------------------------------------------------------------------------
三 中级篇(续)
3.1 设计模式
3.2 CSS模块化
视频
网易云课堂:电商模块化布局实战视频教程 - 网易云课堂
imooc : 前端开发_Sass/Less入门基础到高级教程_慕课网
文档参考
sass: sass入门 - sass教程
less: Less 中文网
完成项目
没找到好的,待之后更新。先跟着视频撸吧 :)
3.3 javascript组件化
写的好点个赞哦,更多点赞,更强动力
顶! 就一个字
致谢,放到最后吧,免得说俺写软文:)
@袁少成 @祖明 |