codex-lv2-may-2025

0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | Current Level: 8

Lesson: Try It with a Different Project

🎯 Objective

Apply your VSCode skills to work with an existing project and practice the complete workflow.

✅ Step 8: Try It with a Different Project

A. In VSCode, go to File > Open Folder and select a different project folder you already have on your computer or clone one from GitHub. B. Explore the files using the File Explorer. C. Open some files in the Editor and make small edits, such as:

Adding a new <h2> heading to an HTML file
Changing a color in a CSS file D. Open the Terminal and check the folder contents with:

ls

E. Commit your edits:

git add .
git commit -m "Made edits to existing project files"
git push

✅ Summary

You have successfully:

Opened a different project in VSCode
Explored existing project files using the File Explorer
Made edits to files in the Editor
Used the Terminal to check project contents
Committed and pushed your changes

You’re now comfortable working with any project in VSCode!

🧠 What You Learned

How to use the terminal to create folders and files
How to initialize a Git repository
How to open and edit a project in VSCode
How to make your first Git commit
How to navigate the File Explorer
How to edit files in the Editor
How to use the integrated Terminal
How to work with different projects

✅ Important Reminder

❌ Do NOT add any extensions or customize your settings yet. We will cover Extensions and Settings customization in future lessons to avoid confusion and ensure a consistent setup.