前端开发----简介

前端开发

1、提出疑问

疑问？
1、前端开发是什么？
2、前端开发做什么？
3、前端开发带来什么？
回答:
1-2、前端开发是开发者创建web页面或者app等前端界面并用来呈现给用户的过程（核心技术：HTML、CSS、JavaScript以及衍生出的各种技术、框架等）
3、前端开发带来改变，使网页内容更丰富，功能更加强大，使用户体验感增强

2、前端开发应用场景

• PC（个人计算机或个人电脑）
• 移动APP（安装的移动设备，主要为智能手机和平板电脑上的应用程序）
• 小程序（小程序是一种不需要下载安装即可使用的应用）
• 游戏
• 服务器（服务器是指网络环境下为客户机提供某种服务的专用计算机）

3、前端开发就业方向

• web前端开发工程师
• 小程序开发工程师
• 移动web开发工程师
• 前端架构师/前端专家
• …

4、前端学习路线

1、前置知识

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

2、入门阶段

1）HTML

• HTML语法
• HTML语义化
• SEO基础

2）CSS

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

3、JavaScript进阶

• JavaScript语法
• 基本数据结构
• web APIS
• ES6+
• 模块化
• TypeScript

4、包管理工具

• npm
• yarn

5、CSS进阶

1）CSS预处理器

• SASS
• LESS
• PostCSS
• …

2）CSS框架

• Bootstrap
• tabler
• Semantic UI
• Materialize CSS
• …

3）CSS架构规范

• OOCSS
• BEM
• SMACSS

6、构建工具

1）代码校验工具

• ESLint
• StyleLint
• MarkdownLint

2）模块打包工具

• webpack
• parcel
• rollup

3）任务运行器

• npm scripts
• Makefile
• Gulp
• Grunt
• Broccoli

7、流行框架

1）Vue.js

• VueX
• Element UI

2）React.js

• Redux
• AntDesign
• Mobx
• CSS in JS

3）Angular

• RxJS
• ngrx

8、持续学习

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