曙海教育集团
全国报名免费热线:4008699035 微信:shuhaipeixun
或15921673576(微信同号) QQ:1299983702
首页 课程表 在线聊 报名 讲师 品牌 QQ聊 活动 就业
 
Vue全家桶+SSR+Koa2全栈开发课程培训

 
  班级规模及环境--热线:4008699035 手机:15921673576( 微信同号)
      每个班级的人数限3到5人,互动授课, 保障效果,小班授课。
  上间和地点
上部份地点:【上海】同济大学(沪西)/新城金郡商务楼(11号线白银路站)【深圳分部】:电影大厦(地铁一号线大剧院站)/深圳大学成教院【北京分部】:北京中山学院/福鑫大楼【南京分部】:金港大厦(和燕路)【武汉分部】:佳源大厦(高新二路)【成都分部】:领馆区1号(中和大道)【沈阳分部】:沈阳理工大学/六宅臻品【郑州分部】:郑州大学/锦华大厦【石家庄分部】:河北科技大学/瑞景大厦
最近开间(周末班/连续班/晚班):2019年1月26日
  实验设备
    ◆小班教学,教学效果好
       
       ☆注重质量☆边讲边练

       ☆合格学员免费推荐工作
       ★实验设备请点击这儿查看★
  质量保障

       1、培训过程中,如有部分内容理解不透或消化不好,可免费在以后培训班中重听;
       2、课程完成后,授课老师留给学员手机和Email,保障培训效果,免费提供半年的技术支持。
       3、培训合格学员可享受免费推荐就业机会。☆合格学员免费颁发相关工程师等资格证书,提升职业资质。专注高端技术培训15年,曙海学员的能力得到大家的认同,受到用人单位的广泛赞誉,曙海的证书受到广泛认可。

