codingstairs
NotesEDULifeContact
⌕Search⌘K
koen

Navigation

  • Intro
  • Blog
  • Life

Get in touch

Send without signing in. Add your email if you'd like a reply.

  • Leave a message anonymously →
  • ✉ warragon112@gmail.com
  • KakaoTalk Open Chat ↗

© 2026 codingstairs

  • Notes
  • EDU
  • Search
  • Life
  • Contact
  • Legal
  • RSS
  • GitHub
EDU›Getting Started with a Dev Environment

Getting Started with a Dev Environment

From turning on the computer to running your first code. A 5-step climb for beginners.

Start with Step 1 →
Difficulty
beginner
Lessons
5

Getting Started with a Dev Environment

The first stair — "setting up your environment" — is where most beginners stumble. This course breaks it into 5 small steps.

Who is this for

  • People who want to become developers but don't know what to install first
  • Comfortable with Windows / macOS but awkward with terminal · Git · VS Code
  • Non-developers who want to try AI coding tools yourself

What you'll be able to do

  • Open a terminal and type commands on Windows / macOS
  • Manage versions with Git (commit, push, pull)
  • Run a first React project in VS Code
  • Connect an AI coding tool like Claude Code

Flow

[1] Terminal ──▶ [2] Git ──▶ [3] VS Code ──▶ [4] Node + pnpm ──▶ [5] AI tool

Starting from a blank machine, each step adds one new tool to your hands.

Steps

  1. Get cozy with the terminal — Windows Terminal / iTerm install, basic cd/ls
  2. Your first Git commit — install Git, GitHub account, first push
  3. VS Code and extensions — install VS Code, ESLint · Prettier · GitLens
  4. Node.js + pnpm — install Node 20, enable pnpm, first React project
  5. Connect an AI coding tool — install Claude Code, generate first code

Each step builds on the previous one. You can pause mid-course and pick up the next session right where you left off.

Lessons

  1. 1

    Step 1 — Getting comfortable with the terminal

    →
  2. 2

    Step 2 — Your first Git commit

    →
  3. 3

    Step 3 — VS Code and extensions

    →
  4. 4

    Step 4 — Node.js + pnpm + your first React

    →
  5. 5

    Step 5 — Connecting AI coding tools

    →

Other courses

All courses →
  • From HTML/CSS/JS to React, Next.js, Tailwind
  • Build Your First Fullstack App with Next.js 16
  • Backend with Spring Boot 4
  • Python · FastAPI · Data Pipelines
  • AI-native developer tooling — Claude Code · MCP · design tools
  • Docker · Caddy · Cloud — 10 deploy options
  • Central admin platform — many domains behind one hub
  • Local LLM · pgvector · building a RAG chatbot
  • Tauri 2 — desktop · mobile in one codebase
  • Testing strategy and quality gates
  • Web security foundations — JWT · OAuth · OWASP
  • PostgreSQL in depth + Redis · Kafka
  • Building public-data crawlers
  • Monorepo · SSOT · layer separation thinking