妙味公开课:“桌面级应用-腾讯微云”核心功能开发课程

一直以来,妙味JS实体班学员做的结课作品:“WebQQ、百度云” 等桌面级应用项目都受到许多JS爱好者的关注。
很多人都在问:
妙味能否出一些视频,方便那些不能来实体学习JS班的外地同学也能学习呢?

因此妙味课堂决定采用公开课的形式,为大家带来JS班结课项目之一:

在本次公开课中,讲师会从页面交互效果以及数据入手,从页面的渲染、到各个功能之间的衔接……

全程采用原生JS的方式,现场为大家一步一步演示 “腾讯微云” 的核心功能开发。
希望本课程能帮助大家提高原生JS水平,从之前JS的 “功能级” 开发阶段、迈步到JS的 “工程级” 开发阶段!

 
 

 


公开课时间:
        第一次:2016年7月22日 周五晚上 19:30-21:30 - 微云功能分析、数据渲染(已结束)
        第二次:2016年8月05日 周五晚上 19:30-21:30 - 对 “全选单选、拖拽选择、新建文件夹” 等功能进行编码…

>>本系列公开课已经结束,点击这里在线观看视频教程



公开课内容:
  1. 微云功能分析

  2. 数据渲染

  3.     文件区域
  4.     文件导航区域
  5.     树形菜单区域

  6.      涉及的知识点:js基础章节
  7.         字符串拼接
  8.         函数传参
  9.         递归函数使用
  10.         createElement
  11.         dataset

  12.         对文件的操作
  13.             新建文件
  14.             删除文件
  15.             重命名
  16.             移动到
  17.             拖拽框选
  18.             全选和单选

  19.     涉及的知识点:js第二阶段DOM、BOM、事件
  20.         removeChild
  21.         addEventListener
  22.         contentmenu
  23.         拖拽的原理和实现

  24.     目录结构
  25.         每种资源分别放置对应的文件夹中
  26.         js文件放置开发者自己写的文件
  27.         src文件放置第三方文件
  28.             比如工具函数库
  29.             tools.js
  30.             handledata.js
  31.             dialog.js
  32.             data.js

  33.     使用的工具文件
  34.         tools.js——原生封装的操作DOM的方法
  35.             元素获取、事件绑定、对class进行增删改查
  36.                 涉及知识点:DOM、事件
  37.                 handledata.js——对数据结构进行操作
  38.             获取子数据、获取所有父数据、删除数据
  39.                 涉及知识点:传参、for、if
  40.                 dialog.js——弹框组件库
  41.                         涉及知识点:面向对象
  42.                 data.js——数据结构

  43.     json数据解析
  44.         从后台拿到的json是一个字符串,解析后才能作为一个对象使用
  45.             JSON.parse(数据)
  46.         例子:
  47.             解析json数据,渲染在页面中

  48. 具体开发:对文件的各项操作

  49.         新建文件夹
  50.         单选、多选文件夹
  51.         拖拽选中

  52.         所用到的知识点:
  53.                 createElement、appendChild
  54.                 弹框组件的使用
  55.                 拖拽生成div
  56.                 碰撞检测选中文件夹
  57.                 addClass、removeClass的使用
  58.                 阻止冒泡 ev.stopPropagation()
  59.                 事件委托(利用事件冒泡的原理)
复制代码


腾讯教育平台直播PC端观看公开课步骤如下:

1、腾讯课堂在线直播地址,点击下方链接,进入本次公开课的页面
https://ke.qq.com/course/146550#term_id=100166392

2、如果没有登录,请注册或者QQ&微信快速登录;

 

3、登陆后,如下图,请点击立即报名,获取上课资格;

 


4、报名成功,如下图,

 


5、报名成功后,如下图,可直接在页面点击立即学习,也可以在个人中心-学习计划处,找到课程;

 


6、报名成功后,如下图,可直接在页面列表链接进入直播房间;

 

7、直播房间内等待讲师开始授课;

 





移动端观看公开课步骤如下:

1、微信扫一扫下图二维码,下载腾讯课堂APP;

 


2、下载成功后,打开APP,进行登录如下图:

 

3、登录成功后,进入课程管理页;

 

4、
点击直播的课程,进入直播;必须是上课期间,才能进入直播;

 




公开课地址:https://ke.qq.com/course/146550#term_id=100166392
公开课费用:免费!!!
当天我们会在VIP群里通知大家几遍,不在VIP群里的亲们,请到腾讯课堂相应地址等待上课即可~~




学前基础:
熟练掌握原生JS基础语法、对DOM\BOM\EVENT操作有过开发经验,了解面向对象编程。
注:如果感觉基础不太扎实,可以考虑学习妙味VIP视频库中的《JS基础》、《JS中级》课程内容。

>>本系列公开课已经结束,点击这里在线观看视频教程



以上公开课内容,来自妙味javascript资深全栈进阶》课程的结课项目辅导内容。

查看全部21章课程内容,请


>>点击访问《妙味javascript资深全栈进阶》


课程咨询QQ:2852509866、2852509867、2852509868
课程咨询电话:010-57269690
客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00

请关注微信公众号,了解最新课程安排:

妙味网友
请登录后留言,请登录注册