小班面授,老师就在身边,问题随时解决
课程性价比高,更低的学费享受更好的教学
设计/前端/后台配合完成项目,真正的工作流程
VS

不凡学院 传统机构

多人大班,老师在视频里,问题不能随时解决
价格高昂,刚毕业学生承担不起
只懂代码,不懂实际工作中的团队配合
学时共:20
第一阶段:前端介绍/页面搭建基础
课程介绍/前端历史/软件学习/html基础与css基础/浏览器的调试/css常见布局方式/css实战 等

L1HTML+CSS 页面基础

  • 1  前端发展与介绍/开发工具/网络环境 2  认识网页/常见浏览器介绍 3  Web标准与HTML常见标签
  • 4  标签分类/关系/属性/语义化 5  列表标签/转义字符/表单标签 6  CSS书写位置/CSS继承性和层叠性/CSS常见单位
  • 7  背景图片相关属性/overflow属性 8  标准文档流/浮动及其产生的影响 9  定位(relative,absolute,fixed)/小米Banner定位案例
  • 10  不规则图形实现/html+css综合练习/京东登录页实现 11  CSS3新增选择器/伪类选择器/CSS3盒子模型 12  浏览器内核/渐变/径向渐变/过渡效果/3D变换
  • 13  整站练习/使用最新ui设计稿实现整站/...不定时更新 14  github与markdown使用/字体图标使用
第二阶段:javascript基础
JavaScript简介/javaScript基础语法/浏览器渲染机制

L1JS基础语法/数组方法/函数

  • 1  JS简介/变量/数据类型/类型转换 2  算术运算符/比较运算符/Date对象/逻辑运算符 3  if语句/switch语句/三元运算符/while循环/for循环
  • 4  代码断点调试/数组简介/排序算法 5  pop()/push()/join()/split()/sort() 6  splice()/indexOf()/lastIndexOf()/slice()
  • 7  函数简介/函数的返回值/window对象 8  全局变量/作用域上下级关系 9  基本数据类型与复杂数据类型/递归算法

L2对象和json/字符串操作和其他/DOM/jQuery

  • 1  对象简介/自定义构造函数和"new"操作符 2  JSON方法/对象原始值转换 3  charAt()/slice()/indexOf()/lastIndexOf()
  • 4  toLowerCase()/toUpperCase()/代码风格 5  DOM简介/获取节点/样式与内容操作/类名添加和删除 6  代码压缩/循环绑定事件的问题/捕获和冒泡
  • 7  jQuery简介/jQuery的选择器 8  DOM对象和jQuery对象的转换/jQuery查找节点 9  样式操作/类名操作/内容操作
  • 10  jQuery动画/表单操作(prop)/width/height 11  offset/scrollTop/on方式绑定事件/事件对象 12  jQuery插件使用/swiper/Echarts(数据可视化)

L3BOM/高级js动画/window 方法

  • 1  offset 家族/事件对象/vent.target/srcElement 2  阻止默认事件/元素拖拽/淘宝查看商品放大镜(案例) 3  scroll 家族/scrollLeft/Top
  • 4  window.scroll/scrollBy/scrollTo 5  固定导航栏(案例)/回到顶部(案例) 6  client家族/clientLeft/Top/多属性动画封装
  • 7  柱状图排序/页面动态生成/锁的运用 8  requestAnimationFrame/结构化动画 9  ease 动画/弓箭动画
  • 10  window.outerWidth/outerHeight 11  open/location 对象/assign()/reload() 12  history 对象/百度地图
第三阶段:HTML5与css3以及移动端
H5新标签/css3动画/css伪元素/flex布局/移动端适配原理/适配的几种方式/移动端事件/移动端兼容/移动端实战练习 等

L1HTML5 + CSS3/flex

  • 1  video/audio/duration/load()/play() 2  oncanplay 事件/onended 事件 3  video.webkitReauestFullScreen 全屏
  • 4  客户端存储/localStorage/Css3 特效案例/扑克牌 5  p点距式导航/立方体/HTML5 draggable 拖拽属性 6  动画(animation)/animation-duration
  • 7  animation-delay/animation-iteration-count 8  滚动监听/DOMMouseScroll监听事件/动画监听 9  动画库/wow.js/动画案例/帧动画
  • 10  酷炫的鼠标跟随特效 11  弹性容器属性/justify-content/align-content 12  flex-direction/flex-flow/弹性元素属性
  • 13  order/flex-grow/flex-basis 14  flex(auto/none/其它类型值分析)/flex中 margin 的表现 15  移动端flex布局案例
第四阶段:JavaScript高级进阶/ajax与nodejs/协同工具与ES6
原型链/作用域链/闭包/js动画原理/面向对象/nodejs/web服务器原理/http协议/ajax的原理/ajax的封装/解决跨域 等

