前端学习路线(一)

简介: 很多人问我前端学习的路线是怎么样的,css要学多久,js高级要不要学,先学node.js还是先学vue,所以想通过一篇博文来讲一下这个事情

beb46e0d89f5403dba1c7f2a054c5fcf.png

要不要学前端三剑客

这个问题是很多想快速上手前端的同学问的最多的一个问题,因为有很多人会说不用学三剑客,直接上手框架就行,学三剑客特别是js浪费时间,对于这个看法,我是持反对意见的,先不说做任何事都是要打好基础,夯实基础,如果直接上手各种框架,只会增加学习成本,时间成本


遇到不会的问题问别人,别人也不清楚你说的是什么意思,原因就是没有经过系统的学习,没有一种体系的知识去跟别人交流。虽然我们学习的方式不一样,有些人报班,有些人自学,但是知识体系是一样的,你想问的问题,如果你表达不出来,那就说明是知识体系出了问题


只有从基础学起,重视知识体系,才能在日后的学习中更好的适应各种框架


就比如学习vue,在文档中写明了需要有中级以上的js基础,说明了前端三剑客的重要性


学习前端三剑客的轻重点以及时间如何去分配

学习前端三剑客的路线自然是html→css→js,那在这三剑客中有哪些是需要重点掌握哪些是需要了解即可的呢?

7b33fb854b354b69a4e2428f811ef83e.png

html学到什么程度

博主认为html整个部分都简单了解即可,不需要过多的深入去了解,花费的时间可以在三天左右(或许三天都过多了)。


css的重点

在学习完html之后,对页面的结构就有了个大致的了解,就可以去学习css,也就是我们说的层叠样式表,css是跟js一样贯穿整个前端学习过程的,有很多程序员因为忽视了对css的学习,在学习的时候觉得css不算编程语言,就比较轻视,出来工作了就对样式这一块比较吃亏。

在css中,需要重点了解的是:

①单位,px、rem、vh等单位,特别是需要做手机端的app或小程序的项目,需要对单位有个了解

②浮动布局,在学基础的时候需要去研究一下浮动布局,不过在真正的工作中用的不多

③flex布局,需要对flex布局有个自己的理解,然后结合chrome浏览器自带的功能去调试flex,认真学习flex-direction、flex-wrap等属性

④自适应的操作,什么百分比,媒体查询,rem等


在学css的时候一定要学less和sass这些预编译语言,对未来开发项目时规范代码有很大的帮助

太多要记的怎么办

在学习css时,很多同学都会遇到的一个问题就是,觉得太多要记的,不知道怎么去记,好像看了视频上了课,等到自己写的时候又忘了,博主这里的建议是挑一个比较好些的官网首页去认真的写两遍,相信博主,你的css熟练度会提升不少,同时可关注博主关于前端开发思路的专栏博文前端开发思路,可以对写静态页面的思路有个大致的构思


75fccbe86a094ef0ab5b7db8f0ea0c64.png

要不要补英语

还有就是学css时英语不好,要不要去补英语的问题,这里博主的建议是如果英文不好,而且有时间的话,可以坚持的去学习一下英语单词,如果没有时间的话也没有关系,多写就熟悉那几个单词了,重点还是多写

关于js

相信这个问题是大家最关注的,js怎么学,学到什么程度,js高级是什么,可以直接学jq不学js吗,这是都是很多同学问博主的常见问题,如果你想学习好js,学习好前端,那下面的话可要认真看了


js是一门语言,什么是语言呢,简单来说就是可以进行运算的,有加减乘除的,同理这就是为什么css不算一门语言的原因

js怎么学

js怎么学,看着视频学,跟着老师学,但学到什么程度?知道轮播图是怎么写的就可以了,能够手写出轮播图是最好,能够理解轮播图的原理是次好。如果有C语言基础和数据结构基础,那对于js的加减乘除与或非三元表达式是很容易上手的,如果没有,这方面也需要加强去学习,在学习的时候遇到不懂的可以搜百度,要多做笔记,反复的去看笔记,这是关于js怎么学的建议,重点是去理解,什么是全局,什么是函数表达式,什么是函数作用域,什么是对象,一定要理解透彻,如果实在理解不了文字性的意思,可以私聊博主或者点击最下方的微信连接添加微信

