[FreeCoursesOnline.Me] Awwwards - Building an immersive creative website from scratch without frameworks

[FreeCoursesOnline.Me] Awwwards - Building an immersive creative website from scratch without frameworks

Other
Size
10.5 GB
Seeders
3
Leechers
0
Files
39
Category
Other
Added
06/19/21 at 12:01am GMT+1
Infohash
a35c2ffac3d8e66b9918a43070b1d94d65a445b4

Description
Lynda and other Courses >>> https://www.freecoursesonline.me/

For Developer Tools & Apps >>> https://ftuapps.com/

Forum for discussion >>> https://1hack.us/







Author: LuisHenrique Bizarro

Language: English

Released: 2021

Duration: 25 hours 52 mins

Course Source: https://www.awwwards.com/academy/course/building-an-immersive-creative-website-from-scratch-without-frameworks



Description



There are countless advantages to creating websites from scratch without using JavaScript frameworks such as React, Vue, or Angular. Especially when you want to create something unique that has never been done before on any other website. Writing code from scratch can be pleasant, easier and speed up your entire workflow by focusing on what really matters in an immersive web experience: animations, interactivity, and performance - and not in learning how to be productive within certain rules of a framework.

In this course, you'll learn how to set up your own boilerplate from scratch with all the technologies, tools, and libraries you need to get up to speed. We’ll teach you the right approach to using plain JavaScript in a website: we’ll cover Fetch API and History API, then integrate it with ECMAScript 2015+ classes that will use Promises to animate in and animate out your views in a seamless way.



We’ll also learn how to construct reusable component classes that can speed up your development process. Finally, we’ll learn how to integrate the plain JavaScript setup with animation-focused libraries such as GSAP, OGL, and Three.js, making your website stand out from all the rest.



By the end of this course, you’ll be able to create a top-notch website, learn some Front End technologies and tools such as Pug (Template Engine), SASS/SCSS + PostCSS (CSS Preprocessor), Babel (ECMAScript 2015+ JavaScript compiler), and Webpack (Assets Bundler) and finally learn how to integrate everything with industry-standard libraries like GSAP, OGL and Three.js to enhance your website even more.



This course is for all professional levels. Both beginners, as well as intermediate students, will be able to follow using the step-by-step approach.



What will you learn?



Learn the full process of creating websites from scratch without using JavaScript frameworks such as React, Vue, or Angular., from the talented and experienced Luis H. Bizarro, member of the Awwwards Jury and ten times Site of the Day winner.



Skills covered in this course:



• JavaScript

• Three.js

• Front End

• UX Design

• Interaction Design

• GSAP

• Pug



About Instructor:



Interactive Developer at Active Theory

@lhbizarro



Luis Henrique Bizarro is a Brazilian Creative Developer based in São Paulo, Brazil currently working at Active Theory. He has worked in technically challenging projects for renowned international brands like Nike, Google, Airbnb, Samsung, Lufthansa, Shell, Corvette, Chevrolet, HBO, and Cartoon Network using cutting-edge technologies such as WebGL, GLSL, and JavaScript.






SIMILAR



TORRENT
 
UPLOADEDSIZESEEDS
LEECHS


Super Structures (DK) - Inside the World's Most Spectacular Buil by spy1984










1 year
45.98 MB82
21


Awwwards | Merging WebGL and HTML Worlds [FCO] by Prom3th3uS










1 month
2.62 GB15
4

File list
  • [FreeCoursesOnline.Me] Awwwards - Building an immersive creative website from scratch without frameworks
  • 0. Websites you may like/How you can help our Group!.txt 208 B
  • 01 Introduction to our project Floema by Luca Franceschetti.mp4 36.6 MB
  • 02 Why should you learn how to implement websites from scratch.mp4 48.2 MB
  • 03 The advantages of using plain JavaScript without frameworks.mp4 25.5 MB
  • 04 Introduction to build npm and Webpack.mp4 11 MB
  • 05 Introduction to architecture Express Prismic and SEO.mp4 30.2 MB
  • 06 Introduction to tools Pug SCSS and Babel ES6.mp4 61.1 MB
  • 07 Introduction to libraries GSAP Lodash and OGL.mp4 171.2 MB
  • 08 Installing Node js NPM.mp4 8.9 MB
  • 09 Installing VS Code and Plugins.mp4 25.7 MB
  • 10 Why you should create your own boilerplate.mp4 22.7 MB
  • 11 Setting up your project build structure using Webpack.mp4 400.6 MB
  • 12 How to make your folders and files organized.mp4 55.9 MB
  • 13 Structuring the views of your project using Express Pug.mp4 311.6 MB
  • 14 Integrating Prismic with your project.mp4 470.4 MB
  • 15 Implementation of semantic HTML with Pug Prismic and Express.mp4 521 MB
  • 16 Including the stylization of your project using SCSS BEM PostCSS.mp4 234.5 MB
  • 17 Tips and Tricks of exporting assets from XD and using Pixel Perfect to implement CSS in your project.mp4 1.2 GB
  • 18 Implementing responsive styles using SCSS.mp4 396.2 MB
  • 19 Setting up the JavaScript architecture of your application.mp4 304.8 MB
  • 20 Structuring your application components and implementing preloading transitions.mp4 232.4 MB
  • 21 Implementation of smooth scrolling and animation library GSAP.mp4 327.4 MB
  • 22 Using IntersectionObserver to animate in elements in your application.mp4 405.7 MB
  • 23 Polishing up transitions in the application and wrapping up HTML CSS and JavaScript implementation.mp4 250.3 MB
  • 24 Fixing History API and implement UA Parser for mobile tablet desktop checks.mp4 186.8 MB
  • 25 Introduction to WebGL and industry standard libraries.mp4 436.4 MB
  • 26 Implementation of initial WebGL structure with OGL.mp4 144.3 MB
  • 27 Implementing a draggable view with WebGL.mp4 361.6 MB
  • 28 Transforming draggable view in infinite.mp4 760.9 MB
  • 29 Implementing WebGL page transitions and an infinite slider.mp4 445.4 MB
  • 30 Including slightly rotation in our WebGL infinite slider.mp4 287.8 MB
  • 31 Integration of WebGL slider with DOM elements active deactive states.mp4 312.2 MB
  • 32 Performance improvements by preloading all textures to GPU.mp4 503.4 MB
  • 33 Implementing vertex distortion using GLSL code.mp4 570.4 MB
  • 34 Seamless WebGL transitions between pages using fake elements.mp4 459.6 MB
  • 35 Updating Collections page interactions.mp4 198.6 MB
  • 36 Introduction to Digital Ocean.mp4 30.7 MB
  • 37 Setting up Digital Ocean droplet.mp4 164.6 MB
  • code.zip 232.1 MB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents
NameSizeDate
6.7 GB11/12/18354
1.7 GB01/27/24350
1 GB12/27/22320
2.9 GB10/19/20283
7.9 GB09/02/20261
3.1 GB06/20/20251
859 MB06/14/21231
4 GB12/26/19213
12 GB02/06/22212
16 GB02/21/23210
2.1 GB07/08/20203
2.7 GB06/18/20190
2.9 GB07/25/20190
3.1 GB10/22/21190
2.5 GB02/12/22191