大部分内容为:分享个人自学经历,我学习过程所用的资料,以及一些个人经验。
博客仅为记录个人历程,不喜勿喷。
虚心接受指教!!!
(仅有前端内容 不包含其他)
写这篇文的初衷只是想记录一下,希望可以给想自学前端的小伙伴一点帮助。
个人简介:
双非本二在校大二,软件工程专业(学校教的偏后端方向),前端是纯自学的。
tips:如果有错误或不合理的内容,请大家指出,谢谢各位!!!
学习路线:
首先,兴趣很重要!!!
其次,往下看
前置:
个人不推荐零基础直接入门前端。我是在有C语言,Java语言的基础上学习的前端三件套(html+css+JavaScript)。JavaScript借鉴了Java中对象的概念,对我们学习JavaScript会有帮助,这里略过Java直接学习JS也是可行的。
如果有条件可以参阅《Head First HTML and CSS 2nd Edition》书籍,这是一本入门书籍,通俗易懂,让你快速入门。
html+css:
作为前端学习的核心,html和css的入门比其他技术要简单的多。我当时是跟着W3Cschool网站学习的(附:W3C官网),先了解各个标签的作用(这里需要耗费点记忆力),然后自己摸索打一遍代码(很重要,你可以深度认识到这个标签)。
大概了解完W3C的html基础后我开始学习css。一样也是记忆,记住每一个属性控制的样式。与html配合着写做出一些丑丑的静态页面。
在学习完html与css之后,我是通过《Web前端开发技术实践指导教程 2版》这本书实践,它有十几个前端页面实现(轮播图,卡片切换,广告等等)。大概有1/2的实践项目是纯html+css实现,有1/2是html+css+JavaScript实现。
对于html与css推荐一些入门书籍:
入门:《Web前端工程师修炼之道》
《Head First HTML and CSS 2nd Edition》
实战:《Web前端开发技术实践指导教程 2版》人民邮电出版社
tips:学习这块个人推荐‘W3C’与’书籍‘,不推荐网课(耗时),用心学不到一个月就能基本掌握。
JavaScript:
我在学习JS的时候是软硬通吃,不管理不理解全都吃下。到后面学完了vue才发现其实没必要,用不到的知识会很快忘记。这里也是推荐跟着W3C学习JS,不推荐直接看书,会很枯燥。(当时买了本《JavaScript权威指南》,看了1/3,直到现在一直在吃灰)。
推荐初学者可以把<AJAX><JS vs jQuery><JS JSON>先放过,到学习vue前再学习。
如果你有其他语言基础,把JS基础过完基本不会超过一个月。
vue:
目前我只学习了vue这个框架,个人认为比较重要,所以我把这部分放的很慢。而且vue的学习都是通过网课。毕竟他不像学习一门新语言,可以借助你的其他语言基础。过程中基本上就是学完一节新知识,就把这节的知识自己打一遍。我当时学习的网课每一段课程都有案例,网课就放在本段下方。跟着下面推荐的教程还可以学到关于CLI的知识,也就是让你看懂项目结构。
推荐学习vue前掌握:<JSON>,<AJAX>,<axios>,<nodejs>,<github>,<es6>,<npm>
这里的<es6>,<github>也可以学完vue再补上,我是没有用到多少。
(git主要是方便 你看一些项目的源码 还有结构 文档等等..)
实战的话我是在学完vue2,跟着视频做了一个小项目 附链接:ego
需要<vue全家桶+mysql+axios>技术,涉及技术栈不多,难度不大。
适合刚学完的小伙伴练手。
资料:
vue:b站搜 《vue》天禹
axios:《axios》想深入学习的可以看源码部分,这里学起来很快(除了源码)
总结:
其实真正学起来遇到的小问题是很多的,希望各位可以带着兴趣学习,不然真的很容易劝退。特别是环境安装这一块,电脑不一样难度也就不一样。这里只能建议多百度,多用咱的码农社区。初学建议用windows系统,linux的话这些环境的安装调试可能会略略大点(个人感觉)。
还有,就是推荐大家学习尽量不要拉长战线,可以一块一块学。个人学习JS的时候拉长战线,学完后面忘了前面的(特别是一些不常用的标签和css属性)。到后面学vue的时候还回去复习了一遍。
我花了大概六个月学完了这些,在中间断断续续有一些事情干扰。个人感觉算是拖拖拉拉的了。
肚子里没有墨水只能先分享这些了。respct !