01前端开发简介与学习路线

一、为什么选择前端开发

要解决这个疑问先去了解前端开发，从三个方面去了解前端开发：

是什么？做什么？带来什么？

前端开发是什么

前端开发是创建Web页面或app等前端界面呈现给用户的过程。

在此过程中用到的核心技术：HTML、CSS、JavaScript以及衍生出的各种技术、 框架等。

前端开发做什么——应用场景

对比于早期的互联网网页，前端开发对网页开发带来的改变：使得网页内容更丰富、功能更强大、用户体验增强。

除了网页开发，前端开发在更多领域也可以实现自身价值，下面看前端开发的应用场景

前端开发的应用场景：

1. PC ：上面说的网页开发就属于PC端页面开发的内容

2. 移动APP

3. 微信小程序

4. 游戏

5. 服务端

随着前端开发技术的不断更新不断增加，我们能够使用到额应用场景会越来越多，功能也越来越强大。

前端开发带来什么

首先最直观的就是增加了就业机会，从之前的只能进行网页开发到现在变得多种多样：

当然，当达到一定标准后，也可以得到越来越多的薪资。

二、前端开发学习路线

前置知识

计算机基本认识

应用的概念

前端和后端

入门阶段

HTML ：HTML语法 、HTML语义化 、SEO基础

CSS ： CSS语法 、页面布局 、媒体查询 、CSS3

JavaScript进阶

JavaScript语法 、基础的数据结构 、Web APIs 、ES6+ 、模块化 、TypeScript

包管理工具

npm 、yarn

CSS进阶

CSS预处理器 ： SASS 、LESS 、PostCSS......

CSS框架 : Bootstrap 、tabler 、Semantic UI 、Materialize CS.......

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应用

服务端渲染

静态站点生成器

桌面应用

移动应用 

……