Building Responsive HTML5 with Tumult Hype 3 Pro | Jeff Batt | Skillshare

Building Responsive HTML5 with Tumult Hype 3 Pro

Jeff Batt, Founder of Learning Dojo

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
56 Lessons (3h 45m)
    • 1. 01 About this Course

      7:17
    • 2. 02 How to Get Hype

      2:44
    • 3. 03 Starting a New Project

      2:07
    • 4. 04 Exploring the UI

      8:29
    • 5. 05 Previewing Your Content on Mobile

      1:49
    • 6. 06 Zooming In and Out

      1:58
    • 7. 07 Working With Shapes

      10:11
    • 8. 08 Arranging Items

      2:13
    • 9. 09 Grouping

      2:14
    • 10. 10 Working With Text

      8:38
    • 11. 11 Buttons

      7:21
    • 12. 12 Images

      6:41
    • 13. 13 Audio

      5:31
    • 14. 14 Video

      4:00
    • 15. 15 HTML Widget

      1:47
    • 16. 16 Symbols

      7:52
    • 17. 17 Persistent Symbols

      4:01
    • 18. 18 Main Timeline

      2:32
    • 19. 19 Animaton Timeline

      5:36
    • 20. 20 Easing Animations

      4:26
    • 21. 21 Animating Other Properties

      5:09
    • 22. 22 Changing Keyframes

      3:26
    • 23. 23 Duplicating Animations

      2:21
    • 24. 24 Motion Paths

      2:48
    • 25. 25 CSS Filters

      1:51
    • 26. 26 Timeline Actions

      4:47
    • 27. 27 Object Actions

      3:34
    • 28. 28 Removing Actions

      1:19
    • 29. 29 Exploring Default Actions

      6:59
    • 30. 30 Drag Action

      3:47
    • 31. 31 Timelines

      5:17
    • 32. 32 Relative Timelines

      2:19
    • 33. 33 Looping Timeline

      3:46
    • 34. 34 Creating Scenes

      4:42
    • 35. 35 Scene Transistions

      2:17
    • 36. 36 Triggering Transistions

      2:13
    • 37. 37 Percentage based stage scaling

      6:49
    • 38. 38 Creating Different Layouts

      6:33
    • 39. 39 Modifying Breakpoints

      2:38
    • 40. 40 JavaScript Actions Intro

      7:05
    • 41. 41 Document Events

      8:26
    • 42. 42 Referencing Symbols JavaScript

      6:30
    • 43. 43 Timeline n Scene JavaScript

      10:40
    • 44. 44 Reusable Functions

      1:00
    • 45. 45 Attaching jQuery

      3:24
    • 46. 46 Global Variables

      2:26
    • 47. 47 Publishing Your Project

      3:15
    • 48. 48 Importing Hype

      4:15
    • 49. 49 iBooks Author

      4:18
    • 50. 50 Document Inspector

      5:45
    • 51. 51 Scene Inspector

      3:48
    • 52. 52 Metrics Inspector

      5:27
    • 53. 53 Element Inspector

      5:35
    • 54. 54 Physics Inspector

      5:56
    • 55. 55 Identity Inspector

      2:30
    • 56. 56 Conclusion

      0:41

Project Description

The project for this class is to test out your knowledge of Tumult Hype. For this project I want you to deliver a project of an interactive website you have created using the knowledge you gained during the course. You will combine a lot of the different elements across all the videos into one website. Here are the different elements I would like to see in your project. 

DELIVERABLE

Share your class information in the project gallery for feedback. A completed project includes:

  • Class title
  • Project title
  • Project description
  • Compiled project files to download
  • List of different features used in  the project
  • Screenshots of the compiled app

Finished app should include the following elements:

  • Text
  • Buttons
  • Images
  • Animations
  • Symbols
  • Persistent symbols
  • JavaScript functionality
  • Video
  • Published for web

Student Projects