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

  • REACT ROUTER (v6)

    REACT ROUTER (v6)

    Sources: ui.dev (ex. Tyler McGinnis)
    There’s an easier way to master React Router. Our linear course is like having a smart, experienced friend sit down next to you, walk you through each concept, and apply what yo...
    3 hours 15 minutes 27 seconds
  • The Modern React 18 Bootcamp - A Complete Developer Guide

    The Modern React 18 Bootcamp - A Complete Developer Guide

    Sources: udemy
    In this course we will take you from a React 18 novice to a job ready engineer. This course is loaded with practical projects and examples so that you can truly
    20 hours 35 minutes 57 seconds
  • Mastering Maintainable React

    Mastering Maintainable React

    Sources: udemy
    "Maintained React" is a comprehensive course designed to teach you the best practices for writing clean and maintainable code in React. Indepen...
    7 hours 8 minutes 52 seconds
  • Learn React Hooks By Building A Real Application

    Learn React Hooks By Building A Real Application

    Sources: reacttraining (Ryan Florence)
    Learn React Hooks by building key features of a realistic app. After teaching this content to thousands, we've packaged it up into and on-demand course just for
    7 hours 14 minutes 44 seconds
  • React & TypeScript Chrome Extension Development [2021]

    React & TypeScript Chrome Extension Development [2021]

    Sources: udemy
    Hi! Welcome to the comprehensive Chrome Extension Development course using modern web frameworks in 2021. This is the only course on Udemy that is focused on bu
    8 hours 52 minutes 35 seconds