Module 1 · Beginner setup

Setting the Digital Environment

Prepare your computer, accounts, software, folders, publishing workflow, and first practical project before building any website or digital platform.

Open Full Visual Lecture 1.1Official tool linksSave / Print PDF

Computer Requirements

What laptop or desktop do students need?

Minimum

Basic learning

Core i3 / Ryzen 3, 8 GB RAM, 256 GB SSD, Windows 10/11, stable internet, Chrome or Edge, 13-inch screen.

Recommended

Smoother work

Core i5 / Ryzen 5, 16 GB RAM, 512 GB SSD, stable broadband and external backup storage.

Long-term

Growth system

Core i7 / Ryzen 7, 16-32 GB RAM, 1 TB SSD, large screen or external monitor.

Official Tool Links

Software and platforms

ChatGPT

Explanations, planning, prompts and troubleshooting.

Open ChatGPT

GitHub

Online storage and publishing for website files.

Open GitHub

GitHub Desktop

Beginner-friendly commits and syncing.

Download

VS Code

Edit HTML, CSS, JavaScript and Markdown.

Download

Git for Windows

Git Bash and version-control commands.

Download

OBS Studio

Optional screen recording for lessons.

Download

Module Lectures

Eight easy lessons

Lecture 1.1

Course roadmap and learner mindset

Understand that AI is an assistant, websites are built step by step, and mistakes are part of learning. The full visual lecture explains the new way of learning and includes a Prompt Lab for students.

Open Full Visual Lecture
Practice task:

Write the type of digital platform you want to build.

Student prompt:
Act as a beginner-friendly digital skills teacher. I want to build a simple digital platform about [write your topic]. Explain what type of website I should create, what pages it should contain, and what tools I need in simple language.
Common mistake: Trying to build the full website before understanding the journey.

Lecture 1.2

Understanding AI as your digital assistant

Learn what AI can and cannot do, how human judgment guides AI, and how better prompts produce better results.

Open Full Visual LectureOpen Prompt Library
Student prompt:
Act as a beginner-friendly AI teacher. Explain what AI can and cannot do for a complete beginner who wants to build websites, create content, and learn digital skills. Use simple examples.

Lecture 1.3

Creating the essential accounts

Prepare Google, ChatGPT and GitHub accounts. Domain registrar accounts come later.

Student prompt:
Create a beginner checklist for setting up the accounts I need for building and publishing a website. Include Google account, ChatGPT account, GitHub account, and domain registrar account. Also include password safety and recovery tips.

Lecture 1.4

Installing the required software

Install only what is needed: browser, VS Code, GitHub Desktop, Git for Windows, and optional screen recorder.

Student prompt:
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.

Lecture 1.5

Creating the project folder system

Create clean folders for website files, notes, images, downloads, backups, screenshots and social media content.

Student prompt:
Help me create a clean folder structure for a beginner website project about [write your topic]. Include folders for website files, images, documents, downloads, backups, screenshots, and social media content. Also suggest simple file naming rules.

Lecture 1.6

Local folder, GitHub repository and public website

Understand that local folders are private, repositories store files online, and public URLs are visitor links.

Student prompt:
Explain the difference between a local folder, a GitHub repository, and a public website URL as if I am a complete beginner. Give simple examples and explain why I should not share laptop file paths as website links.
Final outcome: I understand local paths are private and public websites require online publishing.

Lecture 1.7

Publishing Your First Website

Learn how to move from local website files to GitHub repository storage and then to a live public website link that visitors can open.

Open Full Visual LectureOpen Prompt Library
Practice task:

Check whether your project has an index.html file, working image paths, and a public website URL.

Student prompt:
Act as a beginner-friendly GitHub Pages teacher. Explain how to publish my first website from a local folder to GitHub and then open it as a public website link. Include common mistakes and a final testing checklist.

Lecture 1.8 Coming Soon

Module 1 Practical Project

Guide learners to complete the final Module 1 task: build, publish, test and document their first simple website project.

Open Lecture PageReview Lecture 1.7 First
Practice task:

Prepare a beginner website with a homepage, clear title, basic navigation, one image, and a working public URL.

Student prompt:
Act as my beginner website project examiner. Review my Module 1 final website checklist: topic, homepage, file structure, images, links, GitHub repository, public URL, mobile view, and final documentation.