首页 体系课 前端工程师 2021版
前端工程师 2021版
入行前端,是明智的选择!入行门槛低,小白易上手,就业前景好
全新版本,从知识体系、技术版本、项目复杂度、就业指导等多维度升级
让你从0基础入门到全栈开发再到大型项目构建,系统提升开发能力,直达就业

针对0基础用户开发,对标大厂前端工程师能力水平

从入门到全栈开发到项目构建,系统提升开发能力

针对大厂需求量身定制,一次性直达就业标准

不限期 视频有效期
34 课程内容
17 个月 教学服务期限
214 小时 视频时长
19500 累计学习人数
100% 累计好评度
不限期 视频有效期
34 课程内容
17 个月 教学服务期限
70000 手敲代码
2 企业及项目
16+ 实操案例
19500 累计学习人数

优惠价 ¥4599.00

支持花呗 7天可退款 ¥5420

立即购买

0基础学IT,优选前端工程师

已有 19500 人选择在慕课网学前端

就业方向广
职业前景好
学习门槛低
需求广泛,多领域
多岗位都可就业
人才长期稀缺
未来发展持续看好
前端从业者背景多样
没有限制
前端工程师
Web全栈工程师
H5/小程序开发工程师
Node.js工程师
入行工资可观
几乎所有行业都离不开前端
前端不会被淘汰
职业发展路线更长更广
非IT背景?可学
IT背景?更要学
想转行?首选前端
没有大学学历?可学

0基础入行互联网,就选前端

进大厂拿高薪,非IT背景可学,IT背景更要学!

就业方向广
几乎所有行业,都需要前端人才
教育
电商
社交
游戏
旅游
医疗
娱乐
服务
职业前景好
用场景广阔,在哪都有用武之地
网站开发
移动端网页
小程序
H5页面
支付宝程序
门户网站
手机APP
微信公众号
学习门槛低
无背景要求,无专业限制
在校学生
0基础转行
学历低
文科生
想拿高薪
职业瓶颈
非计算机专业
想进大厂

慕课网 — IT教育领军者,互联网技术大牛诞生的摇篮

紧跟市场需求,让你成为更具竞争力的前端人才!

真正为0基础学员而设,让你“学的都有用,学了都能懂”,提高效率、不走弯路

真正为0基础就业设计,让你“学的都有用,学了都能懂”,提高效率、不走弯路
8年前端教学积累,论证高效学习路线

紧跟企业需求
"就好业"的人才
培养体系
知识系统全面
打造全栈能力的
知识体系
学习曲线平滑
更适合小白的
学习方案
丰富练习/测试
多种学习方式
让学习更有效
无忧学习体验
有问题不用愁
专业老师来解答
70000+行
720+道
230+
9项
2大
16+个
手敲代码
课后习题
教辅资料
作业测评
案例项目
企业级综合项目
214小时
720+道
230+
9项
2大
16+个
视频时长
课后习题
教辅资料
作业测评
企业及项目
实操案例

4大阶段,7个步骤,从0到全栈,让前端不止于前端

企业对前端开发者的要求越来越高,掌握前后端的技术是面试中的重大加分项

从0基础
Web全栈能力
入门阶段
提升阶段
强化阶段
拔高阶段
夯实前端必备基础
高效开发及跨端开发
开拓服务端技能
深耕大厂钟爱技术栈
PC端
移动端+小程序端
后端+数据库
网页
布局
动态
交互
组件化
思想
移动
WebApp
小程序
Vue3.x
与服务
端开发
React17+TS
开发

更新2021前端技术栈,紧跟大厂技术应用趋势

HTML/HTML5

语法与基础标签

HTML5、DIV布局

语义化标签与属性

有序、无序、自定义列表

超链接、img

表单、表格

音频、视频

01
CSS3

选择器

盒子模型

定位浮动

过渡、动画

2D、3D转换

边框、圆角

背景、渐变

02
JavaScript

流程控制语句

内置对象

函数、时间

变量、作用域

DOM、BOM

面向对象

正则表达式

03
ES6

剪头函数

模板字符串

解构赋值(数组、对象解构赋值。。。)

扩展(对象、数组、函数扩展)

Set、Map

Promise异步编程

Class类、Module模块

04
网络请求

数据交互方式

HTTP协议

AJAX、JSON

FormData

Axios、Fetch

CORS、JSONP

localStorage

05
移动WebApp

移动基础

Media媒体查询

Flex布局

响应式布局

移动适配

性能优化

移动端事件

06
小程序

开发环境搭建

常用API

基础组件

列表与条件渲染

数据绑定

组件与生命周期

路由与事件

07
React.js5

环境搭建

虚拟DOM

JSX语法

事件绑定

生命周期函数

组件、Hooks

Ant Design 组件库

08
Vue.js

Webpack环境搭建

Vue组件化思想

生命周期

数据绑定

事件处理器

Vue-vuex缓存

Vue-router路由

09
Node.js/Koa2

Npm

CommonJS

Debug

路由

中间件机制

洋葱圈模型

Cookie、session

