Lessons 1-5 | Foundation Module

Set Up VS Code Like a Developer

Set up a professional editor, understand project files, and use AI assistance to modify an existing app deliberately.

Lesson 0245 mincourse modulepaid enrollment

Learning objective

Configure an editor, inspect a project tree, and make controlled changes.

Lab outcome

Set up VS Code and modify a real interface.

Module milestone

Publish a small working app and its GitHub repository.

Phase 1

Mission briefing

Before You Study (5 mins)

Lesson focus: Most apps (Instagram, Spotify, Uber) are built in a tool called VS Code. We are using its evolved AI cousin, Antigravity.

What you should have ready:

  • Your Snake Game from Lesson 1 open in Antigravity
  • A thinking cap: "How do I want my game to look?"

Quick Concepts

TermSimple Meaning
IDEIntegrated Development Environment (Word for Code)
VS CodeThe most popular IDE in the world (created by Microsoft)
ThemeThe visual look (colors, fonts, style) of your app
RefactoringChanging the code's structure without changing what it does

Think About

Before studying, consider:

  1. Why do developers need special software? Why not just use Notepad?
  2. If you could make your Snake game look like anything (Anime, Cyberpunk, Cute), what would it be?

By the End

After this lesson, you'll:

  • ✅ Understand what an IDE actually does
  • ✅ Know the difference between "Suggestion" and "Action"
  • ✅ Have a completely transformed Snake game theme!

Let's transform your game! 🎨