L1JS 高级/canvas/AJAX/预处理器 SASS

  • 1  对象的创建方式/对象字面量模式/自定义构造函数模式 2  new关键词/原型对象/对象的继承方式 3  借用构造函数继承/ call /apply 方法
  • 4  上下文环境与上下文环境栈/闭包/this 5  上下文对象 context/lineTo/stroke()/fill()/矩形的绘制 6  node.js/ejs模板引擎原理/访问权限/HTTP 协议
  • 7  AJAX 与 XMLHttpRequest/jQuery 的Ajax 8  ajax方式实现登录注册改版(案例)/jsonp原理 9  nginx代理跨域
  • 10  less sass stylus 简介/sass变量 11  层级选择器/sass函数/不凡学院移动端官网(案例)

L2ES6新api/js正则表达式/lodash

  • 1  模式和修饰符/字符集合/集合和范围[...] 2  unicode标记/分组/字符串开始结束^$ 3  中文匹配/ 登陆注册验证(案例)
  • 4  _.times/_.cloneDeep/_.sample 5   _.includes/_.isEmpty/_.uniq
第五阶段:web主流框架
vue基础语法/vue-cli/vue-router/vuex的入门与进阶/webpack打包工具的了解和使用/vue常用UI框架的了解和使用 等

L1web主流框架vue介绍/vue-cli与vue-router

  • 1  vue简介/{{ }} v-text v-html v-model 2  v-show v-if v-if-else v-else/表单输入绑定 3  vue事件绑定/事件修饰符/动态绑定style
  • 4  具有增删改查的项目品牌列表(案例)/组件之间通信 5  组件实现图片列表(案例)/插槽/边界情况/生命周期 6  项目目录介绍/scoped/es6 import export
  • 7  vue-router/路由模式(histroy/hash) 8  vue-router重定向/动态路由与query传值 9  切页动效/命名视图/编程式导航/路由元信息
  • 10  路由懒加载/登陆鉴权(案例)

L2vuex入门及进阶/webpack入门/vue常用ui框架

  • 1  vuex安装与配置/state/getters/actions 2  mapState/mapMutations/购物车案例 3  axios 及 axios封装/axios简介
  • 4  基于api的电影列表与详情(案例) 5  webpack简介/资源管理/webpack-dev-server 的配置 6  启用HMR/生产环境构建/缓存
  • 7  element/响应式布局/Container 布局容器 8  button 按钮/表单组件/弹窗组件/树形组件 9  用户数据管理(案例/vant cube/vant与vue-cli3集成
  • 10  常用组件/pop弹出层
第六阶段:项目实战/面试指导
PC端实战/响应式项目实战/小程序开发/混合app开发/商城前台页面+中后台的开发/公众号开发/面试题讲解/简历辅导 等

L1实战项目

  • 项目阶段包含pc端,移动端响应式前端整站开发. 包含vue项目移动web开发.包含vue项目中后台功能 开发(重点).包含小程序,app混合开发的跨平台解决方案uniapp的介绍和使用. 包含微信公众号开发和jssdk的介绍和应用.
  • 1  摄影、家居、漫游、婚纱网站项目等,不定期更新,配合ui设计稿实现。 sass基本语法
  • 2  移动端萤火虫(移动web/微信jssdk)
    配合ui设计稿实现,不定期更新。实现技术:vue+vue-cli3+webpack4.x+vue-router+vuex+sass 。
    微信公众号开发,微信jssdk使用. 包括用户信息调用,图像接口,音频接口,智能接口,地理位置,快速输入 接口等. / 移动端基本脚手架/betterScroll/ 百度地图lbs
  • 4  学员管理系统(pc中后台)
    真实项目,用于实现学员报名管理的后台系统。 实现技术: vue+vue-cli3+element-ui+vue-router+vuex+sass。
    学生管理/宿舍管理/权限管理/上传图片资源/markdown编辑器/列表多维条件查询/表单验证/vuex存储用户登录信息
  • 5  学员管理系统(微信小程序)
    真实项目,用于实现新学员报名入学信息统计功能。包括前端(小程序)和后端录入数据管理(功能纳入学员管理系统)。首页展示/基本信息查看/学员交费信息管理
  • 6  乐居(移动web+pc中后台)
    vue+vue-cli3实现移动端功能.
    移动端功能: 商品列表/商品详情/购物车管理/订单管理/退单管理/分类推荐/登陆注册等功能.
    pc中后台功能: 用户登陆/权限/商品添加/sku管理/素材上传/富文本功能/订单管理/退单管理/分类管理/品牌管理/热销推荐等功能.
    移动web开发,小程序,app(android)打包。前端页面(页面功能实现)/mock/商品明细/订单管理/app打包。中后台功能(PC中后台功/素材上传/订单管理/新闻管理/详情页产品功能实现
  • 7  乐居(微信小程序/app/h5)
    uniapp混合开发框架实现移动端跨平台需求.Api采用乐居中后台提供的数据.
    微信小程序/h5移动端页面/android/ios 实现与打包.

L2面试指导

  • 1  面试题讲解/简历辅导
免费公开课 SUPER
  • 更新中HTML5-基础教程

    主讲老师:丁老师

  • 更新中HTML5-基础教程

    主讲老师:丁老师

  • 更新中HTML5-基础教程

    主讲老师:丁老师

  • 更新中HTML5-基础教程

    主讲老师:丁老师