10
数据库

环境安装

Mongoose

Compass

Schema

集合collection

增删改查

数据库设计

11
TypeScript

TSX语法

TS编译流程

基础类型

泛型、class

Interface、module

命名空间、关键字

元编程、函数

12
Git/gulp

Git安装、注册

创建仓库、分支

上传、下载代码

多人协同操作

Gulp基本用法

自动化构建

加载第三方类库

13
Sass

编译环境配置

基础语法

基础数据类型

加减乘除运算

伪类继承

嵌套、条件控制

内置函数

14

从0到1,亲历2大企业级真实项目,锤炼职场综合能力

提升技术实战能力+体验真实开发流程+收获优秀面试作品

“仿穷游”旅游网前端项目
同一项目逐步迭代
亲历企业不同开发方式
从PC端演化成移动WebApp
掌握跨端+适配技能
传统单一模块开发到组件化开发
掌握企业核心开发思想
一套前端上线作品
体验企业级代码+真实开发流程

手机扫一扫,体验项目

还原企业项目迭代开发模式
核心技术:
  • · Flex布局与Rem适配方案
  • · 综合运用ES6与模板引擎
  • · Ajax前后台交互及跨域解决方案
  • · 前端脚手架工具Webpack
  • · 移动端滑动插件Swiper
  • · 组件化拆分与封装
  • · HTML5+CSS3网页布局
  • · JavaScript 动态交互
仿京东到家WebApp全栈项目
企业标准项目
6大核心业务
15+精美页面
多套实用解决方案
12+真实接口
还原企业线上项目
符合企业标准的高质量代码
企业真实开发场景
应对企业主流业务
做真正的完整项目
各功能页面开发完善
实际工作中各种解决方案
从容应对开发中难题
手把手带你设计
一步步开发真实接口
拿起手机扫一扫,轻松体验真实项目

  项目目标:

· 独立开发一个完整的、可做面试背书的电商项目

  项目亮点:

· 掌握前后端分离模式,高效开发商业级全栈项目
· 从前端开发到后端构建,打造电商核心业务闭环
· 掌握接口与数据库设计,提升系统构建能力
· Vue.js+Node.js+Koa2+MongoDB综合应用

  项目开发流程:

· 需求分析→原型图分析→数据库与接口设计→
  前端界面开发→后端开发→前后端联调
前后端分离的开发模式
基于Vue.js实现前端模块
后端 Node.js+Koa2+MongoDB
登录/首页
购物车
Koa2 框架
服务端分层模型
Koa2 项目环境搭建
创建路由(接口)
Session 登录
登录、注册
获取用户信息
商家列表
商品列表
购物车列表
购物车加减商品
订单
地址管理
数据库
中间件
提交订单
确定、取消订单
订单列表
新建地址
修改地址
选择地址
Node.js操作MongoDB
Mongoose
Compass
Koa2 中间件机制
登录校验
Koa2 洋葱圈模型
API

多样化案例驱动式教学,让学习的每个环节都充满动力与成就感

新手学代码最怕枯燥,沉浸式学习体验,在探索中掌握丰富的技术能力

基础技能
HTML5/CSS3
基础技能
JavaScript
技术提升
组件化
技术提升
移动WebApp
技术拓展
小程序
技术纵深
Vue3.x
技术纵深
Node.js/ Koa2
技术拔高
TypeScript/React.js

课程技术栈全面升级,更加符合企业真实用人标准

覆盖一线企业所需核心技术栈 结合实战开发让你既能学懂又能会用

HTML5
CSS3
JavaScript
ES6
网络请求
移动WebApp
小程序
语法与基础标签
选择器
流程控制语句
箭头函数
数据交互方式
移动基础
开发环境搭建
HTML5、DIV布局
盒子模型
内置对象
模板字符串
HTTP 协议
@media媒体查询
常用API
语义化标签与属性
定位、浮动
函数、事件
解 构 赋 值
(数组、对象 解构 赋值 . . .)
AJAX、JSON
Flex布局
基础组件
    有序、无序、
自定义列表
过渡、动画
变量、作用域
扩展
(对象、数组、函数扩展...)
FormData
响应式布局
列表与条件渲染
超链接、img
2D、3D转换
DOM、BOM
Set、Map
Axios、 Fetch
移动适配
数据绑定
表单、表格
边框、圆角
面向对象
Promise异步编程
CORS、JSONP
性能优化
组件与生命周期
音频、视频
背景、渐变
正则表达式
Class类、Module模块
localStorage
移动端事件
路由与事件
React.js
Vue.js
Node.js/Koa2
数据库
TypeScript
git/gulp
Sass
环境搭建
Webpack环境搭建
npm
环境安装
TSX语法
git安装、注册
编译环境配置
虚拟DOM
Vue组件化思想
CommonJS
mongoose
TS编译流程
创建仓库、分支
基础语法
JSX 语法
生命周期
debug
compass
基础类型
上传、下载代码
基本数据类型
事件绑定
数据绑定
路由
Schema
泛型、class
多人协同操作
加减乘除运算
生命周期函数
事件处理器
中间件机制
集合collection
interface、module
gulp基本用法
伪类继承
组件、Hooks
Vue-vuex缓存
洋葱圈模型
增删改查
命名空间、关键字
自动化构建
嵌套、条件控制
Ant Design 组件库
Vue-router路由
Cookie、session
数据库设计
元编程、函数
加载第三方类库
内置函数

