Module 1 · Lecture 1.4

Installing the Required Software

Install only what you need. A beginner does not need a heavy software collection. You need a clean browser, a code editor, GitHub Desktop, Git for Windows, and an optional screen recorder.

Essential tools for building websites.
Opening idea: software is not the goal. Software is the toolkit that supports learning and building.

Mission Brief

What this lecture will achieve

01

Install only essentials

Students avoid unnecessary tools and start with a clean setup.

02

Use official links

Students learn to download software only from trusted official websites.

03

Prepare workflow

Students understand how browser, VS Code, GitHub Desktop and Git work together.

Core Message

Do not install everything

A good beginner setup is simple, clean and focused. Install only the tools needed for the next practical task. Setup first. Focus next. Build with confidence.
Essential software toolkit for beginners.
Your essential toolkit: browser, VS Code, GitHub Desktop, Git for Windows and optional screen recorder.
Installation order for beginner website tools.
Correct order prevents confusion: Browser → VS Code → GitHub Desktop → Git for Windows → optional screen recorder.

Installation Order

Install step by step

OrderToolPurposeBeginner note
1Chrome or EdgeOpen websites and test your pages.Use at least one modern browser.
2VS CodeEdit website files.Do not install too many extensions at the start.
3GitHub DesktopManage repository syncing visually.Useful before learning commands deeply.
4Git for WindowsUse Git Bash and Git commands.Important for practical website publishing.
5OBS Studio or Windows recorderRecord your screen if needed.Optional at this stage.
Safe software downloads guide.
Safe download habits protect your computer and your learning journey.

Download Safety

How to download software safely

Use official websites

Download from the product owner’s website, not random file-sharing websites.

Check the domain

Look carefully at the website address before downloading.

Avoid fake buttons

Many unsafe pages use large fake “Download Now” buttons.

Keep installers organized

Save downloads in a known folder so you can find them easily.

Do not install extras

Decline unnecessary toolbars, add-ons or unrelated programs.

Restart if needed

Some tools may require restarting the computer after installation.

How tools integrate in development workflow.
Workflow: browser tests, VS Code edits, GitHub Desktop syncs, Git for Windows supports commands, and AI explains problems.

Working Together

How these tools connect

Browser

View your website and test how pages look.

VS Code

Edit your HTML, CSS and project files.

GitHub Desktop

Commit and sync your changes with GitHub.

Git Bash

Run commands such as git status, git pull and git push.

ChatGPT

Explain errors, improve code and guide troubleshooting.

Screen recorder

Optional tool for tutorials, proof of work and teaching.

Ready for Lecture 1.5 project workspace.
After installation, the learner is ready for Lecture 1.5: creating the project folder system.

Lecture 1.4 Prompt Lab

Software Installation Prompt Library

Students should use these prompts to install tools safely and solve beginner problems step by step.

Prompt 1 · Installation checklist
Act as my beginner computer setup assistant. I am preparing my laptop for website building. Give me a simple installation checklist for Chrome or Edge, VS Code, GitHub Desktop, Git for Windows, and a screen recorder. Explain what each tool is used for.
Prompt 2 · Safe download guide
Act as a digital safety teacher. Teach me how to download software safely. Explain how to identify official websites, avoid fake download buttons, and prevent unnecessary software installation.
Prompt 3 · VS Code setup
Act as a beginner-friendly VS Code teacher. Guide me step by step to install VS Code on Windows, open a project folder, create an HTML file, and preview my website in a browser.
Prompt 4 · GitHub Desktop setup
Act as a beginner-friendly GitHub Desktop teacher. Explain how to install GitHub Desktop, sign in, clone a repository, commit changes, and push changes to GitHub in simple language.
Prompt 5 · Git for Windows setup
Act as a beginner Git teacher. Explain how to install Git for Windows and what Git Bash is. Then teach me the first five commands: git status, git add, git commit, git pull --rebase, and git push.
Prompt 6 · Installation troubleshooting
I am a beginner and I am having this installation problem: [describe problem]. Ask me for non-sensitive details, then guide me step by step to fix it safely.

Practice Task

Before Lecture 1.5

Task 1

Install or confirm one modern browser, VS Code, GitHub Desktop and Git for Windows.

Task 2

Open VS Code and create a test file named test.html.

Task 3

Open Git Bash and run git --version to confirm Git is installed.

Common mistake: Beginners install too many tools at once. Keep the setup simple and focused.

Final Checklist

Lecture 1.4 complete

  • I have installed or confirmed a modern browser.
  • I have installed or confirmed VS Code.
  • I have installed or confirmed GitHub Desktop.
  • I have installed or confirmed Git for Windows / Git Bash.
  • I understand that screen recording is optional at this stage.
  • I know to download only from official websites.
  • I have used at least two prompts from the Prompt Lab.

Copyright Notice

FutureWorld Intelligence materials

© 2026 FutureWorld Intelligence. All modules, lectures, prompts, visuals, graphics, downloadable files and instructional designs are protected intellectual property. Students may use this material for personal learning and may share official links. Copying, re-uploading, selling, modifying, packaging, distributing or presenting this material as someone else’s work is not allowed without written permission.

Read Full Copyright Notice