• 课程介绍
  • 学习目标
  • 课程详情
  • 移动端开发必备技能:基于【微信】的 移动端 “场景应用” 开发;运用微信朋友圈的威力,产生一个又一个“精美绝伦”的移动端案例,电商、搜索巨头、手机、电影、化妆品、智能硬件、品牌故事、企业招聘......
    “H5场景应用”作为企业展示产品利器,你是否已经完全掌握?
  • 通过本套课程的学习,我们需要掌握微信H5场景应用的必备技能开发,不仅可以跟着视频完成H5案例,还能举一反三、对类似的相关案例进行扩展功能的开发,真正做到学以致用、融汇贯通。
  • 移动端开发必备技能:基于【微信】的 移动端 “场景应用” 开发;
    运用微信朋友圈的威力,产生一个又一个“精美绝伦”的移动端案例,
    电商、搜索巨头、手机、电影、化妆品、智能硬件、品牌故事、企业招聘……
    “H5场景应用”作为企业展示产品利器,你是否已经完全掌握?

    本次课程案例一:【探索未知、拨云见日】

    用微信扫描二维码访问:

    案例截图:

    本次课程案例二:【破茧成蝶】

    用微信扫描二维码访问:

    案例截图:

    课程简介

    什么是微信场景应用

    课程划分

        共分为四次课,2个微信场景,主要涉及的知识点:js css3 html5……

    场景运行环境

        微信内嵌的浏览器

        Chrome自带移动端Emulation(模拟器)

    场景一功能

        加载,刮开,划屏,动画,音乐等

    jQuery

        版本2.1.3

    手机分辨率

        屏幕

        设备

    主流屏幕分辨率

        640  *   960

        640  *   1136

    viewport

        默认视口

        width=device-width , user-scalable=no

        target-densityDpi=device-dpi

        固定值640即可

    设置高度

        通过JS动态设置

        background-size : cover

    刮开效果

        canvas

                globalCompositeOperation

                        source-over

                        destination-over

                        destination-out

    移动端事件

        touchstart

        touchmove

        touchend

        原生event

                originalEvent

                changedTouches

        阻止默认touchmove

                preventDefault

    划屏切换

        css3

                运动实现

                transform

                        translate

                        scale

                transition

        transitionEnd事件

    提示箭头

        css3

                animation

                        名字

                        时间

                        执行次数

                                infinite

                @keyframes

                        

    入场动画

        文字样式

        css3+js

                transform

                transition

        图标

                可以用图片

                也可以用字体库,Font Awesome

    音乐

        audio

                play()

                pause()

    加载

        css3

                控制scale

                animation-delay

        js

                new Image

    查看场景二效果

        加载,流星,闪烁,散开,划屏,动画,音乐等

        散开

                canvas

                        globalCompositeOperation

                                destination-out

                drawImage

                        9个参数

    划屏

        css3

                perspective

                transform-origin

        js

                setTimeout

    提示箭头

        css3

                animation

    入场动画

        标题炸裂

                animation

    流星划过

        css3

                animation

    音乐

        audio

    加载

        animation

        new Image

    报名要求:

    熟练掌握 PC 端页面布局,有一定 JS\H5\CSS3 基础知识储备。

    课程费用:

    活动价:¥199.00600.00      VIP价:¥179.00


    课程咨询QQ:2852509867、2852509866、2852509868
    课程咨询电话:010-57269690
    客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00
    关注妙味官方微信公众号,了解最新课程安排

课程目录

资料下载

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

讲师信息

妙味讲师

主讲教师:妙味讲师

讲师介绍:全职讲师,

相关课程

  • HTML5移动端布局实战开发课程

    ¥340.00
    当前热度:6424
  • H5 音乐播放器:ajax 实战

    ¥229.00
    当前热度:4630
  • 移动端 H5 场景应用(二)【移动端对话场景应用】

    ¥199.00
    当前热度:2706
  • 基于 websocket 的 IM 聊天工具实战

    ¥88.00
    当前热度:8167
“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客服
微信客服
返回顶部