Three.js Journey

Note: I selectively include courses in my portfolio that I find relevant to my professional growth.


View Course Source Code

Course Overview:

  • Course Name: Three.js Journey
  • Instructor: Bruno Simon
  • Duration: 72 hours of video content
  • Course Description: The Three.js Journey course, taught by Bruno Simon, offers a comprehensive learning experience for individuals interested in becoming proficient Three.js developers. Three.js is a valuable web framework for working with WebGL, and this course focuses on mastering its concepts and practical application.

Course Content:

  • WebGL Basics: The course starts by demystifying WebGL and explaining why Three.js is a practical choice for 3D web development.
  • Three.js Mastery: Participants progress from foundational knowledge to advanced techniques. Topics covered include rendering particles, implementing physics, creating interactive experiences like galaxies, and animating dynamic scenes, such as turbulent seas.
  • 3D Modeling: As a bonus, the course explores 3D modeling with Blender, teaching learners how to create 3D models, add textures, and optimize their creations.
  • GLSL Custom Shaders: Custom shader development using GLSL is introduced, allowing for creative control over rendering and visual effects.
  • React Integration: Participants learn to integrate Three.js with React, using React Three Fiber, a specialized React renderer for WebGL, to create engaging web experiences.
  • Optimization Skills: Given the resource demands of WebGL, the course emphasizes optimizing 3D web experiences for smooth performance across different web browsers.
  • Fundamental Concepts: Beyond practical skills, the course covers fundamental concepts of 3D rendering, including lighting, shadows, and geometries.

Personal Significance: I hold this course in high regard because it seamlessly combines my professional expertise in web full-stack development with my personal passion for 3D applications and video games. Under Bruno Simon’s guidance, I’ve gained a deep understanding of Three.js, equipping me to undertake ambitious projects confidently (like GironaJs Map).

This course reflects my commitment to ongoing learning and my desire to explore the exciting possibilities at the intersection of web development and 3D experiences.