400-009-1906
八大课程体系
查看详细课程体系
(224G)前端全套视频教程领取
二十五个知识模块
  • HTML5+CSS3
    模块

  • 移动端M站
    模块

  • JavaScript
    编程模块

  • jQuery
    模块

  • BootStrap
    模块

  • HTML5新特性
    模块

  • Nodejs、MySQL与
    Ajax模块

  • 模块化
    模块

  • JavaScript新标准
    (ES6\7\8\9)

  • 工程化
    模块

  • 小程序
    模块

  • React
    模块

  • React轻量级框架之
    DvaJS

  • React轻量级框架之
    UmiJS

  • Vue
    模块

  • Angular
    模块

  • 框架原理
    模块

  • UI组件库
    模块

  • 协同开发
    模块

  • 大数据可视化
    模块

  • 微信相关
    模块

  • WebApp与混合开发
    模块

  • React-Native
    模块

  • Flutter
    模块

查看详细课程体系
八个企业级项目
  • 百战商城
  • 路上旅游网
  • i动音乐
  • 易购后台管理系统

百战商城

借助PxCook工具,基于设计稿编写网页,确保网页的高度还原,通过综合运用 HTML + CSS + JavaScript 技术,按照实际项目开发流程,归纳开发技巧,提升综合实战水平,完成企业级京东电商项目PC端首页开发。

技术栈:HTML + CSS + JavaScript +Jquery三方库

路上旅游网

路上旅游网无线官网靠谱的旅游攻略,自由行,自助游分享社区,海量旅游景点图片、游记、交通、美食、购物等旅游攻略自由行信息。获取接口动态数据实现数据信息,包含轮播图、推荐攻略、下载加载更多等信息。

技术栈:HTML5+CSS3+JQuery+Swiper移动端项目

i动音乐

i动音乐是一款专注于发现与分享的音乐产品,依托专业音乐人、DJ、好友推荐及社交功能,为用户打造全新的音乐生活。获取接口动态数据实现音乐数据信息,包含推荐音乐、热歌榜、搜索等信息以及音乐播放展示。

技术栈:基于Vue脚手架搭建移动端项目

易购后台管理系统

易购后台管理系统项目是一个大型综合性的商城后台管理平台,主要包含人员管理与商品管理两个大模块。其中人员管理主要进行权限管理,例如只有root才有资格进行注册全新账号,不同权限用户所能操作产品的权限不同。

技术栈:Vue+Vue-router+Vuex+Element-UI+Axios+三方库

获取项目教程和源码
二大前沿技术
咨询详情
五大更新模块
  • 小程序
    云开发

  • React高级框
    架DvaJS和UmiJS

  • Vue企业级
    电商项目

  • 移动端
    Flutter课程

  • React-Native
    云开发

小程序云开发

在这个小程序泛滥的时间节点中,微信小程序是用户最多的,也是目前企业的最佳选择,所以小程序开发工程师需求也是非常大,我们继增加小程序课程之后,有增加了小程序的云开发,开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

React高级框架DvaJS和UmiJS

在React的技术栈中,DvaJS和UmiJS几乎成为了必选,虽然React的学习路径很陡峭,但是这两个轻量级应用框架大大的简化了React的难度,降低了学习难度与应用难度。BAT更是把他们视为前端开发者的必备技能。我们在课程中详细讲解了这两个框架的应用。无缝对接企业项目开发。

Vue企业级电商项目

Vue的出现开始就受到了大量开发者的追随,后来者居上,在github上也超过了React的存在,也是目前前端面试的必备技能,我们课程中不仅详细的讲解了Vue的知识,同时也增加了多个实战的企业级项目,例如前台站点,音乐类项目,后台管理系统项目等。

移动端Flutter课程

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。一部分的iOS和Android开发者已经转向了Flutter开发,我们的课程中也同样增加了这部分的课程,用来充实大家的技术池。

React-Native实战开发

如果说目前通过前端实战多终端App的开发最好的解决方案自然就是React-Native了,而且也是目前使用最多的。 因为我们的课程中增加了大量的完整的React课程,所以,大家上手React-Native变得非常容易。

查看详细知识模块
(224G)前端全套视频教程领取
不负春光,和学习恋爱
前端课程体系大纲
第一阶段:网页布局阶段

HTML:

Vscode软件应用;掌握HTML常用标签;搭建页面基本解构;

CSS:

CSS语法和引入方式;CSS选择器和相关属性;CSS浮动;盒子模型;定位等;

HTML+CSS案例:

魅族官网;

CSS3:

CSS3新特性;弹性盒子;伪类选择器;

HTML5:

HTML5语义化标签;音频、视频标签;画布Canvas;

HTML5+CSS3案例:

阴阳师官网;

综合项目案例:

小米官网;

第二阶段:JavaScript基础

JavaScript基础:

变量;基本数据类型;数据类型的转换;运算符;if分支;switch分支;三元表达式; while循环;for循环;数组;函数;对象;内置对象;

