Udemy

Modern Three.js for Real Websites

立即報名
  • 2,014 名學生
  • 更新於 2/2022
4.4
(210 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
4 小時 55 分鐘
教學語言
英語
授課導師
Christopher Lis
評分
4.4
(210 個評分)
2次瀏覽

課程簡介

Modern Three.js for Real Websites

Learn to develop a premium quality, 3D portfolio site that'll put you leagues ahead of your competition

PLEASE READ: This is a freemium course—the first 2 1/2 hours are free (you can watch right here on Udemy [or YouTube] with each video's "Preview" button), while the remaining 2 1/2 hours require course purchase. I've always been a big advocate of spreading the basics to as many people as possible, as I believe knowledge and personal growth are some of the best ways to better our world as a whole. Enjoy.

Welcome to the Modern Three.js for Real Websites course, where you will learn how to develop a premium quality, 3D portfolio site that'll put you leagues ahead of your competition.

My name is Christopher Lis, and I'm an award winning Full-Stack Engineer with over ten years of web development experience. I've directly worked with clients like Harvard University, The Basketball Tournament, and premium award winning agencies like Brave People.

The number one goal of this course is to get you developing real-world, actual Three.js websites without feeling lost or frustrated. The Three.js library consists of many complex terms that absolutely flustered me when I first started learning it, so I made this course to demystify that lingo and guide you through the development of something you can actually use in a real-world scenario.

Here you'll learn everything from:

- Three.js installation

- Scene setup

- Programmatic geometry alterations

- 3D hover effects

- GUIs

- HTML and Three.js Integration

- Scene responsiveness

- Single page app integration

- Deployment

And so much more.

If you're a JavaScript developer who needs Three.js for their next client project, or you're looking to enhance your portfolio site to obtain a better job, then this course is absolutely for you. You won't feel lost, you won't feel alone, you'll feel confident and secure when developing premium-level 3D sites for you and your team.

課程章節

  • 2 個章節
  • 24 堂課
  • 第 1 章 Create an Interactive Three.js Space Landscape
  • 第 2 章 Integrate Into Nuxt.js for Seamless Transitions

課程內容

  • How to install Three js and import it into your project
  • How buffer attributes work and how to decode them within arrays
  • How to use the Three js raycaster to create mouse-to-scene interactions
  • How to use Three js point clouds to create a galaxy of stars
  • How to traverse your scene with 3D camera movement
  • How to resize your scene using JavaScript event listeners
  • How to edit your scene realtime using a graphical user interface (GUI)
  • How to set up a simple Vite server for importing and exporting modules
  • How geometries and materials work together to form meshes
  • How to add HTML and CSS web elements to your scene
  • How to launch your site to a Netlify development server
  • How to integrate your project into a framework (Nuxt js) so you can seamlessly transition to different web pages from your 3D scene

評價

  • G
    Gabriella Bevilacqua
    4.0

    El curso esta bien, ya tengo algunos conocimientos en threejs, así que lo entendí bien.

  • R
    Raza Khalid
    4.5

    Cool project, uses modern and in demand technologies, clear and easy to follow explanations that were not boring at all! Great course for anyone looking to see practical applications of Three.js.

  • R
    Ralf Hartmann
    5.0

    Der Dozent erklärt deutlich was er macht und wozu. Ich kann alle Schritte verstehen und nachvollziehen. Auch die Präsentation im Video mit den unterschiedlichen Anwendungsfenstern und dem Dozenten selbst ist sehr professionell und angenehm. Perfekt für mich!

  • S
    Saul Alexander Reynoso Farnes
    5.0

    Excellent tutorial! I learned a lot about threejs and how to integrate it into a production ready website.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意