• 课程介绍
  • 学习目标
  • 课程详情
  • 这是一个实战课程,同时又是一个完整的实战开发课程,在本次课程中,为大家详细分析网站中出现的:3D立体幻灯片、JS+CSS3翻牌效果、网格算法与万花筒展示、canvas曲线算法…… 视频里必定从头至尾、为大家细细道出开发的奥秘,绝不放过每一个交互细节!
  • 这是一个JS复杂的实战交互案例,许多企业需要这样的应用,来为产品增添丰富的表现力,因此,如果你愿意在学完以后提交这样的项目作品,来证实你的开发实力,这意味着,你直接可以将它作为 你个人的新项目实战作品,为你的技能加分、提高求职竞争力!
  • WEB 前端的小伙伴们,今天咱们来点真格儿的,为大家呈现一个超级干货课程,看看一个原生 JS 整站项目,是如何一步步开发完成的.

    ha.png-370.4kB

    在这个实战案例中,讲师精心设计了最实用炫酷的 WEB 开发知识点,集结了WEB前端交互最前沿知识点,全方位覆盖了一个由原生JS打造系统化 WEB 动画交互的方方面面,是一套由头至尾、逐行编写完成的整体项目开发,令人期待!!

    本课程的应用范围:

    这是一个实战课程,属于市场极度稀缺的课程,同时又是一个完整的实战开发课程,这意味着:当学完以后,你直接可以将它作为 你个人的新项目实战作品,为你的技能加分、提高求职竞争力!

    这是一个 JS 复杂的实战交互案例,许多企业需要这样的应用,来为产品增添丰富的表现力,因此,如果你愿意在学完以后提交这样的项目作品,来证实你的开发实力,你便可以受到更多企业关注,并获得 丰厚的项目外单 回报,实现你的个人微创业!

    整站特点:

    ① 采用原生 JavaScript + CSS3 打造

    ② 音乐 video 的 HTML5 技术

    ③ 加载动画与加载方案的实施

    ④ 整站尺寸的适配,迎合主流分辨率

    ⑤ 鼠标滚轮 + 按钮 + 菜单切屏效果

    ⑥ 融入视觉差效果,感受入场与出场动画

    整站涉及知识点:

    1.JavaScript:

    2.滚轮操作(onmousewheel DOMMouseScroll)

    3.获取class( getByClass 封装 )

    4.可视区宽高获取(clientWidth)

    5.统一的前缀设置(setStyle)

    6.入场与出场的设置(inAn outAn)

    7.曲线算法(sin 与单位圆)

    8.数据的创建({}与createElement)

    9.loading 效果(new Image)

    10.CSS3 事件(transitionend)

    11.HTML5:

    12.canvas 操作(getContext('2d'))

    13.音乐播放( play pause )

    14.CSS3:

    15.keyframes animation transform rotate scale

    16.translate transition perspective preserve-3d等

    课程大纲

    1.酷站 VoxelAir 特效总览及 header 布局特效实现

    2.滚屏及内容区居中布局样式实现

    3.滚轮实现滚屏(事件兼容、滚动函数节流 )

    4.animate 实现机器人动画&动态生成 hover 遮罩图片列表

    5.3d 切换轮播图-3d 左右切换动画分析及实现

    6.3d 切换轮播图- js 实现切换效果

    7.3d卡片 hover 翻转效果、动态创建卡片

    8.Spider-Man 小图拼接成大图十字特效

    MouseOver(一)

    9.Spider-Man 小图合成大图十字特效

    MouseLeave(二)

    10.三角运动图像函数,三角曲线轨迹运动 Demo

    11.canvas 多物体运动

    12.气泡曲线运动特效

    13.滚屏入场出场动画开发 (一)

    14.滚屏入场出场动画开发(二)

    15.图片预加载及 loading 动画

    48.png-169.8kB


    课程费用:

    活动价:¥129.00680.00      VIP价:¥99.0060.png-95.4kB

    咨询方式:

    QQ:2852509866、2852509867、2852509868
    TEL:010-57269690
    在线时间:周一至周五 9 : 30-18 : 00 周六至周日 10 : 00-17 : 00
    打开微信扫描二维码,关注妙味课堂最新动态:
    63.png-29.1kB

课程目录

资料下载

购买课程后,可免费下载课件

讲师信息

妙味讲师

主讲教师:妙味讲师

讲师介绍:全职讲师,

“100%中奖,幸运好礼转到手”
幸运用户
用户 奖励方式
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
1. 中奖后请联系客服,兑换奖品;
2. 兑奖有效期:2018 年 10 月 18 日 - 2018 年 12 月 31 日;
3. 本活动最终解释权归妙味课堂所有;
您还剩余1次抽奖机会
 
“100%中奖,幸运好礼转到手”
恭喜中奖
奖品名称
“下笔消费返还10%现金”
查看奖品详情
 
“100%中奖,幸运好礼转到手”
奖品名称
下笔消费返还10%现金
奖品描述:

1、赠送1年VIP会员视频权限

2、不能赠予,仅限中奖的用户使用

3、提供ID号+绑定的手机号

4、提供个人中心的中奖截图

兑换有效期: 2018年11月31日 - 17:00:00
兑换方式:联系客服兑换

客服联系方式:

QQ:2852509866、2852509868

微信:miaov-class、miaov-study

返回
官方微博
常见问题
手机观看
微信扫一扫
公众号内观看视频
咨询客服
点击咨询QQ客服
微信客服
返回顶部