WebAPI:

DOM树;DOM对象;获取元素;环境对象;innerHTML;style;事件流;className;classList;间歇函数;延迟函数;事件监听;鼠标事件;键盘事件;高阶函数;节点操作;事件委托;元素位置;BOM;window对象;自定义属性 ;面试题整理;

面向对象编程以及ES6新特性:

字面量;构造函数;单体对象;面向对象;原型;class、getter、setter;柯里化;解构;箭头函数;Object;let、const;严格模式;闭包;

第三阶段:JavaScript高级

面向对象进阶:

原型链;构造函数;执行上下文;作用域链;闭包;this;面试题整理;

ES5/ES6/ES7/ES8/ES9应用:

Promise;Await;ES6对象新增方法;ES7/ES8/ES9新增属性;事件队列;事件循环执行;同步;异步;面试题整理;

JavaScript项目:

结合企业级项目;练习JavaScript技术知识点;深入知识掌握;注重抽象思维的培养,具备面向对象编程的的能力

第四阶:服务器端交互

jQuery:

选择器;节点方法;动画;动画队列;事件;事件委托;链式操作;插件;插件机制协议和容器;

PHP和MySQL:

PHP基础语法;软件安装;PHP连接数据库;MySQL增删改查语句;

Ajax 技术:

客户端与服务器;请求与响应报文;接口;form 表单;文件上传;拦截器;FormData;XMLHttpRequest;防抖;节流;跨域;

Git:

安装和配置 Git;Git 本地操作的常用命令;.gitignore 忽略文件;Git 分支与常用命令;远程仓库的使用;

Bootstrap框架:

媒体查询;Bootstrap框架;组件;栅格系统;响应式网页布局;

HTML5新属性:

本地存储;文件上传;画布Canvas;

移动端:

rem、vw/vh、Flex布局模型;Less基础语法;视口;分辨率;二倍图;移动适配;媒体 查询;

第五阶段:框架前置

Node.js基础:

Node.js和浏览器的区别;Node.js环境的安装;终端的常用命令;在Node.js 中执行 JS 代码;fs模块;path模块;

npm:

包的基本概念;npm;包管理配置文件;全局包;项目包;常用的npm命令;模块的加载过程;

Express:

Express 的安装和配置;处理 GET 请求;处理 POST 请求;获取参数;处理跨域;

webpack:

工程化开发的概念;webpack 的基本配置;webpack-dev-server;html-webpack-plugin; 常用 loader;babel;

第六阶段:Vue框架

Vue基础:

MVVM;SPA;Vue调试工具;虚拟DOM;diff算法;指令系统;v-model原理;数据选项;生命周期;样式穿透;动态样式;插槽;组件系统;组件通信;自定义指令;ref;动态组件;$nextTick;自定义事件;计算属性;侦听器;组件库;组件封装;路由系统;导航守卫;vue-cli;工程化基础;axios;interceptors;经典案例实战;

Vue3.0高级:

Vite;选项API;组合API;setup;生命周期;reactive;toRef;toRefs;computed;组件通信;依赖注入;ref边界;Pinia;TypeScript;

实战项目:

Vue2实战项目:网易云音乐移动端项目;易购后台管理系统;Vue3实战项目:生鲜采购后台管理系统;

第七阶段:微信小程序

小程序基础:

账号申请;开发工具;工程目录;项目配置;屏幕适配;资源托管;字体图标;数据绑定;事件处理;生命周期;场景值;模块化;网络请求;路由;WXS;模板;组件;UI框架;表单;Promise;

uni-app:

脚手架;项目配置;单文件组件;生命周期;条件编译;计算属性;跨平台支持;less;sass;组件通信;

电商项目:

客户消息;微信地址;小程序转发;区域滚动;上拉加载;下拉刷新;数据缓存;用户信息;自定义组件;微信登录;意见反馈;上线发布;

第八阶段:React框架

React基础:

组件系统;虚拟DOM;生命周期;无状态组件;有状态组件;ref;class;组件通信; create-react-app;路由;插值;state;

Hooks:

useState;useEffect;useRef;useContext;useEffect 高级用法;

Redux:

状态管理流程;action、dispatch、store、combineReducers、reducer、redux-thunk、react-redux;开发调试工具;

实战项目:

包含2个企业级实战项目:穷游商城PC端项目;livegoods房屋海选平台移动端项目;

第九阶段:就业冲刺阶段

√ 掌握企业真实项目开发顺序√ 对接企业真是工作需求√ 建立前端技术体系,搞定高频的面试题√ 掌握多人协同开发和解决bug的综合技巧

√ 就业老师1v1面试指导√ 简历指导√ 模拟面试√ 面试推荐√ 毕业后仍可按需学习,免费充电,持续提升√ 扶上马,再送一程,帮助学员解决工作中的问题

获取详细课程大纲