除了出色的视频内容,这里有伴你整个职业生涯的“成长社区”

学习时你能在这里获取答案,工作后你能在这里解决难题

由于课程类型与教学目标不同,学习服务会有不同,具体服务可在线咨询
问答专区
练习作业专区
笔记专区
资料专区
编程遇难点,名师来指点;疑难汇总一键查看,海量问答覆盖全面
多方位知识面,分层巩固吸收;学练结合,学习效果有保障
脱离时空限制,随记随查很方便;总结课程重点,分享提升代码经验
横向拓展,超全配套教辅资源;纵向延伸,源码开放更助知识理解
了解更多

面试官讲解的面试题,26小时技术面试+就业指导
高强度扫盲!带你整理、总结所学,化解求职疑虑

前端面试高频知识梳理
高效的面试技巧传授
独家解题方法论揭秘
大厂面试+就业全流程指导
带你把知识串成线,连成面,印在脑中
带你理清“什么是必会题,什么是加分题”
让你实现“会1道题就能解决一类题”
带你掌握面试流程、简历制作及求职方法论

课程大纲及学习周期安排

为保证课程内容紧跟市场变化,课程章节将逐步开放,直至课程完结

阶段一: 前端基础入门
27门课    ·   课程总时长:50小时    ·   练习题:405    ·   大作业:2    ·   考试:2    ·   教辅资料:68
  • 第1周
  • 第2周
  • 第3周
  • 第4周
  • 第5周
  • 第6周
  • 第7周
  • 第8周
  • 第9周
HTML5基础语法与标签

本周是入门前端的第一步,学会IDE插件安装和使用,掌握H5语法和基础标签的应用,学完本周内容可以进行简单的页面结构搭建。

课程安排:
  1. 1、了解前端行业发展
  2. 2、了解HTML5对于网页的意义
  3. 3、学习常用标签/属性,进行结构搭建
  4. 4、掌握无序列表/有序列表/自定义列表
  5. 5、学习表单标签/属性,能创建常见表单结构
  6. 6、掌握标签嵌套规则/行内元素/块元素的使用
  7. 7、学习VSCode开发工具使用,能创建简单网页
CSS3基础语法与盒模型

CSS3是网页的"美容师",本周开始学习CSS3样式,掌握语法结构、选择器、盒子模型、文本和字体样式设置,能够对网页进行简单的样式开发。

课程安排:
  1. 1、掌握CSS3基本语法和使用
  2. 2、掌握CSS3各类选择器/样式属性,快速进行样式设置
  3. 3、学习文本、字体等常见属性
  4. 4、盒子模型核心知识讲解,深入理解原理
  5. 5、掌握行内元素和块级元素设置与转换
CSS3浮动定位与背景样式

简单的样式开发还不够,通过掌握浮动、定位、边框、背景样式以及2D&3D转换,以及布局技巧。能够进行特殊图形绘制,开发更美观的网页效果。

课程安排:
  1. 1、浮动与定位核心知识,灵活运用实现网页布局
  2. 2、常见布局方法,解决布局常见问题
  3. 3、如何绘制圆角边框/阴影框/图片边框等特殊图形
  4. 4、掌握元素扭曲/移位/旋转,更自由的装饰HTML
  5. 5、BFC规范和浏览器差异
CSS3动画与穷游首页开发实战

CSS3也能实现炫酷的网页动态效果,结合企业级上线“旅游网”项目,综合运用前面所学的知识,完成穷游首页排版布局和CSS3动画特效开发。

课程安排:
  1. 1、大项目:结合H5/CSS3,完成PC端仿穷游首页布局开发
  2. 2、掌握不同布局结构与技巧
  3. 3、掌握过渡的使用与缓动效果,实现常见小案例
  4. 4、运用动画效果,实现炫酷动画效果
  5. 5、大作业:慕家居网页布局开发
JS基础语法与表达式

JS是网页编程的第一步,本周开始学习JS编程语言,掌握基础语法结构、变量声明和命名规则、数据类型、表达式和操作符,学完本周内容可以进行简单的JS代码编写。

课程安排:
  1. 1、掌握JS基本语法使用
  2. 2、掌握JS变量声明与提升的机理
  3. 3、掌握JS运算符操作与表达式
  4. 4、学习基本数据类型和复杂数据类型使用
  5. 5、深入理解数据类型转换与检测
  6. 6、小案例:计算器和表达式综合运用
JS流程控制语句与数组

本周继续深入学习JS编程语言,掌握条件分支语句、循环语句和数组,学完本周内容可以用简洁的代码实现强大功能。

