目录
前端开发
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应用
- 服务器渲染
- 静态站点生成器
- 桌面应用
- 移动应用
- …