全部课程 > 初级 > 重构 > 零基础H5实战课(2019版)第六部分
零基础H5实战课(2019版)第六部分
初级重构 共计24节课 时长2:40:12 ¥49.00 购买
课程介绍
【项目实战】手把手用代码从0到1完成一个H5实际项目。包括:设计稿审核和分析、页面切图、JS交互开发、CSS样式、添加动画、逻辑功能实现,整体项目打包和部署,课程总结等几部分。
课程附件
策划稿(内容包含1个PPT文档)
设计稿(psd源件)
代码包
课程目录
  • 课程介绍
    • 课程整体介绍 ( 00:03:57 )

  • 设计稿分析
    • 设计稿分析1 ( 00:08:30 )

    • 设计稿分析2 ( 00:03:20 )

  • 页面切图
    • 切图-加载页面 ( 00:05:18 )

    • 切图-首页与测试页面 ( 00:05:25 )

    • 切图-结果页面 ( 00:05:14 )

  • 加载页面开发
    • 初始化加载页面 ( 00:08:05 )

    • 加载页面样式添加1 ( 00:06:32 )

    • 加载页面样式添加2 ( 00:06:16 )

    • 加载页面动画的实现 ( 00:07:35 )

  • H5 首页开发
    • 初始化首页 ( 00:09:11 )

    • 首页添加样式 ( 00:06:08 )

  • 测试页面开发
    • 初始化测试页面 ( 00:07:26 )

    • 测试页面添加样式1 ( 00:06:39 )

    • 测试页面添加样式2 ( 00:05:04 )

    • 测试页面添加样式3 ( 00:08:57 )

  • 结果页面开发
    • 初始化结果页面 ( 00:07:43 )

    • 结果页面添加样式 ( 00:08:31 )

    • 结果页面添加点击效果 ( 00:06:41 )

  • 页面动画与交互
    • 添加页面切换的交互 ( 00:08:24 )

    • 题目的判断与计数 ( 00:08:29 )

    • 添加结果页海报动画 ( 00:06:55 )

    • 添加长按保存图片的功能 ( 00:08:45 )

  • 课程总结
    • 课程总结 ( 00:01:07 )