课程安排:
  1. 1、掌握if,if elseif,switch等条件分支语句使用
  2. 2、掌握for、while、do while循环语句使用
  3. 3、掌握数组基本使用和常用方法
  4. 4、break和continue语句的特点及应用
  5. 5、运用数组知识,学习基本算法
  6. 6、使用简单的逻辑实现复杂业务逻辑
  7. 7、小案例:常见算法综合运用
JS函数与DOM

如想实现更炫的动态效果,那么操控网页元素很重要,通过掌握函数编程、DOM操作、事件以及BOM对象,让你能实现典型的触发和动态交互效果。

课程安排:
  1. 1、掌握DOM操作和DOM事件
  2. 2、掌握函数基础与函数高级应用
  3. 3、掌握BOM浏览器对象模型,与浏览器“对话”
  4. 4、掌握函数封装,提升编码质量
  5. 5、小案例:有趣的动画效果开发
面向对象

面向对象是开发中非常重要的思想,在本周我们将开始运用面向对象思想进行程序开发,编写高质量代码,解决企业级编程协同问题。

课程安排:
  1. 1、学习this规则与使用
  2. 2、掌握构造函数概念以及创建、调用与使用
  3. 3、理解原型和原型链的关系与运用
  4. 4、闭包和作用域应用
  5. 5、熟练使用面向对象思想进行DOM编程
  6. 6、掌握JS模块化编程方式,编写高质量代码
  7. 7、掌握模块化开发技巧,解决企业级编程协同问题
  8. 8、小案例:俄罗斯方块游戏开发
项目实战:仿穷游JS特效开发

实战出真知,本周综合运用H5、CSS3和JS所学知识,从0到1完成一个具备CSS3动画和JS特效的多特效旅游网页。掌握企业常见的网页开发方式和各类特效实现方案。

课程安排:
  1. 1、结合H5/CSS3/JS,完成PC端仿穷游首页特效开发
  2. 2、项目动画效果分析,帮助更快梳理思路
  3. 3、实现典型JS特效效果:Banner轮播图、返回顶部动画、垂直菜单
  4. 4、学习正则表达式,完成常见手机号、邮箱、姓名等功能验证
  5. 5、大作业:慕家居网页JS特效开发
阶段二: 组件化与移动WebApp开发
27门课    ·   课程总时长:53小时    ·   练习题:137    ·   大作业:3    ·   考试:2    ·   教辅资料:89
  • 第10周
  • 第11周
  • 第12周
  • 第13周
  • 第14-15周
  • 第16周
  • 第17周
  • 第18周
  • 第19周
ES6基础入门

ES6是JavaScript新的语法规范,让代码更规范、可读性高、方便操作。本周将开启ES6的学习,这是学习前端必备的一步。掌握ES6相关知识后,能够更便捷的编写代码,提高开发效率。

课程安排:
  1. 1、ES6基本语法与使用
  2. 2、掌握ES6中变量和常量的使用与区别
  3. 3、学习可以嵌入表达式的字符串字面量--模板字符串
  4. 4、掌握箭头函数的特点与应用
  5. 5、掌握如何自动解析数组或对象中的值
  6. 6、了解对象字面量更加简洁与灵活的表达方式
  7. 7、掌握参数默认值的使用
ES6语法扩展

本周将继续学习ES6的基础,通过进一步学习ES6引入的新特性,了解ES6的新方法,掌握新的集合类型,更深入的了解数据的遍历。

课程安排:
  1. 1、剩余参数与展开运算符的对比进行学习
  2. 2、了解如何实现减少逻辑或操作符的使用
  3. 3、认识ES6中新增的数据结构
  4. 4、了解ES6中新增的方法
  5. 5、了解遍历原理,以及学习新的循环方式
ES6之Promise与Class类

Promise 和 Class(类)是ES6中非常重要的知识点。Promise 是异步编程的一种解决方案,比传统的回调函数更合理和更强大。Class(类)来作为对象的模板使用,强化面向对象的使用。

课程安排:
  1. 1、学习如何高效解决回调地域问题
  2. 2、了解如何运用ES6 Promise进行异步编程
  3. 3、掌握Class基本语法的使用
  4. 4、掌握更加清晰与便捷的对象继承方式
  5. 5、掌握更高级的面向对象编程思想
ES6之Module模块与Babel编译

ES6 在语言标准的层面上,实现了模块功能。可以实现将一个大程序拆分成互相依赖的小文件。而babel的使用,完美的解决了ES6的兼容性问题,让ES6有更多可能性,使前后端差异越来越小。

课程安排:
  1. 1、了解企业级的开发形式——模块化的使用
  2. 2、学习将一个复杂的功能拆分,从而提高复用率
  3. 3、了解如何更好的维护代码
  4. 4、掌握babel转换器的使用,解决ES6的兼容问题
  5. 5、学习如何将Webpack与配合Babel使用,完成更高效的开发
  6. 6、掌握Webpack项目构建配置
HTTP 协议、存储、Ajax

