Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:00:48
    Welcome to the Page Transitions course
  2. Урок 2. 00:06:20
    Setting up ourselves for page transitions
  3. Урок 3. 00:05:04
    What's in our starter kit?
  4. Урок 4. 00:06:59
    Adding Barba.js to our project
  5. Урок 5. 00:07:01
    Setting up our HTML for Barba.js
  6. Урок 6. 00:06:56
    Setting up our Javascript for Barba.js
  7. Урок 7. 00:06:27
    Setting up Barba's CSS
  8. Урок 8. 00:06:00
    Adding nicer page transitions to our project
  9. Урок 9. 00:06:21
    Barba's beforeEnter hook
  10. Урок 10. 00:14:11
    Correcting our navigation links
  11. Урок 11. 00:11:38
    Changing the body tag with Barba's views
  12. Урок 12. 00:09:21
    Adding Barba's 'once' and adding CSS animations
  13. Урок 13. 00:02:54
    Welcome to Canvas Magazine!
  14. Урок 14. 00:06:41
    Setting up our project
  15. Урок 15. 00:17:35
    The IntersectionObserver
  16. Урок 16. 00:06:43
    Image display using the same IntersectionObserver
  17. Урок 17. 00:06:28
    Setting up Barba's HTML
  18. Урок 18. 00:04:08
    Initializing Barba.js
  19. Урок 19. 00:03:06
    Testing with Barba's CSS module
  20. Урок 20. 00:08:15
    Making sure our code works between pages
  21. Урок 21. 00:04:33
    Javascript Promises in hooks
  22. Урок 22. 00:08:38
    GSAP Timelines
  23. Урок 23. 00:08:55
    Adding current and next transitions with GSAP
  24. Урок 24. 00:04:31
    Adding a once transition
  25. Урок 25. 00:06:09
    Adding a product view and namespace
  26. Урок 26. 00:05:28
    Adding imagesLoaded to our loading
  27. Урок 27. 00:02:22
    Welcome to Wanderers
  28. Урок 28. 00:04:27
    Setting up our project HTML
  29. Урок 29. 00:05:25
    Setting up Barba
  30. Урок 30. 00:06:07
    Fading in our navigation
  31. Урок 31. 00:05:06
    Adding a photos fade and movement
  32. Урок 32. 00:10:44
    Adding a wiper effect
  33. Урок 33. 00:08:05
    Adding an image to our interstitial
  34. Урок 34. 00:08:45
    Adding text transitions
  35. Урок 35. 00:06:29
    Changing the text with data attributes
  36. Урок 36. 00:09:08
    Adding in multiple transitions
  37. Урок 37. 00:02:14
    Barba Prefetch
  38. Урок 38. 00:00:31
    Thanks for joining our course