前端开发怎么学(前端开发的学习路线)

停更了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

    分享
    投诉
    首页