本周将开启前后端数据交互的学习,来理解前后端开发的区别,了解网络通信的相关概念,并对与后台通信、获取数据有一个初体验。概念比较抽象,先作为了解。在后面项目开发环节,随着对知识的运用,对概念会有更深一步的理解。

课程安排:
  1. 1、了解如何区分前后端
  2. 2、理解HTTP协议,熟悉网络通信相关概念
  3. 3、学习本地存储的多种方式,了解数据缓存机制
  4. 4、了解JSON数据的几种书写格式
  5. 5、熟悉原生Ajax请求流程与细节
  6. 6、掌握常见的跨域技巧
  7. 7、学习如何自己封装Ajax
  8. 8、了解基于promise的Ajax插件——Axios
项目实战:仿穷游组件化开发

组件化开发是一种高级编程思想,适用于团队协作开发,是企业中常见的一种开发模式。本周会使用组件化方式来完成“仿穷游商城首页”的重构。掌握组件化开发能够更好的促进团队协作,提高开发和调试效率,可维护性更高。

课程安排:
  1. 1、综合运用H5/CSS3/ES6等知识,使用“组件化的开发思想”重构旅游网首页
  2. 2、了解项目组件化划分方式
  3. 3、了解模块化与组件化区别
  4. 4、采用模块化与组件化结合的开发方式
  5. 5、使用Webpack构建项目
  6. 6、运用 art-template 模板引擎,高效开发
  7. 7、真实的数据接口,实现前后台联动
  8. 8、通过自己封装的Ajax向后端请求数据
  9. 9、使用Class、Module模块完成轮播图的基类,实现模块化,提高复用率
移动基础

移动开发基础是进行webApp开发第一步。本周将开启前端学习的新篇章。通过移动端基础知识的学习,能够独立实现适配不同移动端终端的页面。

课程安排:
  1. 1、了解移动基础概念
  2. 2、了解移动端屏幕、移动端浏览器、操作系统的不同
  3. 3、掌握Flex布局的使用
  4. 4、掌握移动端常用的rem和vw适配方案
  5. 5、学习流体布局的使用
移动进阶之高效开发

移动端高质量的开发,是移动端开发的必备技能。本周继续移动端的学习,学习移动端的事件、开发中的常见问题,以及如何使项目的性能更加优化。

课程安排:
  1. 1、掌握移动端常用的touch事件
  2. 2、掌握Grid网格布局
  3. 3、学习响应式布局
  4. 4、移动端开发中常见的问题
  5. 5、学习如何从HTML、CSS、JavaScript三方面优化性能
项目实战:仿穷游移动webapp开发

接下来的一周,我们将迎来webApp项目的开发,实现从PC端开发迈向移动端。从项目分析、组件划分、结构搭建、功能实现、性能优化。体验真实企业中移动端项目的开发流程

课程安排:
  1. 1、综合运用H5/CSS3/ES6/移动知识,重构旅游网WebAPP的首页、目的地页
  2. 2、符合企业标准的开发流程,从项目分析、项目搭建、模块开发到数据对接
  3. 3、采用模块化与组件化结合的开发方式
  4. 4、使用Webpack构建项目
  5. 5、运用 art-template 模板引擎,高效开发。
  6. 6、完成 18 个典型组件开发(搜索、商品、导航等组件)
  7. 7、运用Swiper高效移动端插件开发轮播图
  8. 8、使用Ajax 处理与获取数据
  9. 9、如何处理多次请求的解决方案
  10. 10、如何运用组件化思维,拆分和复用组件
  11. 11、完成各组件性能的优化
阶段三: 小程序与Vue3.x全栈开发
17门课    ·   课程总时长:53小时    ·   练习题:175    ·   大作业:3    ·   考试:1    ·   教辅资料:10
  • 第20周
  • 第21-22周
  • 第23周
  • 第24-25周
  • 第26周
  • 第27周
  • 第28-29周
小程序基础与慕课小程序实战

本周开始学习爆火的轻应用开发技术——小程序 。通过对小程序知识的学习,能够独立开发企业级小程序,拥有解决主流小程序功能需求的能力。

课程安排:
  1. 1、大项目:结合Flex/Template模板,开发慕课小程序首页/活动页/热门排行页
  2. 2、了解小程序注册流程/注册方式/注册主体
  3. 3、小程序的全局生命周期和页面级生命周期
  4. 4、小程序基础语法与常用API
  5. 5、小程序开发工具的调试办法
  6. 6、小程序多页面下的开发工作流及目录结构
Sass基础与Vue.js基础语法

Vue.js是企业开发另一热门框架,易用、灵活、高效,对于初学者很友好。本周通过对Vue.js基础和Sass布局技术的学习,为后续的全栈项目开发打下基础。

课程安排:
  1. 1、掌握Webpack项目构建配置
  2. 2、掌握基础语法与常见API
  3. 3、组件的使用及组件的生命周期
  4. 4、Axios网络请求及路由使用
  5. 5、Vuex的引入、应用场景及项目中的实现
  6. 6、使用Vue.js技术栈进行项目开发的方式方法
  7. 7、掌握Sass布局基础
