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