这篇主要是解决学姐现在比较懵逼的状态,提供一个简单的入门方向和路线,大致时间半年一个学期,在这期间虽然以学习前端的知识为主,但是也要了解一些关于和后端如何交互以及后端的大体技术栈都是干啥的.
前面四点就按照顺序来,后面的5,6可以和前端同时进行.
1.第一点,我们来扫盲,就是刚开始学习前端的时候总会面对好多的名词,比如HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 这些都是什么？
知乎的这个答案可以好好看一下,如果真的是一点都没接触过,一开始看不懂也很正常,在你不断的学习中也会慢慢就明白了.
- 开始动手简单的了解HTML和CSS以及JS
一开始就上犀牛大厚书也很不人性化,HTML其实直接上手没有难度,我先建议学姐先了解一下HTML怎么写的,然后写出来运行是什么样子,推荐imooc和FCC这两个网站,直接动手,先写一波代码再说.
imooc上的HTML和CSS,中文,简单,无难度,一两天就能做完.
FCC 本来是外国项目,现在已经中文化了,还能学习如何使用github,而且西安社区的负责人也在咱们学校,前期也基本没有难度,拿来刚开始练个手,后期持续学习做项目都是极好的,而且内容丰富,推荐!把HTML,CSS,JS还有jQuery看了就差不多了,适当做一两个项目拉,一周时间充足了.
- 有了前面的体验,想必你已经不那么迷了,所以我们现在要开始正式的学习啦.
- 嗯HTML和CSS的基础的话系统一点就看w3school上的就好了,学完最好写个静态页面,或者做一下FCC上面的那几个项目 (emmmmm,应该会花一段时间)
- CSS3的进一步了解,推荐几本书,其实这些书没什么意思,就是拿着看硬啃,然后过一遍吧,不用都记住,到用的时候可以查(五六天吧)
《CSS权威指南（第3版）》
《CSS3 专业网页开发指南》
《图灵程序设计丛书:HTML5与CSS3设计模式》
建议从网上先找PDF看,还能锻炼一下使用搜索引擎的能力.
- 接下来撸两三个静态页面吧,找上几个喜欢的页面或者网页的设计图,实现一下静态页面,或者完成一下百度前端学院的问题,我去年做这个题还发过说说,嘿嘿嘿.或者看一看别人的HTML和CSS代码 (三五天吧)
http://ife.baidu.com/course/all 这是百度前端学院的页面
上面这一部分进阶的话可以看看Bootstrap怎么用用一用,在进阶就看看Bootstrap的源码
- 来到JS大法了,我们要学习编程语言了(一两个月全部完成会更久)
嗯,首先说明,JS至关重要,为了过度顺利,我还是先推荐看个视频吧,虽然看视频入门快,但是基本上剥夺了你自己思考的机会,长远来看自学能力的培养和理解的程度还是看书比较好一些,但是我们刚开始嘛,先学会再说.视频就看慕课上的,然后强烈推荐一本书,然后推荐一些书.
http://www.imooc.com/learn/36
http://www.imooc.com/learn/10
那本强烈推荐的书
《JavaScript高级程序设计（第3版）》 前面七八章都是很重要的
推荐的书们
《JavaScript语言精粹》
《你不知道的JS》
有兴趣搞本字典翻翻也行 《JavaScript权威指南》
这里一定要下功夫,好好学哦,把书上那些东西都看懂,看不懂就多写几遍,或者问问人、然后此处提高对自己的要求，要有代码洁癖,要写的代码好看,好维护
- 上面那些都完成了的话这个时候基本上能写大众口中页面了你可以在IFE上做做题,或者在慕课,实验楼等等的网站上找些小项目,看着文档实现一下,或者在学校找个人做个小项目,写几个页面
- 然后在深入一部分学一学JS的框架,还有ES6,Node,简单了解一门后端语言,建议PHP吧(简单,我不是黑),然后JS的框架如何选择,React，Angular，Vue等等我就不做推荐了,因为我也不会,哈哈哈哈,学姐自行百度,谷歌吧,了解了解然后做个选择深入吧,这里就放一下官方文档或者比较好的入门教程
阮一峰ES6 http://es6.ruanyifeng.com/
Angular https://angular.cn/
React https://react-guide.github.io/react-router-cn/
Vue https://cn.vuejs.org/?spm=5176.100239.blogcont71256.181.NXwovY
- 除了前端的知识,一些其他的东西也挺重要的,看了这些对前端的学习也有很大的帮助.
- 网络部分,HTTP部分就看看这本 《图解HTTP》,然后网络部分看这个《计算机网络 自顶向下方法》
- 算法和数据结构哦,也需要看一看的,两本书 《数据结构与算法分析》,《大话数据结构》
- 嗯,这部分目前先写这么点,过段时间在拓展.
- 关于环境,以及学习方法等等
前期一开始写代码的时候,推荐一个编辑器
SublimeText
或者VS Code
后期IDE
WebStorm
学生免费的,破解也很容易,但是还是用学校邮箱申请吧,半天就通过了
学会用chrome的调试,就是那些
嗯,学会用搜索引擎,遇到不懂得东西先想一想,然后搜一搜,前期百度还行,后期有些问题比较迷就用goole,然后在去问其他人,学会科学上网
科学搭梯子 https://sdk.cn/news/4723
然后一定要学会使用一个代码托管工具,,想我当初写的第一个项目,ssd硬盘坏了,我仿佛丢了儿子,代码托管这个事找工作的时候这个也挺重要的,毕竟能看出了你做了多少事,推荐github,或者国内的码云
github http://www.github.com/ (用github的话,可以关注我一波,嘻嘻嘻,id Huabuxiu)
GitHub教程 https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
码云 http://git.oschina.net/
然后吧,日常写个博客记录一下学习内容吧,形式多样化.
你可以开个公众号记录,
也可以自己写一个博客项目,放在服务器上,然后在里面发文章,快速建站的话WordPress+PHP就可以了,
也可以在简书,
或者技术博客CSDN上面,或者你注册个微博发技术推文都可以(清新脱俗,哈哈哈),
不过我比较喜欢写笔记,嗯,找工作的时候面试也会看你的博客.
写在最后的话
这些基本上就是前端入门了,学姐你找工作的话,学一段时间之后就最好是去那些你想毕业去工作的公司的校招网站上看一下具体要求,有针对性的学一学,
放一下B站18年的前端校招要求,嘿嘿嘿
嗯,对于报班和自学吧,还是自学为好,前端这两年也变化的很快,通过上面那些的学习不但是学习了前端的知识,更重要的是培养你的自学习惯,因为后面工作的时候如果遇到新东西也需要不断的学习哒!关于计算机基础知识,能补还是多补一些,不然前端学着学着就出现天花板,看不懂了,或者花好长时间才勉强理解一个东西,出现一看源码就GG 的尴尬局面.知其然而不知其所以然就尴尬了,嗯,大概就这些了,祝学习顺利,苟富贵勿相忘!哈哈哈哈
网友评论