项目实战:Vue.js仿京东到家电商全栈项目前端开发(上)

从本周开始进入到电商全栈项目开发,首先使用Vue.js前端实战的第一部分首页和商家详情页,还原实际开发流程,综合运用所学知识,完成页面开发,掌握开发中常见问题解决技巧。

课程安排:
  1. 1、综合运用Sass和Vue.js完成登录页/注册页/首页/商家详情页
  2. 2、使用vue-cli4.0创建开发环境
  3. 3、使用axios发送Mock请求
  4. 4、使用路由守卫实现基础登陆校验功能
  5. 5、动态路由/异步路由与组件拆分复用
  6. 6、首页/商家详情页数据渲染
  7. 7、Vue.js项目中常见问题的解决方案
项目实战:Vue.js仿京东到家电商全栈项目前端(下)

Vue.js前端项目实战的第二部分,实现电商核心业务订单和地址管理模块,掌握开发中常见问题解决技巧,真实数据访问,开发完整的Vue.js电商前端项目。

课程安排:
  1. 1、综合运用Sass和Vue.js完成订单提交页/地址列表页/地址编辑/地址新建页
  2. 2、使用axios发送Mock 请求
  3. 3、动态路由/异步路由与组件拆分复用
  4. 4、订单提交页/地址列表页数据渲染
  5. 5、Vue.js项目中常见问题的解决方案
  6. 6、步骤大作业:完成订单列表页和购物车列表页开发
全栈必备基础Node.js

学前端不止于前端,从本周开始学习服务端基础知识,掌握什么是服务端以及服务端必备node.js,夯实基础,迈进前端全栈开发。

课程安排:
  1. 1、案例:搭建node.js服务器及创建MongoDB数据库
  2. 2、了解什么是服务端,服务端与前端的关系
  3. 3、掌握commonjs模块化与npm插件使用
  4. 4、掌握inspect调试方法
koa2中间件与MongoDB数据库

真实企业开发离不开数据库,Koa2框架有效的提高开发效率,本周掌握前端必备的前端全栈开发知识,为后面开发全栈项目蓄力。

课程安排:
  1. 1、了解koa2中间件与洋葱圈模型
  2. 2、了解关系型数据库与MongoDB基础API详解
  3. 3、掌握node.js操作MongoDB方法与mongoose规范数据模型
项目实战:node.js仿京东到家电商全栈项目后端开发

本周开始进入到电商全栈项目的后端开发,对标企业标准开发流程。从登录实现方案、项目需求分析、接口和数据结构设计到业务开发,帮你打通前后端任督二脉,突破全栈技术瓶颈,为就业加码。

课程安排:
  1. 1、综合运用Node.js+koa2+MongoDB,实现电商全栈项目的后端
  2. 2、掌握企业的开发流程与技巧,从0到1一步步实现
  3. 3、项目采用前后端分离开发模式
  4. 4、核心业务的数据库设计与实现
  5. 5、真实数据接口和设计与实现
  6. 6、Koa工作流程及常见Koa中间件使用
  7. 7、掌握前后端数据联调技巧,打通前后的数据交互
  8. 8、常见MongoDB与nodejs集成
  9. 9、了解cookie 和session的关系
  10. 10、大作业:订单和购物车列表页的数据库和接口设计
阶段四: TS&ReactJS开发与工程化构建
10门课    ·   课程总时长:58小时    ·   教辅资料:10
  • 第30周
  • 第31-32周
  • 第33周
  • 第34周
TypeScript与React.js基础语法

TypeScript和React.js是企业开发热门框架之一 。通过对TypeScript和React.js基础的学习,为后续的旅游项目开发打下基础。

课程安排:
  1. 1、理解JSX 语法与编程思想React UI 渲染原理
  2. 2、掌握模块化样式加载与事件处理
  3. 3、了解TS编译流程及配置TS编译器
  4. 4、掌握副作用钩子使用及其作用
  5. 5、掌握类组件与高阶组件解决交叉问题
  6. 6、了解并掌握类组件于函数式组件区别于应用
  7. 7、掌握组件间数据传递及组件的生命周期
React旅游网开发与工程化

本周结合TypeScript和React.js基础知识,开发React旅游网,及最终实现git部署和gulp工程化,掌握构建企业级项目和解决核心业务问题的能力,快速接入企业项目。

课程安排:
  1. 1、综合运用TypeScript和React.js完成旅游项目的前端页面
  2. 2、核心页面:首页/详情页/注册页/登录页/购物车
  3. 3、设计网站开发指南、系统设计与项目初始化
  4. 4、使用React封装项目中用到组件,实现复用
  5. 5、如何运用React-Redux进行状态管理
  6. 6、Ant Design组件库进行项目开发
就业必备基础技术面试分析

面试是通往成功就业的关键一步,本周包含布局基础以及JS和ES6等常见考点和经典面试题分析,带你把知识串成线,掌握前端面试技巧,顺利通关基础技能面试。

