您的位置:首页>>课程体系>>web前端工程师
资讯了解就业及薪资情况
咨询一下自己是否适合
资讯了解就业及薪资情况

全新升级v9.0课程

课程介绍

第一阶段

前端基础开发阶段

第二阶段

动态脚本开发阶段

第三阶段

服务器技术开发阶段

第四阶段

React实战开发阶段

第五阶段

Vue与小程序实战开发阶段

网页基础
CSS
CSS 2.1
CSS 3
Bootstrap
Flex&Less
HTML5核心技术
综合项目实战

  课程体系解析、软件的分类、客户端与服务器、常见服务端开发语言、万维网发展史、HTML基本结构、注释、文档声明、常用标签、属性、编码、解码、字符集、NotePad++、VsCode、内联元素、框架页、图片、base64、多媒体、表格、表单。


  CSS分类、选择器分类、样式表的优先级与继承性、字体样式、文字样式、背景样式、边框样式、伪类样式、定位样式、盒子模型、浮动与清除、溢出处理、网页基本布局。


  三列布局、圣杯布局、等高布局、双飞翼布局、粘连布局、BFC、BFC两列布局、Margin叠加、清除浮动、hack、字体、行高、文本样式补充、左右查询、垂直水平居中。


  基本及后代选择器扩展、后代选择器的扩展、CSS优先级扩展、字体图标、属性选择器、伪元素选择器、链接伪类、动态伪类、表单伪类、结构性伪类、文本新增样式、盒子模型的新增样式、新增UI样式圆角、CSS_BFC、CSS3背景、线性渐变、发廊灯、光斑动画、径向渐变、过度、2D变换、3D变换、3D景深、3D舞台、立方体、隐藏背面、多棱柱、动画、兔斯基、开机动画。


  BootStrap简介、BootStrap安装、网格系统、排版、布局组件、页面标题、标签、下拉菜单、按钮、按钮下拉菜单、输入框、导航、分页、缩略图、进度条、列表组、多媒体对象、Well、弹出框、轮播。


  Flex老版本容器、Flex新版本容器、Flex布局、Flex简写属性、CSS3媒体查询选择器、多列布局、Less初见、Less基础、混合、计算、继承、避免编译。


  H5与H4的区别、语义化标签、H5新增标签、表单格式、表单属性、表单验证。

  Canvas、绘制矩形、绘制路径、Save、Restore、签名、曲线、变换、使用图片、飞鸟、文本相关内容、像素操作、单像素操作、马赛克效果、canvas合成、刮刮卡、刮刮卡优化、others。

  音视频标签、兼容模式、attribute、property、函数、音阶导航、视频播放器布局、拖拽、视频播放器功能、拖拽封装、播放器、视频与canvas相结合。


  爱尚优才企业管理平台实战

  手机官方网站实战

  VoxelAir网站实战


Javascript
JQuery
Ajax
EcmaScript 6
TypeScript
扩展

  JS简介、基本语法、字面量、变量、标识符、数据类型、强制类型转换、运算符、运算符的优先级、If结构、Switch结构、While循环、For循环、ForEach 循环、Break、Continue。

  对象、属性、基本与引用数据类型、函数、形参、实参、匿名函数、方法、作用域、debug、this、构造函数、原型对象。

  数组简介、数组操作、数组常见方法、Date、Math、包装类、字符串、正则表达式。

  BOM简介、Navigator对象、History对象、Location对象、Document对象、定时器。

  事件对象、事件冒泡、事件委派、事件绑定、事件传播、常见事件。

  DOM简介、文档加载、DOM查询、DOM节点操作、DOM样式操作。


  JQuery简介、JQuery特点及优势、JQuery基本语法、Ready函数、DOM元素与JQuery元素的切换、JQuery选择器、JQuery常见DOM操作、JQuery迭代、JQuery节点操作、JQuery事件、JQuery动画。


  AJAX介绍、XML介绍、HTTP请求与响应报文结构、AJAX设置、发送POST请求、JSON、 浏览器缓存、超时与网络异常处理、取消请求、重复发送。

  JQuery发送AJAX请求、Axios发送AJAX请求、使用Fetch函数发送AJAX请求、同源策略、Jsonp实原理、原生Jsonp实践、JQuery发送Jsonp请求、CORS。


  EcmaScript介绍、Let变量、Const常量、变量解构赋值、模板字符串、对象简化写法、箭头函数、形参默认值、Rest参数、扩展运算符、Symbol、迭代器、生成器函数、集合API、MapAPI、Class、静态成员、类继承、方法重写、Getter、Setter、对象方法扩展、模块化。


  TS简介、开发环境搭建、类型声明、数据类型、编译选项、面向对象、类、对象、构造函数、继承、super关键字、this关键字、抽象类、接口、属性封装、泛型。


  WebStrom、数据类型扩展、变量扩展、内存扩展、对象扩展、函数扩展、回调函数、this、prototype、显式原型、隐式原型、原型链、instanceof、变量提升、函数提升、执行上下文、执行上下文栈。

  Zepto介绍、常用API、事件及事件委托、触摸事件、表单。

  AngularJs介绍、表达式和语句、数据绑定、作用域对象、控制器对象、依赖注入、模块对象、常用指令。


