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