课程安排:
  1. 1、H5语义化/CSS布局/定位/图文样式/响应式面试解题技巧
  2. 2、原型和原型链的5个原则与面试解题技巧
  3. 3、变量类型/计算/构造函数的面试解题技巧
  4. 4、作用域和闭包的执行上下文/this面试解题技巧
  5. 5、异步和单线程/常见的内置对象面试解题技巧
  6. 6、DOM本质/节点操作/BOM操作面试解题技巧
  7. 7、AJAX与事件解面试题技巧
就业必备框架与全栈技术面试分析

框架、小程序以及全栈相关内容也是面试必考。本周带大家梳理的常见考点和经典面试题分析,理清面试解题方法论,完成最后一厘米的冲刺。

课程安排:
  1. 1、Vue.js原理/MVVM面试解题技巧
  2. 2、组件生命周期/父子组件传值面试解题技巧
  3. 3、组件异步加载/缓存/抽离公共逻辑面试解题技巧
  4. 4、vue-router/data监听面试解题技巧+5道Vue.js真题演练
  5. 5、React基础语法/事件面试解题技巧
  6. 6、React组件生命周期/父子组件通讯面试解题技巧
  7. 7、React函数组件与class组件区别面试解题技巧
  8. 8、Redux/react-router面试解题技巧
  9. 9、简历制作指导、投递与面试流程与技巧

我们为每一个求学者都准备了一份免费礼包
助力你的大厂第一步!

私人订制就业服务,助力大厂最后一步

超值技术资料
前端知识图谱
+
解题方法论
轻松度过笔试关
完整项目方案
大厂商业级项目
+
配套作品集
让你的简历脱颖而出
1V1面试指导
26小时技术面试
+
就业全流程指导
让你面试对答如流
慕课网通关证书
慕课通关证书
+
平台背书
为你的技术背书

大厂面试官,都青睐【慕课出品】

慕课通关证书
见证你卓越的自学能力和坚持不懈的毅力

除了出色的视频内容,这里还有伴你整个技术生涯的“技术社区””

学习时你能在这里获取答案,工作后你能在这里解决难题”

问答专区
练习作业专区
笔记专区
资料专区
编程遇难点,名师来指点;疑难汇总一键查看,海量问答覆盖全面
多方位知识面,分层巩固吸收;学练结合,学习效果有保障
脱离时空限制,随记随查很方便;总结课程重点,分享提升代码经验
横向拓展,超全配套教辅资源;纵向延伸,源码开放更助知识理解
了解更多 了解更多
*为保证课程内容紧跟市场变化,课程章节将逐步开放,直至课程完结

只邀请业内技术大牛授课,聚焦前沿技术

一线大厂P8级豪华阵容,实战经验倾囊相授

昵称: Danny
职位: 资深前端工程师
讲师介绍:
高教社“大前端系列教材”作者,入选教育部“十三
五职业教育规划教材”。前端资深讲师,擅长为零
基础学生授课,讲解深入浅出,通俗易懂,深受初
学者喜爱。
昵称: Dell
职位: BAT资深前端工程师
讲师介绍:
曾主导去哪儿网内部前端监控系统设计,以及门票
用户端的前端设计开发。慕课网明星讲师,累计学
员2万+,口碑极佳。授课方式接地气,讲解相当通
透,不仅教会你写代码,更帮你把代码写得漂亮、
高效!
昵称: 双越
职位: 百度资深前端工程师
讲师介绍:
开源编辑器 wangEditor(Github Star 11k+)的作
者。7年大厂面试官,同时也是慕课网明星讲师,
推出的前端面试课累计有近1万学员,好评率高达
99%。
昵称: Alex
职位: 全栈工程师
讲师介绍:
集经验与理论为一体的技术控,负责过多个领域的
全栈项目开发,对JavaScript、webApp、Vue、
node.js等技术有深入研究,喜欢琢磨程序的不同实
现方式,爱分享,讲究代码优美。
昵称: 阿莱克斯刘
职位: 北美政府机构web技术专家
讲师介绍:
北美资深全栈工程师、Web技术专家,曾任职于
Netgear(美国网件)、UBC(英属哥伦比亚大学),现
就职于北美某政府单位。
昵称: Leo
职位: 全栈讲师、就业指导讲师
讲师介绍:
曾任百度、时趣、乐视等公司高级前端工程师,参与
数个超大规模数据挖掘技术、构建和运营,高度与深
度兼备.参与编写《北京CED互联网人才岗位技能蓝
皮书》.

学员有口皆碑,源自对课程品质的不懈追求