Node.js
MongoDB
Git版本控制工具
Grunt&Gulp 自动化
Webpack
扩展

  Node简介、Node执行Js文件、Node整合Webstorm、模块化、Npm、Cnpm、Node搜索包流程、Buffer缓冲区、文件写入、文件读取。


  数据库简介、Mongodb简介、MongoDB基本操作、图形化工具、插入文档、查询文档、修改文档、删除文档、文档间关系、Sort、投影。Mongoose简介、Schema与Model、Model的方法、Document的方法、Mongoose模块化。


  基本概念、简介与安装、Git对象、高层命令、分支、Git存储、Git后悔药、Eslint、团队协作、远程跟踪、解决冲突、Github。


  Grunt介绍、合并Js任务、压缩Js任务、默认任务、Js语法检查、合并压缩Css任务、Watch监视、自动打包编译。

  Gulp介绍、构建Js、构建Less任务、构建Css任务、压缩Html任务、半自动项目构建、全自动项目构建、插件扩展。


  Webpack简介、核心概念、打包样式资源、打包Html资源、打包图片资源、打包其他资、开发环境基本配置、提取Css成单独文件、Css兼容性处理、压缩Css、语法检查Eslint、兼容性处理Eslint、压缩Html和Js、生产环境基本配置。

  性能优化、HMR、Source-Map、One Of、缓存、Tree Shaking、Code Split、懒加载、预加载、PWA、多进程打包、Externals、Dll。

  Webpack配置详解、Entry、Output、Module、Resolve、DevServer、Optimization、Webpack5。


  Es 8新特性:async函数、await表达式、async与await、对象方法扩展。

  Es 9新特性:扩展运算符与rest参数、正则扩展。

  Es 10新特性:对象扩展方法、字符串方法扩展、数组方法扩展。

  Es 11新特性:私有属性、可选链操作符、动态import、全局对象。

  Js模块化:简介、CommonJs服务器端应用、CommonJs浏览器端应用、AMD规范NoAMD、自定义模块、第三方模块、CMD规范应用、ES6规范基本使用、ES6规范默认暴露。


React全家桶
基于React的 实战项目
React 全栈 项目实战

  React介绍、虚拟DOM、Jsx、组件与模块、开发者工具、函数式组件、类式组件、StatesetState、Props、Ref、CreateRef、事件处理、事件绑定、非受控组件、受控组件、组件挂载流程、SetState流程、ForceUpdate流程、父组件Render流程、Diffing算法。

  React脚手架、Public文件、Src文件、样式模块化、组件化编码流程、代理方法、Pubsub、Fetch发送请求、SPA应用理解、路由理解、前端路由原理、路由基本使用、路由组件与一般组件、NavLink、Switch、Redirect、嵌套路由、路由传递参数、编程式路由导航。

  Antd基本使用、Antd自定义主题、Redux简介、Redux工作流程、Redux基本使用、Redux开发者工具、项目打包运行、SetState、LazyLoad、StateHook、EffectHook、RefHook、Fragment、Context、PureComponent、RenderProps、ErrorBoundary。


  实现登录/注册界面、实现简单后台界面、使用Mongoose操作数据库、注册/登录后台处理、注册/登录前台处理、实现User信息完善功能、搭建整体界面、实现个人中心 实现用户列表、实现实时聊天系统、实现消息列表、未读消息数量显示。


  一、项目描述 :

  1) 此项目为一个前后台分离的后台管理的SPA, 包括前端PC应用和后端应用;

  2) 包括用户管理、商品分类管理、商品管理、权限管理等功能模块;

  3) 前端: 使用React全家桶 + Antd + Axios + ES6 + Webpack等技术;

  4) 后端: 使用Node + Express + Mongodb等技术;

  5) 采用模块化、组件化、工程化的模式开发。

  二、技术要点:

  1) 熟悉企业项目的完整开发全流程;

  2) 熟练模块化、组件化、工程化的开发模式;

  3) 掌握使用脚手架初始化React项目开发;

  4) 熟练使用Node + Express + Mongoose + Mongodb搭建应用。

  5) 掌握使用React-Router-Dom开发单页应用;

  6) 熟练使用Redux + React-Redux + Redux-Thunk管理应用组件状态;

  7) 掌握使用Axios/Jsonp进行数据交互;

  8) 掌握使用Antd组件库构建界面;

  9) 熟练使用Echarts/Bizcharts实现数据可视化展现。


