【1】前端开发介绍
一、是什么?
- 创建web页面或APP等前端界面呈现给用户的过程。
二、做什么?
- 核心技术:HTML、CSS、JavaScript以及衍生出的各种技术、框架等。
- 早期的前端界面,比如web界面,相对功能少、速度慢、不美观;
- 而如今前端开发带来了实在的改变:内容丰富、功能强大、用户体验增强。
三、带来什么?
- 前端开发应用场景:PC、移动App、小程序、游戏、服务端…
- 前端开发就业机会:web前端开发工程师、小程序开发工程师、移动web开发工程师、前端架构师/前端专家…
- 薪资水平相对可观。
四、 学习路线
(引用拉勾教育中的规划)
阶段 | 知识模块 |
---|---|
前置知识 | 计算机基本知识/应用的概念/前端和后端 |
入门 | HTML(语法/语义化/seo基础) |
CSS(语法/页面布局/媒体查询/css3) | |
JavaScript进阶(语法/基础的数据结构/web APIs / ES6+/ 模块化 / Type Script) | |
包管理工具(npm /yarm) | |
CSS进阶 | CSS预处理器(SASS/LESS/PostCSS…) |
CSS框架(Bootstrap/tabler/Semantic UI / Materislize CSS…) | |
CSS架构规范(OOCSS/BEM/SMACSS…) | |
构建工具 | 代码校验工具(ESLint/StyleLint/MarkdownLink) |
模块打包工具(Webpack/Parcel/Rollup) | |
任务运行器(npm scripts/Makefile/Gulp/Grunt/Broccoli) | |
流行的框架 | VueX Element UI |
React.js (Redux/AntDesign/Mobx/CSS in JS ) | |
Angular(RxJS/ngrx) | |
持续学习 | Node.js/渐进式Web应用/服务端渲染//静态站点生成器/桌面应用/移动应用… |
参加拉勾教育大前端集训营已经一个月了。把所学记录成博客,是一种分享,同时也是主动输出,帮助自己巩固。
下篇继续:【2】前置知识