前端自学大概的路线图
因为刚开始学习,没有完整的前端知识体系,所以是大概的路线图,希望大家可以帮我一起修改完善。
大致的思路是:1.先打好基础,在学习框架。
基础方面主要涉及到的语言是Html、CSS、JavaScript,如果在这三个里面在挑基础的话应该就是Html、CSS了。
所以,2.基础知识里面先学Html,CSS。
Html\CSS学习计划
之前有过一个月的断断续续的学习,W3C的基础知识也看了,但是一到自己写页面还是不会。我就问自己为什么?我觉得可能的原因是,会HTML\CSS基础知识还不足以写出完整的静态页面,一定是我还缺少了某些知识和能力。
我觉得一个最重要的能力是:拿到设计图,首先是分析它,而不是直接写代码。
分析是一种能力,而HTML\CSS只是实现我们目标的工具,而掌握了HTML\CSS基础知识仅仅是掌握了如何使用这些工具,就像是我会搬砖,但并不知道怎么盖房子。
我认为这种分析能力是需要通过做大量完整的页面来锻炼的。
所以我大致的学习思路是:以最快的速度了解Html\CSS基础知识,然后至今开始做大量的完整的静态页面。下面会展开说我的学习计划以及一些资料。
1.快速掌握基本的HTML、CSS知识
网上有很多免费的HTML\CSS教程,但是为了快速,我推荐[marksheet],这个教程的好处是它先介绍了web方面的基础知识,让大家对web有个宏观上的了解,然后再开始介绍HTML\CSS的必要最少知识,大概四十分钟就可以看完。
2.准备好随时可查阅的资料
我觉得以下几个资料准备好就可以直接开始做页面了
cheat sheet
准备这个的好处是他们是图片,而且高度概括了HTML\CSS的基础知识,自己做页面的时候把这个图片打开,随时查阅,会比上网查更快
搜索XX mdn
当然如何需要知道某个html标签或者css属性的详细用法,只需要google一下:你要找的知识 mdn
code guide
为了写出很健壮的代码,还是要吸取前辈们的一些最佳实践,我推荐的是Code Guide,也不是要强行的遵守他,但是要有意识注意他,边实践边改自己的代码。
3.做大量完整的静态页面
JavaScript 和 ES6
在这个过程你会发现,有很多 JS 知识点你并不能更好的理解为什么这么设计,以及这样设计的好处是什么,这就逼着让你去学习这单个知识点的来龙去脉,去哪学?第一,书籍,我知道你不喜欢看,我最近通过刷大厂面试题整理了一份前端核心知识笔记,比较书籍更精简,一句废话都没有,这份笔记也让我通过跳槽从8k涨成20k。