妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 9391|回复: 13

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

[复制链接]
leo 发表于 2016-7-14 21:09:15 | 显示全部楼层 |阅读模式
一直以来,妙味JS实体班学员做的结课作品:“WebQQ、百度云” 等桌面级应用项目都受到许多JS爱好者的关注。
很多人都在问:
妙味能否出一些视频,方便那些不能来实体学习JS班的外地同学也能学习呢?

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

“桌面级系统-腾讯微云” 核心功能开发课程!

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

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

b1.png
b2.png

b3.png


公开课时间:
        第一次: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、登陆后,如下图,请点击立即报名,获取上课资格;

帖子3.png


4、报名成功,如下图,

帖子4.png


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

帖子5.png


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

帖子6.png

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

帖子7.png





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

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

帖子7.png


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



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



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

帖子8.png




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




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

妙味VIP服务:如妙味VIP会员临时有事未能参加本次公开课,妙味官方会把现场视频整理好、发送至VIP群邮箱中,供大家下载!^_^


以上公开课内容,来自《妙味javascript资深全栈进阶》课程的结课项目辅导内容。
查看全部21章课程内容,请>>点击访问《妙味javascript资深全栈进阶》








还不是VIP会员?想学习更多妙味VIP公开课视频?

>>点击加入妙味VIP会员


——享受正版妙味VIP用户超值回报!


课程咨询QQ:3049266712、3023710192
VIP会员咨询:2379848569、3349734318、3400849041
咨询电话:010-57269690














回复

使用道具 举报

な炫な 发表于 2016-7-20 10:30:04 | 显示全部楼层
哈哈,很好,又有干货!!不过录视频的时候能不能把把视频全屏了录啊,上次看react录的视频的时候,好别扭啊,左边的那个在线人框和右边的那个聊天框一直在,中间的视频感觉好小~~
回复 支持 反对

使用道具 举报

osmoy 发表于 2016-7-20 13:29:03 | 显示全部楼层
大赞  b( ̄▽ ̄)
回复 支持 反对

使用道具 举报

1119720664 发表于 2016-7-21 11:32:53 | 显示全部楼层
希望能多出几次远程课
回复 支持 反对

使用道具 举报

 楼主| leo 发表于 2016-7-21 12:06:35 | 显示全部楼层
な炫な 发表于 2016-7-20 10:30
哈哈,很好,又有干货!!不过录视频的时候能不能把把视频全屏了录啊,上次看react录的视频的时候,好别扭 ...

嗯嗯,干货必须滴,妙味永远不缺干货 ^_^

另外你提到录屏的事儿,我们已经转告给讲师啦~~放心!
回复 支持 反对

使用道具 举报

 楼主| leo 发表于 2016-7-21 12:08:09 | 显示全部楼层
osmoy 发表于 2016-7-20 13:29
大赞  b( ̄▽ ̄)

关于 "赞" 的方式,我们有必要提醒诸位亲们:在你们的朋友圈、QQ空间……转发此消息,让更多朋友来听,让更多朋友来点赞,嗯,我们会很享受滴~~^_^
回复 支持 反对

使用道具 举报

 楼主| leo 发表于 2016-7-21 12:09:45 | 显示全部楼层
1119720664 发表于 2016-7-21 11:32
希望能多出几次远程课

亲,你可要等好哦,咱们近期会出一轮又一轮远程课……准备好汹涌的干货来袭吧!!!吼吼~~
回复 支持 反对

使用道具 举报

L15864812543 发表于 2016-7-21 16:20:35 | 显示全部楼层
是用面向对象的方式开发吧,leo
回复 支持 反对

使用道具 举报

miaov_dlf 发表于 2016-7-21 16:34:53 | 显示全部楼层
周末讲吧?周五那个点没到家呢!
回复 支持 反对

使用道具 举报

bbs 发表于 2016-7-21 22:28:25 | 显示全部楼层
期待ing...已报名
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-1-16 20:12 , Processed in 0.129742 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表