Skip to main content

Build fancy landing pages with React and Threejs

38m 9s
English
Paid

Course description

This course teaches you how to add stunning flourishes to your sites with little code and complexity. You would think that some of the extraordinary websites on awwwards, fwa or godly are out of reach for you, as a front-end dev that knows Javascript, Html and Css. Graphics on the web have always been deeply complex, reserved for a small community of experts. But with poimandres tooling that has changed, because it allows developers to abstract complex behaviour and then share! Now you can compose experiences like that with React building blocks, similar to how you build anything else on web.

Read more about the course

Beginners and intermediates may enjoy it the most. You need to have a basic grasp of React, and perhaps already Threejs, though that can come later.

The result: https://bananas.vercel.app

The curriculum:

  • Deconstruction of playful.software

  • Setting up a dev environment from scratch

  • Expressing Threejs in React

  • Animation basics

  • Finding and preparing (in Blender) model assets

  • Displaying and composing them

  • Use effects and good lighting

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 1 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Build fancy landing pages with React(-three-fiber) and Threejs

All Course Lessons (1)

#Lesson TitleDurationAccess
1
Build fancy landing pages with React(-three-fiber) and Threejs Demo
38:09

Unlock unlimited learning

Get instant access to all 0 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

  • Microservices with NodeJS, React, Typescript and Kubernetes

    Microservices with NodeJS, React, Typescript and Kubernetes

    Sources: udemy
    In building large scale applications intended for growth, microservices architecture is the go-to solution. One issue for Javascript and NodeJS learners is the
    97 hours 19 minutes 16 seconds
  • The Road to Next

    The Road to Next

    Sources: Robin Wieruch
    As a full-stack developer, you have numerous opportunities. Whether it's launching a successful startup, building a career in a corporate company, or working...
    30 hours 40 minutes 42 seconds
  • Shaders for the Web

    Shaders for the Web

    Sources: superhi.com
    Learn how to make OpenGL shaders using the programming language GLSL, and gain insight on how the top websites use hardware-enabled graphics.
    16 hours 3 minutes 4 seconds
  • Crack the Frontend Interview with React

    Crack the Frontend Interview with React

    Sources: zerotomastery.io
    Enhance your React skills with a project-based course that prepares you for frontend engineering interviews. Build a star rating component while mastering
    1 hour 6 minutes 53 seconds
  • React & TypeScript - The Practical Guide

    React & TypeScript - The Practical Guide

    Sources: Academind Pro
    TypeScript is an amazing technology that helps developers write better code with less errors - simply because it let's you catch & fix type-related errors whilst writing the cod...
    7 hours 22 minutes 54 seconds