Build fancy landing pages with React and Threejs
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.
More
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 Build fancy landing pages with React and Threejs
# | Title | Duration |
---|---|---|
1 | Build fancy landing pages with React(-three-fiber) and Threejs | 38:09 |
Similar courses to Build fancy landing pages with React and Threejs
![Doctor Appointment Booking App with React ,Firebase , ANT D](https://cdn.courseflix.net/courses/100x56/doctor-appointment-booking-app-with-react-firebase-ant-d.jpg)
Doctor Appointment Booking App with React ,Firebase , ANT D
![React - The full course](https://cdn.courseflix.net/courses/100x56/react-the-full-course.jpg)
React - The full course
![React Router v4](https://cdn.courseflix.net/courses/100x56/react-router-v4.jpg)
React Router v4
![React Fundamentals](https://cdn.courseflix.net/courses/100x56/react-fundamentals.jpg)
React Fundamentals
![Epic React (Epic React Pro)](https://cdn.courseflix.net/courses/100x56/epic-react-epic-react-pro.jpg)
Epic React (Epic React Pro)
![Next.js - The Full Course](https://cdn.courseflix.net/courses/100x56/next-js-the-full-course.jpg)
Next.js - The Full Course
![Microservices with Node JS and React](https://cdn.courseflix.net/courses/100x56/microservices-with-node-js-and-react.jpg)
Microservices with Node JS and React
![REACT ROUTER (v6)](https://cdn.courseflix.net/courses/100x56/react-router-v6.jpg)
REACT ROUTER (v6)
![Merging WebGL and HTML worlds](https://cdn.courseflix.net/courses/100x56/merging-webgl-and-html-worlds.jpg)
Merging WebGL and HTML worlds
![MERN Stack From Scratch](https://cdn.courseflix.net/courses/100x56/mern-stack-from-scratch.jpg)