Vue
Promise
Axios
Vue全栈 项目实战
微信公众号开发
微信小程序实战
Mpvue
面试题解析

  Vue介绍、模板语法、常见指令、条件渲染、列表渲染、事件处理、表单数据的自动收集、

  计算属性、监视属性、生命周期、动画、过滤器、插件。Vue-CLI、组件、组件间通讯、消息订阅与发布、Slot、路由、Vuex。


  Promise介绍、Promise封装AJAX请求、对象状态属性、工作流程、构造函数、常见方法、Promise关键问题、Promise自定义封装、Async函数、Await表达式、Async与Await结合发送AJAX请求。


  XHR的API、Ajax封装请求、Post与Get请求携带参数、读取请求结果数据、PUT和DELETE请求。Axios简介、Axios常见API、Axios发送Ajax请求、拦截器、Axios全局设置。


  一、项目描述:

  1) 此项目是一个Web端App应用,包括商家、商品、购物车、用户等多个子模块;

  2) 使用Vue+ES6+Webpack等前端技术,采用模块化、组件化、工程化模式开发。

  二、技术要点:

  1) 熟悉企业项目的完整开发全流程,熟练模块化、组件化、工程化的开发模式;

  2) 掌握使用脚手架初始化Vue项目,熟练前后端分离开发;

  3) 熟练使用Vue-Router开发单页应用,使用Axios进行数据交互;

  4) 熟练使用Vuex管理应用组件状态,mint-ui组件库构建界面;

  5) 熟练使用Stylus编写模块化的CSS,使用Vue.js的过渡编写酷炫的交互动画;

  6) 熟练移动端经典的Css Sticky Footer布局,熟练Flex弹性布局。


  微信公众号功能介绍、验证服务器有效性、模块化代码、access_token、FetchAccessToken、获取用户发送的消息。自动回复、自定义菜单、上传素材、用户管理、群发消息、微信公众号交互流程、验微信证、语音接口、分享接口、优化项目结构。


  小程序简介、小程序语法、小程序开发工具、数据绑定、数据劫持代理、事件绑定、路由跳转、生命周期函数、获取用户基本信息、窗口配置,轮播图实现、字体图标使用。前后端交互、封装请求功能函数、列表渲染、推荐歌曲动态实现、自定义组件、内网穿透、真机调试。


  MpVue简介、Mpvue项目搭建、项目结构、Vue实例生明周期与小程序生明周期、Mpvue中使用Vue-Router与Axios、Mpvue小程序状态管理、原生小程序与Mpvue对比。


  网页基础篇、HTML5篇、CSS2-3篇、JS篇、ES6篇、TypeScript篇、Vue篇、React篇、小程序篇、服务器工具篇。


精品小班面授

老学员训练营

毕业后,免费参加老学员训练营,实现职场新技能实时更新与提升

课程定期更新

老学员训练营

毕业后,免费参加老学员训练营,实现职场新技能实时更新与提升

学习效果保障

老学员训练营

毕业后,免费参加老学员训练营,实现职场新技能实时更新与提升

快速高薪就业

老学员训练营

毕业后,免费参加老学员训练营,实现职场新技能实时更新与提升

老学员培训营

老学员训练营

毕业后,免费参加老学员训练营,实现职场新技能实时更新与提升

猎头服务

老学员训练营

毕业后,免费参加老学员训练营,实现职场新技能实时更新与提升
了解更多就业信息
查看更多学习视频资源
查看更多知名企业

免费试学申请

免费学习限时申请

赶快完善下方信息,机会难得哦!