你适合学WEB前端吗？
前沿火爆技术岗位人才，市场供不应求，有前途更有钱途
-
在校学生党
-
0基础小白
-
在职提升
-
待业转行
有学历没技能，就业压力山大！
学Web前端，用技术点亮自己的未来。
就业面广、专业口径宽、薪资待遇优，
做Web前端有钱又有面！
自学能力差，
零基础学习web好困难！
北大青鸟为你搭建Web小白进阶之路，
100天变身Web大神。
职场3年，无升职加薪！
难以突破工作瓶颈。
你的技能需要提升了！
北大青鸟带你紧跟技术潮流！
工作没前途，工资低，转行互联网。
易入行，待遇优，火速发展的Web前端是你的首选项！
从入学到入职，你要修炼大厂必备技能
全方位提高个人能力，完善个人技术栈纬度
WEB前端
学习路线
-
WEB前端基础知识
攻克主题：项目搭建
重点技能：页面切图、原型建模、
HTML5、CSS3、JavaScript
ECMAScript -
WEB前端核心技术
攻克主题：项目开发、完善
重点技能：BOM&DOM编程、
jQuery函数库、HTTP协议、
AJAX应用、调试技术 -
WEB前端高级知识
攻克主题：框架重构
重点技能：响应式布局、Bootstrap
框架、H5高级特性、数据可视化 -
H5移动端开发
攻克主题：移动开发
重点技能：移动端适配、WebApp、
微信公众号、微信小程序HybridApp/
混编App、支付宝小程序、 百度小程序 -
WEB前端三大主流框架
攻克主题：三大主流框架
重点技能：Angular及其生态圈、
Vue.js及其生态圈、React及其生态圈 -
WEB全栈进阶技术
攻克主题：项目部署/发布
重点技能：Node.js、模块化构建关系型数据库 & 非关系型数据库、前端工程化、项目管理技术
五大阶段递进式教学，知识稳固提升
三大主流框架技术实时更新，大胆呈现教学细节，100天扎实掌握WEB硬核技能
- 数据和后台应用接口
- 用户界面系统开发
- 强用户交互设计
- 移动App和微信开发
- 高阶框架和前后端分离
第一阶段:数据和后台应用接口
核心知识点•项目导入 •数据库技术 •JavaScript核心 •Node.js核心
核心内容
•贯穿项目介绍、软件过程、WEB服务器 •CRUD、列类型、列约束、
简单查询、复杂查询 •数据类型、运算符、逻辑结构、ES核心对象
•非阻塞异步操作、IO、网络访问、数据库访问
19天掌握服务端核心技术
第二阶段：用户界面系统开发
核心知识点• HTML5核心 • HTTP协议&AJAX • CSS核心 • CSS3高级 • 响应式&Bootstrap
核心内容
• 结构标签、图文排版标签、H5语义标签 • 请求和响应消息、XHR和
异步请求 • 选择器、文本和颜色、盒模型、定位属性• 变形、渐变动画、
帧动画、Animate.css • 媒体查询、栅格布局、组件样式、Sass
20天掌握服务端核心技术
第三阶段：强用户交互设计
核心知识点• JavaScript高级 • DOM&BOM • jQuery • 数据绑定和Vue.js核心
核心内容
• ES API、面向对象、ES5&6新特性 • BOM对象、DOM对象、浏览器
兼容性• DOM操作、事件处理、动画函数、AJAX封装• 数据绑定、
指令系统、组件、SPA和路由、Axios、Vuex
21天进阶前端核心技术
第四阶段：移动App和微信开发
核心知识点• Vue.js UI库 • H5高级 • 微信开发 • 混编开发
核心内容
• 自定义组件、Element-UI、Mint-UI组件库 • Canvas&SVG、
本地存储、Worker、WebSocket • 微信公众号、微信小程序
• 硬件数据、设备事件、传感器、音视频、文件读写
21天进阶前端核心技术
第五阶段：高阶框架和前后端分离
核心知识点
• React.js核心 • React生态圈 • Python Web • Angular核心
• Angular生态圈 • 就业冲刺
• TypeScript、模块、组件、服务、指令、管道、路由、Rx.js • WebView、
Ionic简单&复杂组件、表单组件 • 语法基础、HTTP、MySQLdb、
Django框架• JSX、组件、State、表单、虚拟DOM • ReactNative
移动端组件• 冲刺项目、WebGL、PWA、Dart、Flutter
20天掌握核心框架技术
课程全面升级，学习更有效
紧跟行业发展趋势 掌握企业核心技术需求
升级前
- 数据库、JS基础、Node.js
- HTML、AJAX、CSS、响应式、Bootstrap
- JS高级、BOM&DOM、Vue.js
- H5、移动端开发、小程序
- React、Angular、Python
升级后
-
新增Redis数据库、Node.js集群、压缩模块等性能
优化内容；新增WEB安全讲解；新增域名购买、云
服务器使用、Git和Github使用等内容 -
新增RESTful规范、WEB调试和性能分析、Reset
和Normalize.css、Animate.css -
降低jQuery比重，增加async/await、ES6模块规
范、原生触屏事件、TypeScript语言 -
Worker性能优化、Socket.IO框架、mpvue框架、
支付宝和百度小程序 -
增加Flux和Redux、爬虫技术、二维码处理、
Webpack深入、Dart&Flutter、PWA、WebGL
和3D开发、VR&AR
你的工作，不只是切图和动效
数据可视化、桌面应用、微信生态、3D渲染、2D&3D游戏
构建跨平台的桌面应用
（JavaScript+HTML+CSS）
三维人物建模
（WebRTC+JSARToolKit+Three.js）
各类网站
（HTML+CSS+JS）
web数据可视化
（Django+Echartse）
AR应用
（WebRTC+WebGL）
开发微信小程序
（WXML+WXSS+JS）
开发支付宝小程序
（AXML+ACSS+JS）
桌面应用
3D渲染
各类网站
数据可视化
AR
微信小程序
支付宝小程序
全面覆盖技能点，培养高质量WEB人才
学习是为了高效解决问题，让你拥有架构设计与搭建业务模型的硬核技能
大型项目实操练手，满足企业用人需求
边学边练，扎实代码功底，应对企业需求！
-
真实商业项目
成立项目专项小组，团队
完成，更贴近工作场景 -
课程贯穿
企业核心项目贯穿课程，
培养Web大局观 -
项目部署上线
云服务真实部署，项目
上线，投入使用 -
接轨企业
真实对接企业，标准化，
规范化，流程化 -
完成50000行代码
实战讲师手把手教学，
完成50000行代码组 -
自主项目
学员自主完成3个不低于
10000行代码的项目
