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

Watch Online Build fancy landing pages with React and Threejs

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, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Pro

Sources: udemy
If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Get all you need to start web dev...
80 hours 1 minute 57 seconds
The essential guide to Firebase with React.

The essential guide to Firebase with React.

Sources: udemy
Create modern app using modern technologies. Do you want to create web applications with Firebase and React ?. This is the course for you.
31 hours 20 minutes 9 seconds
The React practice course, learn by building projects.

The React practice course, learn by building projects.

Sources: udemy
Including three full practice project, a landing page, a Firebase project and a fullstack with Mongo DB and Node. Do you want to practice your React coding or just to learn it b...
43 hours 45 minutes 48 seconds
React Simplified - Beginner

React Simplified - Beginner

Sources: webdevsimplified.com
A complete video course with just under 11 hours of content spread across 79 videos and 10 modules. This may be called a Beginner Course, but it doesn't just s
10 hours 58 minutes 46 seconds
Three.js & GameDev

Three.js & GameDev

Sources: SimonDev
Start with the basics of Three.js and gradually move on to advanced topics such as streaming infinite worlds, GPU memory optimization, and scalable...
47 hours 38 minutes 23 seconds