网上有很多文章和教程,有经验的人可以根据别人的信息想出自己的学习方法和路径,但对小白来说还是很难。因此,我写了这篇文章,结合我个人的学习经验。对于没有编程经验,想学前端,但不知道怎么入门的人。
结合个人经验总结的前端入门法,总结从零基础到前端基本功的道路、学习方法和材料。由于能力有限,我们不能保证一切,只是作为入门参考,供初学者参考,让初学者少走弯路。
#一、计算机基础
前端也是编程,这离不开计算机原理。所以在学习前端之前,最好有个大概的了解,不需要深入。读读这些书:
* 《计算机是怎样跑起来的》[1]:很容易理解计算机的方方面面。你能看到森林,但看不到树。读完整本书,你可以对计算机有一个全面的了解。阅读难度:一个下午就能看懂。
* 《程序是怎样跑起来的》[2]:从这本书的名字可以看出它是同一位作者写的。从软件层面来说,说实话,我不是很懂。阅读难度:一个下午读完。再不懂也没关系。一口气读完就行了。
* 《深入了解计算机系统》[3]:人称之为“龙书”。如果《计算机是怎样跑起来的》是“见林不见树”,那么这本书就是“带你探索亚马逊森林的每一个角落”,这里只是提一下。不建议小白读它。阅读难度:三星表示初学者不得入内!
* 《Github入门与实践》[4]:在您开始键入HTML代码后,是否需要管理自己的代码?但是打开Github的时候发现都是英文的,不知道怎么操作。读读这本书。阅读难度:一个下午读完。
* 《树莓派开始,玩转Linux》[5]:树莓派很有意思,大家也可以了解一下Linux。但对早期研究HTML和CSS没有帮助。阅读难度:一个下午读完。
#二、前端知识体系图谱
这个前端工程师的知识图谱很全面,已经达到3-5年了,初学者可能看不懂。没关系,大致浏览一下里面的每个名词,然后跳到第三部分“制定计划”
#三、制定计划
这是阿里巴巴云大学的《前端开发学习路线》[6]课程,是中国海量开放在线课程网、黑马程序员、网易公开课、网易课堂、腾讯课堂的综合课程。
大型开放在线课程。com、coursera等。是最好的课程。非常适合新手小白一站式入门前端。
学习计划就是基于此,你可以开始理解代码。在此基础上,辅以书籍,就可以晋级。然后在实战中通过做项目积累经验。
推荐的书籍有:
*HTML:先看《HTML CSS设计与构建网站》[7]第1-9章,再看《HTML5秘籍》[8]第1-4章。
*CSS:先看《CSS 实战手册》[9],再看《CSS权威指南》[10].
*Javascript:先看《javascript高级程序设计》[11],再看《javascript权威指南》[12].
*HTTP:看《HTTP权威指南》[13].
="center">
笔者经历到此,正在前进中,共勉。
# 四、建议
最后给点建议,读者在学习前端的时候,可能会陷入一个误区:
过于沉浸在获取资讯之中,以为自己看了这些,就能快速成为前端大神了。却没有下苦功夫对照课程去动手一行一行地敲代码。
这是本末倒置。
诚然,相比于枯燥的看书学课敲代码,看资讯是轻松且容易让人满足的,人心肯定会倾向做简单快乐的事情。但你想,一个人是踏踏实实敲1年代码之后获得的成就高,还是漂浮在表面看1年文章之后获得的成就高?
再举个例子。王麻子写博客,看了1年的教你如何写博客教程,才开始动笔去写。张二蛋写博客,把情况了解个大概后,每天就固定保持一篇原创。结果是,1年下来王麻子啥事都没干成,却以为自己思维得到了提升,飘在天上。而张二蛋1年下来却写了整整365篇原创文章,已然获得了不小的成就。
这便是术与道。
写代码是术,看教程是道。年轻人,先要有术,术练扎实了,道自然就从心中来了。倘若看不清楚,先追求宏观的大道,却没有扎实的术作为基础,那这就很危险,如乐高积木堆的楼,一碰就倒。练武之前,先扎马步,也是这个道理。
大道至简,悟在天成。复杂的事情简单做,简单的事情重复做,重复的事情用心做。
写自媒体也是一样,没有成功的捷径,就是写文章,其他什么引流、什么运营都是表面,只是锦上添花。引流和运营得有土壤才能结果,这个土壤便是你的文章。
每天1篇,坚持写5年,你就成功了。道理永远这么简单。许多人一辈子只停留在知道,却永远也悟不透。所以,他们写不了5年。
日拱一卒,功不唐捐。全情投入,愿等花开。
# References
[1]《计算机是怎样跑起来的》: https://book.douban.com/subject/26397183/
[2] 《程序是怎样跑起来的》: https://book.douban.com/subject/26365491/
[3] 《深入了解计算机系统》:https://book.douban.com/subject/26912767/
[4] 《Github入门与实践》:https://book.douban.com/subject/26462816/
[5] 《树莓派开始,玩转Linux》: https://book.douban.com/subject/30259573/
[6] 《前端开发学习路线》:
https://edu.aliyun.com/roadmap/frontend?spm=5176.13345299.1392477.6.4520f153AYCZWC
[7] 《HTML & CSS设计与构建网站》: https://book.douban.com/subject/21338365/
[8] 《HTML5秘籍》:https://book.douban.com/subject/11610880/
[9]《CSS 实战手册》: https://book.douban.com/subject/26898555/
[10]《CSS权威指南》: https://book.douban.com/subject/33398314/
[11] 《javascript高级程序设计》:https://book.douban.com/subject/10546125/
[12] 《javascript权威指南》: https://book.douban.com/subject/10549733/
[13] 《HTTP权威指南》:https://book.douban.com/subject/10746113/
# 往期回顾:
第二代Web世界导航,互联网人必备
第一代Web世界导航,互联网人必备
武汉肺炎,怎么办?
语雀 = 新的红利?
广告巨头,字节跳动
# 文章订阅:
麻雀通讯每天发布一篇文章,类型是科技、互联网与生活。点击文章顶部“关注”,即可订阅。