前端开发怎么学(前端开发的学习路线)
停更了10来天,今天终于没那么忙了,抓紧空闲时间来写一篇文章,今天小编就来聊一聊关于前端开发怎么学?接下来我们就一起去研究一下吧!
前端开发怎么学
停更了10来天,今天终于没那么忙了,抓紧空闲时间来写一篇文章。
前端涵盖的技术越来越多,我们学习一门技术的时候,既要了解它的前身,又要了解它的发展方向,所以我们在学习的过程中一定要合理地安排学习路线。
对于一个前端开发初学者来说,可以参考以下的学习路线。
首先,我们需要去了解一些相关的前置知识,比如:计算机基本认识、应用的概念以及前端和后端它们各自的内容和区别。
了解完前置知识之后就可以正式地去学习前端相关的技能,初始入门阶段我们需要学习到 HTML 和 CSS ,学习它们的相关语法内容,这两个内容学习完之后,还可以去进行一些提升,比如说掌握更多的 HTML5 和 CSS3 的新增知识。
经 HTML 和 CSS 之后,接下来的一个重点就是要去学习 JavaScript 以及它的一些进阶内容。初始阶段要学习 JavaScript 的相关语法,其中包含了数据结构等内容,还有 Web APIs 等操作;此外,在进阶的阶段还要学习 ES6 的新语法以及模块化、TypeScript等等。学完了 JavaScript 进阶之后,其实才算是前端入门。
在入门之后,我们需要经过一个比较艰难但是收获很大的转变阶段,这个阶段最初的时候要去学习一些工具,比如包管理工具,为后续学习框架进行一个铺垫,因为框架的学习需要利用到包管理工具;学完包管理工具后要去学习 CSS 进阶知识,然后再去学习构建工具的相关知识,构建工具可以让我们的代码变得更加高效、规范,也更加地符合我们真正的项目编写。
学习完前面的一些铺垫内容,在真正的工作中,其实会使用一些流行的框架,现在比较主流的框架有:VUE.js、React.js、Angular,需要学习它们的基础语法和底层原理。假如你能坚持学习到这要一个阶段,那么你的前端技能会有一个质的提升,并且往后还能得到很多好的工作机会。
当然,找到工作并不意味着学习就结束了,在往后的工作中,还可以持续学习更多的内容,比如渐进式Web应用等,从而提升自身的技术水平,拓宽职业发展道路。
一 |
前置知识 |
计算机基本知识 | |
应用的概念 | |||
前端和后端 | |||
二 |
入门阶段 |
HTML |
HTML语法 |
HTML语义化 | |||
SEO基础 | |||
CSS |
CSS语法 | ||
网页布局 | |||
媒体查询 | |||
CSS3 | |||
三 |
JavaScript进阶 |
JavaScript语法 | |
基础的数据结构 | |||
Web APIs | |||
ES6 | |||
模块化 | |||
TypeScript | |||
四 |
包管理工具 |
npm | |
yarm | |||
五 |
CSS进阶 |
CSS预处理器 |
SASS |
LESS | |||
PostCSS | |||
…… | |||
CSS框架 |
Bootstrap | ||
tabler | |||
Semantic UI | |||
…… | |||
CSS架构规范 |
OOCSS | ||
BEM | |||
SMACSS | |||
六 |
构建工具 |
代码校验工具 |
ESLint |
StyleLint | |||
MarkdownLint | |||
模块打包工具 |
Webpack | ||
Parcel | |||
Rollup | |||
任务运行器 |
npm scripts | ||
Makefile | |||
Gulp | |||
Grunt | |||
Broccoli | |||
七 |
流行的框架 |
VUE.js |
VueX |
Element UI | |||
React.js |
Redux | ||
AntDesign | |||
Mobx | |||
CSS in JS | |||
Angular |
RxJS | ||
ngrx | |||
八 |
持续学习 |
Node.js | |
渐进式Web应用 | |||
服务端渲染 | |||
静态站点生成器 | |||
桌面应用 | |||
移动应用 | |||
…… |
【上一篇笔记】前端开发能够给你带来什么?
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com