js高级是什么

js高级简单来说讲的就是两样东西,原型和闭包。js高级要不要学?js高级要学,不管你后续是学习哪个框架,js的原型和原型链都是很有用的基础知识,举个简单的例子,在后续的学习中我们会学习到方法,有些插件有内置的方法,就需要我们去原型链里找然后再使用,所以是学习js中不能跨过的一条河,内容不多,重在理解,不用死记硬背

可以直接学jq不学js吗

说实话现在jq也过时了,除非是比较小而且不是专注于互联网的公司,可以能还在使用jq,所以博主的建议是不要直接学jq,也不一定就要学jq,你认真去学js,完全可以不学jq,当然了解一下jq还是很有必要的,但没有必要去说要写一个用jq编写的项目增加jq熟练度,了解一下,知道最基本的$()和链式编程就可以


前端学习路线博主打算更四章内容,涵盖前端三剑客到ajax等接口类的和到 vue等框架的,对其中的主要的一些问题和重难点做个梳理,对想学前端的,转行前端的同学们和未来的同行们给个建议,少走一些弯路


如在开发问题中遇到问题,可私聊博主

如有错字,还请原谅!近日会下一章:前端学习路线(二),同时也会更新前端静态页面开发思路(二)


相关文章
|
3月前
|
JavaScript 前端开发 关系型数据库
前端node学习路线
【8月更文挑战第21天】前端node学习路线
34 8
|
3月前
|
前端开发 数据可视化 JavaScript
前端 three学习路线
【8月更文挑战第21天】前端 three学习路线
43 2
|
5月前
|
移动开发 前端开发 JavaScript
大前端完整学习路线(详解)
大前端完整学习路线(详解)
108 0
|
12月前
|
移动开发 前端开发 Linux
进阶攻略|前端完整的学习路线
进阶攻略|前端完整的学习路线
215 0
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
62 0
|
移动开发 前端开发 JavaScript
前端入门 前端自学路线 web开发前端如何学习
前端入门 前端自学路线 web开发前端如何学习
248 0
前端入门 前端自学路线 web开发前端如何学习
|
缓存 JavaScript 前端开发
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
学会使用插值、什么是表达式、了解什么是指令、什么是动态属性已经v-html标签(注意:v-html这个标签会有XSS风险,它会将我们的子组件覆盖掉)
36612 1
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
|
设计模式 前端开发 JavaScript
写给初中级前端的高级进阶指南(万字路线)
由于公众号文章不允许外链,需要跳转文中链接的同学可以在脚注里找到各个的资源链接,也可以通过点击阅读原文更加方便的跳转链接
|
前端开发 JavaScript 程序员
前端学习路线(三)
往期回顾↓↓↓ 前端学习路线(一) 前端学习路线(二) 在前两章中,我们讲了如何去学习前端三剑客、js高级和bootstrap的重点,得到了很多前端初学者的好评,收藏量也是每天都在增加,所以今天博主想写一下第三章,主要想讲一下学习ajax和webpack的问题,ajax是前端学习的重点,如果不会ajax,写出再好的页面也只是一个空壳,而webpack则是一个打包工具,对于项目的上传具有重要的作用。
167 1
前端学习路线(三)
|
缓存 JavaScript 前端开发
一个大四学长分享自己的web前端学习路线--webpack篇(2/3)
webpack所谓的拆分的配置就是将webpack分为common(公共配置)、dev(开发环境下的配置)、prod(生产环境下);然后还需要的是在dev当中将它引入我们的common,再在prod当中引入common,这个时候我们要做的就是安装webpack-merge,比如通过这个方法module.export = smart将其导入common的时候对应的配置的命名。
一个大四学长分享自己的web前端学习路线--webpack篇(2/3)