Building an immersive creative website from scratch without frameworks – Luis Henrique Bizarro

Building an immersive creative website from scratch without frameworks – Luis Henrique BizarroBuilding an immersive creative website from scratch without frameworks Information

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.

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.

More Info

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.

Here’s what you’ll learn

  • How to set up your own boilerplate from scratch
  • The latest tools and libraries you need to get up to speed
  • The right approach to using plain JavaScript in a website
  • Learn most used Front End technologies and tools
  • Integrate everything with GSAP, OGL and Three.js

Lesson

  • Lesson 1: Introduction
  • Lesson 2: Workflow and Tooling
  • Lesson 3: Setup
  • Lesson 4: Building the project structure
  • Lesson 5: Architecture of plain JavaScript
  • Lesson 6: Implementation of WebGL interactions
  • Lesson 7: Releasing the project

Building an immersive creative website from scratch without frameworks – Luis Henrique BizarroAbout Author

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.

More courses from the same author: Luis Henrique Bizarro

Salepage: Building an immersive creative website from scratch without frameworks – Luis Henrique Bizarro https://idesigncourse.com/product/building-an-immersive-creative-website-from-scratch-without-frameworks/?feed_id=4228&_unique_id=652e37d9a03d8&iDesign%20Course

Comments

Post a Comment

Popular posts from this blog

The Art of VFX & Graphics for Editors – Film Editing Pro

Image
The Art of VFX & Graphics for Editors Information The Art of VFX & Graphics for Editors is a comprehensive training course offered by Film Editing Pro. It is designed for filmmakers, editors, and online content creators who want to acquire skills in visual effects (VFX) and motion graphics specifically tailored for editors. Learn the Art of VFX & Motion Graphics for Editors A Step-By-Step Training Course for Filmmakers, Editors and Online Content Creators “These are the types of VFX and motion graphics most useful to us as editors.” Here’s what you’ll learn After Effects Essentials Basic After Effects training for beginners 68 lessons with 13+ hours of training Downloadable video and image assets to follow along Visual Effects Training 49 lessons with roughly 14+ hours of training Downloadable footage, VFX shots & plates Learn keying, rotoscoping, object replacement, 3D tracking, green screens, compositing and mo...
Read more

Typography Masters course for UX/UI Designers – Alexunder Hess

Image
Typography Masters course for UX/UI Designers Information An Ultimate 8-Module Advanced Typography Course for UX/UI Designers: from Research and Information architecture to Font pairing, Typeface Psychology and final results. Just imagine, How it would feel like after this Typography Course: To be proud of your designs that everyone loves too Your colleagues ask you how you upgraded your skills so quickly You know how to start any design project You have a structure that will help you significantly cut the time you currently spend on completing your design projects. This means you can take on more projects and earn more or just have more free time for travelling or your family and friends You forget what revisions are because your designs are accepted from the first time You look more professional as you can clearly explain your typography decisions to clients or boss You are confident in your decisions and finally don’t feel like an imposte...
Read more

Master Figma from 0 to 100 – Mirko Santangelo

Image
Master Figma from 0 to 100 Information Master Figma from 0 to 100 is an online course designed to take participants from beginner to advanced levels in using Figma, a popular tool for UI/UX design, prototyping, and collaboration. From beginner to pro: Master all aspects of Figma - interface setup, plugin usage, text and shape design, prototyping, and collaborating with developers. Discover the boundless potential of Figma with Mirko Santangelo in this online course. Dive into the world of UI design, prototyping, and collaboration, all while harnessing the power of Figma. In this creative journey, Mirko, a renowned designer and creative director at Paper Tiger agency, introduces you to the heart of Figma, the essential UI tool for digital design. Starting from scratch, you'll embark on a comprehensive exploration of Figma's features, guided by Mirko's expertise. Unravel the intricate threads of UI design as you progress through ten immersive courses. Mirko's ...
Read more