MØNTAN1ACADEMY MØNTAN1
[ SECTION 00 :: BEFORE YOU START ]

Setup.

Before Section 01, stand up the five free tools the whole primer runs on. One sitting, no credit card, no excuses.

Time ~30 min Tools GitHub, VS Code, Claude, Netlify, Replit Cost $0
Tools GitHub VS Code Claude Netlify Replit

You will learn

GitHubYour code's home
VS CodeWhere you write
ClaudeYour co-pilot
NetlifyShip to the web
ReplitServer in the browser
Your Checklist

Setup Checklist

Created a free GitHub account
Installed GitHub Desktop and signed in
Created your first repository
Downloaded & installed VS Code
Installed Prettier, Live Server, and GitHub extensions
Signed up for Claude.ai and sent a test message
Created a free Netlify account (signed in with GitHub)
Created a free Replit account
Tool 1 :: Start Here

GitHub :: Your Code's Home

⏱ ~15 minutes · Most important setup of the day

What it is: GitHub saves every version of every file you write :: forever. Every project gets its own folder (called a repository). Every change you save (a commit) is logged with a message. You can go back to any point in history, see what changed, and share your work with the world.

Why we start here: GitHub connects to every other tool :: VS Code, Netlify, Replit. Set it up first and everything else plugs in cleanly. By Section 12, your GitHub profile will be a full portfolio of everything you built.

WV Opportunity

A filled GitHub profile is a public résumé that employers across the country can see. A developer in Charleston with a strong GitHub profile can get remote work paying $60 :: 90k+. This is one of the fastest paths to remote income from anywhere in West Virginia.

Four things you need to understand

Repository (Repo)

A project folder GitHub tracks. One repo per project. You'll create a new one each week.

Commit

A saved snapshot with a message. "Added homepage HTML." You can return to any commit ever made.

Push

Sending your local commits to GitHub's servers. Do this at the end of every session.

Your Profile

github.com/yourname :: a public page showing everything you've built. This is your portfolio.

Your commit history :: what twelve sections looks like

Each commit is a permanent save point
Initial commit :: about me page HTML
Section 1 · your first ever commit
Add CSS styling and Google Font
Section 2
Add interactive quiz with score tracker
Section 3
Launch portfolio site to Netlify :: live URL
Section 5 · anyone in the world can see this now

Step 1 :: Create your GitHub account at github.com

Pick a username you'd be comfortable sharing. It appears in all your project URLs: github.com/yourname/project.

→ Sign up at GitHub

Step 2 :: Install GitHub Desktop

A visual interface for GitHub :: no command-line needed. Download, install, and sign in with your new GitHub account.

Mac Windows

Step 3 :: Create your first repository

In GitHub Desktop: File → New Repository → name it m0ntan1-academy-projects → check "Initialize with README" → Create. Then click "Publish repository" to put it live on GitHub.

Write good commit messages from day one

Describe what changed in plain English. "Add nav bar with links to all pages" is great. "update" is useless. Your commit history is a diary of your growth :: make it readable.

Your weekly loop :: 30 seconds once it's habit

Write → Save → Commit → Push
Write code
VS Code
Save file
Cmd/Ctrl+S
Commit
GitHub Desktop
Push
Syncs to GitHub
Tool 2

VS Code :: Where You Write Code

⏱ ~8 minutes

What it is: VS Code is a free code editor used by the majority of developers worldwide. It colors your code so it's readable, catches typos, auto-closes tags, and connects directly to your GitHub repository.

Download and install VS Code

Go to code.visualstudio.com :: auto-detects Mac or Windows.

Mac Windows

Open your GitHub repo folder in VS Code

In GitHub Desktop → Repository → Open in Visual Studio Code. Now VS Code is pointed directly at your GitHub folder.

Install these three extensions

Click the Extensions icon in VS Code's left sidebar, search by name, click Install.

Prettier
Auto-formats your code whenever you save. Makes everything look clean immediately.
Must Have
Live Server
Right-click any HTML file → "Open with Live Server" → your page opens in the browser and refreshes as you type.
Must Have
GitHub Pull Requests (by GitHub)
Shows your GitHub repo status inside VS Code without switching windows.
Must Have
Tool 3

Claude AI :: Your Co-Pilot

⏱ ~5 minutes

What it is: Claude is the AI you'll use every single week :: to write code, explain errors, debug problems, and generate content. Keep it open in a browser tab next to VS Code at all times.

Create a free Claude.ai account

Go to claude.ai → sign up free. The free plan covers Weeks 1 :: 6. For Weeks 7 :: 12 you'll need an API key :: we walk through that when we get there.

→ Sign up at Claude.ai
Try this right now

Open Claude and type: "I'm starting to learn web development in West Virginia. Write me a simple HTML page with a heading that says 'Hello from WV!' Add comments explaining each line." Copy the code to VS Code, save it, open with Live Server, then commit it to GitHub. That's your first full loop.

I'm a beginner learning to code. Write me [describe what you want]. Keep it simple and add comments explaining what each part does.

This code isn't working. Error: [paste error]. Code: [paste code]. What's wrong and how do I fix it?

Tool 4

Netlify :: From GitHub to the Internet

⏱ ~3 minutes now · Used from Section 5

What it is: Free hosting that connects to your GitHub repo. Every time you push code to GitHub, Netlify automatically updates your live site. Push → live in seconds. No server configuration, no cost.

Create a free Netlify account :: sign up with GitHub

Go to netlify.com → Sign Up → use your GitHub account. This pre-connects everything so deployment in Section 5 takes one click.

→ Sign up at Netlify
Tool 5

Replit :: Server Code in Your Browser

⏱ ~3 minutes · Used from Section 7

What it is: A coding environment that runs entirely in your browser :: no installation needed. You'll use it for projects that need a server (like Section 8's AI chatbot). Sign up now, use it later.

Create a free Replit account

replit.com/signup :: use your Google or GitHub account.

→ Sign up at Replit