部份程大纲
 
  • 第1章 课程导学
    这门课主讲以Vue SSR+Koa2全栈技术为目标,最终实现美团网项目。本章节旨在告诉大家我们会用到哪些技能、教学方法、课程内容分布、学习方法等。备注:我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等
  • 1-1 课程导学 试看
    第2章 Vue基础知识
    整个SSR部分都是用的Vue框架,需要给初级用户讲解Vue的基础语法,不会让他们在学习实战的时候感到迷茫,这个章节会通过vue-cli搭建一个简单的demo,让大家快速的掌握Vue的基础应用,即使他没有学习过。
  • 2-1 概述&脚手架
    2-2 模板语法(1)
    2-3 模板语法(2)
    2-4 样式与遍历
    2-5 事件
    2-6 组件(1)
    2-7 组件(2)
    2-8 路由基础
    2-9 Vuex基础用例(1)
    2-10 Vuex基础用例(2)
    2-11 Vuex高级用例(1)
    2-12 Vuex高级用例(2)
    第3章 Koa2基础知识
    Node服务是全栈的核心,异步操作是为了提高并发数,koa2最大的特色就是灵活、轻巧,这都要归功于中间件机制。路由、数据库连接都是中间件的一种,通过这个章节的学习让大家掌握服务端开发基本技能。
  • 3-1 Koa-generator
    3-2 Koa异步async
    3-3 Koa中间件
    3-4 koa路由和cookie
    第4章 Mongoose和Redis基础
    mongoose是mongodb的对象模型管理工具,使用mongoose可以更简单的操作mongodb数据库,通过可视化工具的robo 3t的介绍,任何数据库操作都可以直观的感受到,非常利于数据库操作的学习。redis是服务端开发必备的工具之一,通过本章的学习可以快速掌握常用redis命令以及在node中的应用。...
  • 4-1 mongoose(1)
    4-2 mongoose(2)
    4-3 Redis(1)
    4-4 Redis(2)
    第5章 Nuxt.js基础知识
    Nuxt是Vue实现SSR最好的方案,我们整个项目都是基于Nuxt框架来实现的,我们需要了解如何通过脚手架快速初始化一个工程项目,熟悉每个目录的含义,知道如何配置各个页面的视图、模板、异步获取数据等。这个章节让学员快速掌握Nuxt本身的知识点,为实战做好准备。...
  • 5-1 Nuxt.js基础(1)
    5-2 Nuxt.js基础(2)
    5-3 Nuxt.js基础(3)
    5-4 Nuxt.js基础(4)
    第6章 实战准备
    工程搭建使用Nuxt脚手架快速搭建工程,这块是通用的,所有学员都可以直接应用到自己的项目。
  • 6-1 环境准备与项目安装
    6-2 辅助工具安装与配置改装
    第7章 开发美团网首页
    从需求分析到设计思路讲述再通过手把手的引导实现首页设计,在功能上包括城市定位服务,头部引导导航,搜索等。
  • 7-1 需求分析 试看
    7-2 首页Header开发-城市定位服务设计
    7-3 首页Header开发-头部引导导航设计
    7-4 首页Header开发-搜索界面设计
    7-5 Bug修复
    7-6 首页搜索
    7-7 首页菜单(1)
    7-8 首页菜单(2)
    7-9 章节小结
    7-10 Footer补充
    第8章 开发美团网首页-登录注册
    从静态页面实现到真实的业务逻辑,一步一步带领大家实现注册、登录、退出,其中还用到了第三方RTMP服务,在技术上mongodb,passport,redis一应俱全
  • 8-1 注册(1)
    8-2 注册(2)
    8-3 注册(3)
    8-4 注册(4)
    8-5 注册(5)
    8-6 注册(6)
    8-7 注册(7)
    8-8 注册&登录(1)
    8-9 注册&登录(2)
    第9章 开发美团网首页-Search搜索
    只用7个模板dom节点实现复杂的搜索框,一改传统的dom结构设计,充分利用组件设计特性,让业务做到极致。除了交互,也使用了搜索、推荐等真实的线上数据服务,为大家提供真实的体验。
  • 9-1 城市服务
    9-2 菜单数据
    9-3 Geo接口实现
    9-4 Search接口实现(1)
    9-5 Search接口实现(2)
    第10章 切换城市页
    切换城市页的难点是如何把复杂的数据内容利用数据结构设计、Vue语法并使用最简单的DOM结构完成开发。整个页面介绍了如何自定义常用的级联操作、远程搜索、中文转拼音等内容,精彩不可错过。
  • 10-1 切换城市(1)
    10-2 切换城市(2)
    10-3 切换城市(3)
    第11章 美团网产品列表页
    点击产品列表可以进入到产品详情页,详情页也有类似的推荐列表和地图服务,我们会在搜索页的时候考虑好接口的复用,重点内容在于数据结构的设计和接口的复用设计能力。
  • 11-1 页面设计(1)
    11-2 页面设计(2)
    11-3 地图组件开发
    11-4 入口文件编写(1)
    11-5 入口文件编写(2)
    11-6 页面调试
    第12章 美团网产品详情页开发
    产品详情页有购买入口,点进去进入到订单页,点击支付进入到支付页,购买完成进入到订单详情页。这块涉及较复杂的后端接口设计和数据库操作。学员可以进一步掌握真实的开发场景。
  • 12-1 需求分析 试看
    12-2 静态模板
    12-3 产品详情页入口-静态文件
    12-4 产品详情页-接口
    第13章 购物车开发
    购物车难点在于数据库的设计、是于订单相融合的一个页面,在前端页面交互上的难点是element-ui对于表格的数据绑定
  • 13-1 购物车&订单-需求分析
    13-2 购物车&订单-页面创建
    13-3 购物车接口实现
    13-4 购物车调试
    第14章 订单页开发
    订单页是对整个产品的最后呈现页面,是课程完整性的一部分,难点在于数据库设计,前端页面无难点。
  • 14-1 订单页面
    14-2 订单接口
    14-3 订单调试
 

-

 

  备案号:沪ICP备08026168号 .(2014年7月11)..............