/IFC.js_Crash_Course

My Course Sections Exercises

Primary LanguageHTMLBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

IFC.js_Crash_Course

This is a course by the from the fine people at IFC.js to help people learn more about what IFC.js can do.

The course is called IFC.js Crash Course and its goal is

"Here you will learn how to program from scratch and the basics to create BIM applications with IFC.js."

Course Contents:

💻 IT fundamentals: internet and programming.

🌳 HTML from zero to hero.

💅 CSS: what you need to know.

🐱 Git + npm crash course.

🎥 Three.js foundation.

🚀 Create a basic BIM viewer with web-ifc-three.

🔥🚀 Create an advanced BIM app with web-ifc-viewer.

🧠 Advanced IFC internals with web-ifc.

The course takes you through 6 main sections, and this is where I will store my final section exercise.

  • 01 HTML: No section exercise

  • 02 CSS: CSS Section Exercise

    For this assignment, you need to create a 2-page application

    Page 1: The first page will be a gallery of BIM models. If the user selects any BIM model, they will navigate to the second page. Don’t worry about the logic behind selecting a project for now: just redirect the user to the second page, no matter in which one of the “models” they click.

    Page 2: The second Page is a BIM viewer where users have some menus and can see the 3d model occupying the whole screen. It will always display the same 3d model for now, so don’t worry about displaying one model or another depending on which project the user selected.

  • 03 JavaScript: section exercise to come

  • 04 Tooling: section exercise to come

  • 05 Three.js: section exercise to come

  • 06 IFC.js: section exercise to come