移动端体感交互实战开发

课程介绍
学习目标
课程详情

本课程以一个完整的实例《前端 “VR” 应用核心剖析》为基础，给大家剖析原生 JS 开发和 MVVM 开发的不同。课程中不只包含原生 JS 的知识讲解，还涉及了大量移动端适配、陀螺仪 API 使用、CSS3 3D 场景搭建、JS 动画制作、移动端事件交互、MVVM 思想、React.js 等知识点的讲解，对于大家提升扩展自己的专业技能有立竿见影的帮助。
学完本视频后，可以掌握基于3D 和陀螺仪的移动端VR场景应用的核心原理，可以掌握运动框架的基本使用，了解 React 项目和原生 JS 项目的编写差异，掌握移动端 3D 适配的玩法和 3D 多面体的制作方法
《移动端体感交互实战》

-带你探索酷炫3D空间-裸眼VR 场景实现过程-

剖析移动端 3D 场景搭建，探索重力感应在项目中的实际应用，结合 MVVM 框架玩转自己的移动端 “VR” 场景应用。

案例部分截图:

课程亮点：

本课程节选自开课吧最新前端课程《JavaScript 高级工程师修炼之路》。

本课程以一个完整的实例前端 “VR” 应用核心剖析为基础，给大家剖析 Web 移动端和 PC 端开发的差异以及原生 JS 开发和 MVVM 开发的不同。课程中不只包含原生 JS 的知识讲解，还涉及了大量移动端适配、陀螺仪 API 使用、CSS3 3D 场景搭建、JS 动画制作、移动端事件交互、MVVM 思想、React.js 等知识点的讲解，对于大家提升扩展自己的专业技能有立竿见影的帮助。

适用人群：

本课程包含了大量的 JS 方法的使用，移动端开发的配置，CSS 3d 的高级玩法，移动端事件的核心知识点以及 React 的使用，适合工作一到两年的前端开发者，熟悉 JS 核心语法、熟悉 Web 移动端开发的前端爱好者用来提升扩展自己的技能。

课程目标：

学完本视频后，可以掌握基于3D 和陀螺仪的移动端VR场景应用的核心原理，可以掌握运动框架的基本使用，了解 React 项目和原生 JS 项目的编写差异，掌握移动端 3D 适配的玩法和 3D 多面体的制作方法

涉及知识点：

CSS3 3D: 让页面走入 3D 时代，使交互更加酷炫

三角函数：前端复杂交互用的最多的一个公式

移动端适配：除了 rem、vw、百分比、响应式之外移动端还可以怎么适配？

陀螺仪重力感应：玩转体感交互的基础

React：在 MVVM 思想盛行的今天，必须要掌握一门 MVVM 框架

~~~~~~~~~~~~~

- CSS3 3D

- transform 3D

- perspective

- 3D 盒子

- 多边形计算和三角函数

- 利用 backface-visibility 制作内视角

- 运动框架使用

- css 函数使用

- css 函数中 transform 的相关操作

- Tween 运动算法

- MTween 相关使用参数

- el 动画元素

- fx 动画形式

- attrs 动画样式及目标点

- duration 动画时间

- call 回调函数

- 移动端适配

- 利用3D进行适配

- 手机倾斜角度检测

- React 嵌套

课程费用：

活动价：￥289.00（~~￥589.~~00） VIP价：￥249.00

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