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

  1. Урок 1. 00:05:19
    Introduction to our project: Floema by Luca Franceschetti
  2. Урок 2. 00:10:06
    Why should you learn how to implement websites from scratch
  3. Урок 3. 00:08:04
    The advantages of using plain JavaScript without frameworks
  4. Урок 4. 00:01:44
    Introduction to build - npm and Webpack
  5. Урок 5. 00:06:49
    Introduction to architecture - Express, Prismic and SEO
  6. Урок 6. 00:14:35
    Introduction to tools - Pug, SCSS and Babel (ES6+)
  7. Урок 7. 00:11:30
    Introduction to libraries - GSAP, Lodash and OGL
  8. Урок 8. 00:03:16
    Installing Node.js + NPM
  9. Урок 9. 00:07:42
    Installing VS Code and Plugins
  10. Урок 10. 00:05:03
    Why you should create your own boilerplate
  11. Урок 11. 01:41:42
    Setting up your project build structure using Webpack
  12. Урок 12. 00:14:23
    How to make your folders and files organized
  13. Урок 13. 01:08:28
    Structuring the views of your project using Express + Pug
  14. Урок 14. 01:24:17
    Integrating Prismic with your project
  15. Урок 15. 01:26:34
    Implementation of semantic HTML with Pug, Prismic and Express
  16. Урок 16. 00:52:55
    Including the stylization of your project using SCSS + BEM + PostCSS
  17. Урок 17. 03:17:40
    Tips and Tricks of exporting assets from XD and using Pixel Perfect to implement CSS in your project
  18. Урок 18. 01:02:09
    Implementing responsive styles using SCSS
  19. Урок 19. 01:11:44
    Setting up the JavaScript architecture of your application
  20. Урок 20. 00:43:18
    Structuring your application components and implementing preloading transitions
  21. Урок 21. 00:43:27
    Implementation of smooth scrolling and animation library GSAP
  22. Урок 22. 00:49:17
    Using IntersectionObserver to animate in elements in your application
  23. Урок 23. 00:48:37
    Polishing up transitions in the application and wrapping up HTML, CSS and JavaScript implementation
  24. Урок 24. 00:25:11
    Fixing History API and implement UA Parser for mobile, tablet, desktop checks
  25. Урок 25. 00:20:05
    Introduction to WebGL and industry-standard libraries
  26. Урок 26. 00:38:05
    Implementation of initial WebGL structure with OGL
  27. Урок 27. 00:53:06
    Implementing a draggable view with WebGL
  28. Урок 28. 00:47:22
    Transforming draggable view in infinite
  29. Урок 29. 00:55:41
    Implementing WebGL page transitions and an infinite slider
  30. Урок 30. 00:30:12
    Including slightly rotation in our WebGL infinite slider
  31. Урок 31. 00:50:57
    Integration of WebGL slider with DOM elements active-deactive states
  32. Урок 32. 00:46:59
    Performance improvements by preloading all textures to GPU
  33. Урок 33. 00:50:13
    Implementing vertex distortion using GLSL code
  34. Урок 34. 01:32:16
    Seamless WebGL transitions between pages using fake elements
  35. Урок 35. 00:30:07
    Updating Collections page interactions
  36. Урок 36. 00:03:17
    Introduction to Digital Ocean
  37. Урок 37. 00:22:38
    Setting up Digital Ocean droplet