前端学习--

为什么

• 门槛低、便于入门
• 涵盖技术广、就业前景好

是什么

• 前端开发是创建Web页面或app等前端界面呈现给用户的过程
• 核心技术：HTML、CSS、JavaScript以及衍生出的各种技术、框架等

做什么

• 内容丰富 功能强大 用户体验增强
• 应用场景丰富 PC 移动APP 小程序 游戏 服务端

怎么做

• 前置知识

  • 计算机基本认识
  • 应用的概念
  • 前端和后端

• 入门阶段

  • HTML
    • HTML语法
    • HTML语义
    • SEO基础
    • H5
  • CSS
    • CSS语法
    • 页面布局
    • 媒体查询
    • CSS3
  • JavaScript进阶
    • JavaScript语法
    • 基础的数据结构
    • Web APIS
    • ES6+
    • 模块化
    • TypeScript

• 包管理工具

  • npm
  • yarn

• CSS进阶

  • CSS与处理器
    • SASS
    • LESS
    • PostCSS
    • …
  • CSS框架
    • BootStrap
    • tabler
    • Semantic UI
    • Materialize CSS
    • …
  • CSS架构规范
    • OOCSS
    • BEN
    • SMACSS

• 构建构建

  • 代码校验工具
    • ESLint
    • StyleLint
    • MArkdownLint
  • 模块打包工具
    • Webpack
    • Parcel
    • Rollup
  • 任务运行器
    • npm scripts
    • Markfile
    • Gulp
    • Grunt
    • Broccoli

• 流行的框架

  • VUE.js
    • Vuex
    • Element UI
  • React.js
    • Rdeux
    • AntDesign
    • Mobx
    • CSS in JS
  • Angular
    • RxJS
    • ngrx

• 持续学习

  • Node.js
  • 渐进式Web应用
  • 服务端渲染
  • 静态站点生成器
  • 桌面应用
  • 移动应用
  • …

  活到老学到老，前端技术也是一样的。世界飞速发展，前端技术也一直在迭代更新。
  但是首先要做的就是掌握基础，万变不离其宗，只要基础掌握的好，新技术掌握运用只是相当于换个新工具的事。