从0开始学前端

1. 前端开发介绍

1.1 前端开发是什么？

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

1.2 核心技术

HTML、CSS、JavaScript及衍生的各种技术、框架

1.3 特点

早期互联网产品：功能少、加载速度慢、不美观
现在：内容丰富、功能强大、用户体验增强

1.4 应用场景

PC、移动App、小程序、游戏、服务端

1.5 前端岗位

Web前端开发工程师、小程序开发工程师、移动Web开发工程师、前端架构师/前端专家

2. 学习路线

敲黑板：合理安排学习过程

前端涵盖的技术有很多，需要合理的安排学习路线。
(我们学习一门技术，既要了解它的前身，也要了解它将来的发展方向)

学习路线参考:

2.1 前置知识
计算机基础认识、应用的概念、前端和后端

2.2 入门阶段
1）HTML: HTML语法、HTML语义化、SEO基础、HTML5
2）CSS: CSS语法、页面布局、媒体查询、CSS3

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

2.4 包管理工具
npm、yarn

2.5 CSS进阶
1）CSS预处理器：SASS、LESS、PostCSS、…
2）CSS框架：BootStrap、tabler、Semantic UI、Materialize CSS、…
3）CSS架构规范：OOCSS、BEM、SMACSS

2.6 构建工具
1）代码校验工具：ESLint、StyleLint、MarkdownLint
2）模块打包工具：Webpack、Parcel、Rollup
3）任务运行器：npm scripts、Makefile、Gulp、Grunt、Broccoli

2.7 流行框架
1）VUE.js：VueX、Element UI
2）React.js：Redux、AntDesign、Mobx、CSS in JS
3）Angular：RxJS、ngrx

2.8 持续学习
Node.js、渐进式Web应用、服务端渲染、静态站点生成器、
桌面应用、移动应用、…