提海
我在来慕课网学习之前也想过去培训班,但是太贵木有那么多钱~~ 后来
选择了慕课网,我觉得这个价格真是做慈善了呀。课程内容很丰富,老师
讲解的也清晰。而且能够看出来慕课网的老师们很用心,准备了资料,…
森林海
终于找到工作啦!真的很感谢慕课网,我原本感觉人生可能就这样了,想
着试一下学习慕课网看看,没想到终于修成正果了。感谢慕课网的所有老
师们!真的这一段时间白天黑夜的学习,总是是有回报了。说几句心里…
鸿蒙传说
作为一个曾经自学过h5,但是没有坚持学下去的人来说,这个课程是比较好
的.因为这个课程比较系统,对,最关键的就是系统,很多东西讲解的很详细,如
果自学的话,会遗漏很多东西.同时,课程训练比较丰富,开始我也觉得这…
红糖糍粑
看到这个课,发现以前花大价钱在外面报班浪费了,慕课网的课程很系
统,我个人更喜欢录播可以自由把控上课节奏,课程安排的条理很清晰,
而且每个知识点都紧跟选择和实操,实操这个真的太爱了!看了只是看…
weixin_沈静冰
很好,逻辑清晰,很多新手要铺垫的细节也说到了,并且综合考虑了新手
当时的知识储备和接受程度,我看过一些其它书和教程,有些教程是很没
头没脑的说一个新名词让你学怎么用,也不解释也不铺垫,就很容易造…
慕粉1470301459
我没有前端基础,学习这个,完全都能听懂,讲解很好理解。提交了作
业,老师一条条找出问题,都给指出来了,还给列了文档,写的都很清
楚。 习题也很多,边学边练,效果很好。遇到不会的问题,也都有老…

2013年成立至今,慕课网始终专注在IT教育最前沿

慕课网是国内最大的IT在线教育平台。累计有2035万开发者选择在慕课网学习,学员遍及全国各地,遍及各大互联网公司,慕课网
拥有近1500余名具备BAT等大型互联网公司从业经历的讲师,十年来,累计原创近3000门技术类课程,是程序员心极力推崇的“学习
品牌”.
慕课网能为你提供什么

     涵盖前端、Java、Python等60多类技术方向的“全自制”视频课程

     模拟企业真实环境的“在线编程体验”,配套一系列完备的在线工具

     系统化成长路线,满足你从入门到就业10年各个阶段的系统学习需求

慕课网所获荣誉

     中国就业指导中心官方推荐学习平台

     新浪教育盛典“最具口碑影响力在线教育机构”及“最具投资价值教育APP产品”

     拉勾网TOP“最佳雇主”获得者,深受广大程序员群体欢迎

     唯一一家获得苹果App Store官方推荐的IT教育类应用,60余次排名App Store
     精品榜前列

     位列2021年上半年教育类用户排行榜TOP7, IT类TOP1(数据来源“网经社”)

马上领取
【14天免费试学+知识图谱+就业指导+超值优惠】大礼包!
立即购买
领取福利

学有所依,教有所据,慕课网精研,过万学员验证的教学方法

慕课网根据美国国家训练实验室(National Training Laboratories)的研究成果——学习金字塔
结合IT编程的学习特点,实践出适合中国学生的高效学习方法

核心讲师团

一线大厂P8级豪华阵容倾囊相授

昵称:
双越
职位:
资深前端工程师
讲师介绍:
资深前端工程师,BAT架构师,PMP,开源编辑
器 wangEditor(Github Star 11k+)的作者。资深面试
官,在慕课网推出的前端面试课,已把很多同学送入
大厂 。深入浅出是他的金字招牌,乐于分享,博客流
量过百万
昵称:
Alex
职位:
全栈工程师
讲师介绍:
经验丰富的前端攻城狮。负责过多个领域的全栈项目
开发,深度钻研JavaScript、WebApp、Vue、node.js
等技术,喜欢琢磨程序的不同实现方式,有着深厚的
理论知识和丰富的经验。爱分享,瞎折腾,轻度代码
洁癖患者。
昵称:
Dell
职位:
资深前端工程师
讲师介绍:
现任BAT资深前端工程师,曾主导去哪儿网内部前端监
控系统设计,负责去哪儿网门票用户端的前端设计开
发。曾在国内知名培训机构钻研前端教学,具备丰富
前端授课经验。教会你写代码,更助你把代码写的更
漂亮!
昵称:
Danny
职位:
前端讲师
讲师介绍:
6年前端开发经验,4年教学管理经验。高等教育出版
社“大前端系列教材”作者,并入选教育部“十三五
职业教育规划教材”;擅长零基础教学,深受初学者
喜欢。
昵称:
阿莱克斯刘
职位:
资深全栈工程师
讲师介绍:
北美资深全栈工程师、web技术专家,10年IT从业经
验,曾任职于Netgear(美国网件)、UBC(英属哥伦比亚
大学),现就职于北美某政府单位。课程讲解深入浅
出,擅长于培养学生的思维能力。
昵称:
Leo
职位:
全栈讲师、就业指导讲师
讲师介绍:
曾在百度、时趣、乐视等公司担任高级前端开发。曾参
与数个超大规模数据挖掘技术、构建和运营、长期参与
一线项目开发和项目管控,对HTML5移动端互联网技
术及生态体系有深刻理解,并编写《北京CED互联网人
才岗位技能蓝皮书》的前端部分。
常见问题
就业前景
课程概览
企业及综合项目
课程教学特色
课程大纲
慕课学习法
返回顶部

学习咨询

选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!

扫码加顾问老师 立即咨询

意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