FE410
WebGL in Practice
Faculty
Roberto Borghesi
Freelance Creative Frontend Developer
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
This course will introduce the students to WebGL and the power of real-time rendering on the web. They will learn the basics of WebGL using the Three.js APIs, starting with simple scenes, lighting, and shadows. We will then delve into more advanced areas, including custom shaders, custom materials, and even some post-processing, building a couple of practical demos from 0 to final product.
Throughout the course, students will acquire the skills to animate scenes, add interactivity, and optimize both scenes and models. The course will be in vanilla javascript, no frameworks.
Learning highlights
- Understanding the basic pipeline of real-time rendering
- Learn how Three.js works and learn its API.
- Learn how to prepare models (GLB) and optimize them.
- Learn how to create shader materials and/or modify the existing ones.
- Learn how to mix HTML content with WebGL.
Course outline
15 classes
Session 1
Introduction to WebGL and Three.Js
Session 2
Objects / Materials / Geometries
Session 3
Lights / Shadows
Session 4
Models / Interaction
Session 5
Post Processing
Session 6
Practical demo // Slider #1
Session 7
Practical demo // Slider #2
Session 8
Custom Materials with shaders
Session 9
Practical demo // Slider #3
Session 10
Practical demo // Slider #4, post-processing, but custom.
Session 11
Practical demo // Slider #5, post-processing
Session 12
Performance Tips
Session 13
Practice / help / Advanced scenarios
Session 14
Practice / help / Advanced scenarios
Session 15
End of Course / Projects Showcases
Prerequisites
Good Javascript
Methodology
Lectures
Group debates
Slack channel discussion
Homework
Two Friday assignments
Final project
Grading
Robert is a freelance creative frontend developer, focused on creating immersive experiences and WebLG websites. He's passionate about creating visuals and appealing design, trying to push further what you can achieve in the browser using new technologies. He has worked on projects for big brands like Gucci, Google, Adidas, Longines, Valentino, LG, Sap, MaxMara, Metamask, Blitz, and many more.
100% self taught, after some years in the agencies game he decided to start his freelance career to have the opportunity to collaborate with the best agencies out there and learn from the great minds.
See full profileApply for this course
WebGL in Practice
by Roberto Borghesi
Total hours
45 Hours
Dates
Apr 27 - May 15, 2026
Fee for single course
€1500
Fee for degree students
€750
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.