Codelab: A Three-File Tabs App

Step out of the platform and build a real multi-file project: index.html, styles.css, and app.js. Ship a working tabbed settings page with proper file separation.

Step 1 of 5

Set up your project folder

You will build a three-file project — HTML, CSS, and JavaScript living in separate files. This mirrors how real codebases are organised, and it forces you to wire them together with <link> and <script src>.

Open a terminal on Linux with Ctrl + Alt + T:

  • mkdir ~/tabs-app-lab
  • cd ~/tabs-app-lab
  • touch index.html styles.css app.js
  • code .