Web 開発初心者ブートキャンプ カリキュラム

このリポジトリは、Web 開発を初めて学ぶ方向けの実践型教材です。
HTML/CSS/JavaScript の基礎から React を使ったアプリ制作、GitHub を使ったチーム開発、Cloudflare Pages でのデプロイまで、1 ヶ月で一通り体験できます。

---

テンプレートの更新

もしもこのテンプレートに更新があり、ご自身のリポジトリにも同様の更新を行い最新のコードを取得する際

git remote add template https://github.com/tsukuba-cojt/web-dev-bootcamp-template
git fetch template
git merge --allow-unrelated-histories template/main

を実行してください。

📅 カリキュラム構成

🔹 Week 0: 開発環境の基礎と pnpm 体験

• 開発環境とは何かを理解する
• Node.js / pnpm の役割を知る
• pnpm init でプロジェクトを開始する
• pnpm add でパッケージを導入する
• package.json / scripts の仕組みを体験する

📂 フォルダ: /week0-environment-basics

🔹 Week 1: HTML/CSS/JS 体験

• HTML の構造を理解する
• CSS で見た目を整える
• JavaScript で動きを加える
• GitHub の基本操作（clone, commit, push, PR）

📂 フォルダ: /week1-html-css-js

---

🔹 Week 2: React の基本

• Vite + React 環境構築（pnpm）
• JSX、useState、props の基礎
• カウンターアプリの編集体験
• GitHub でブランチ作成、PR 提出

📂 フォルダ: /week2-react-basics

---

🔹 Week 3: チーム開発の体験

• GitHub でのチームコラボレーション
• Pull Request、コードレビューの方法
• 他人のリポジトリを Fork → 改善提案
• チームで簡単な機能改善に挑戦

📂 フォルダ: /week3-github-collab

---

🔹 Week 4: 最終課題 & デプロイ

• React を使った小さな Web アプリ制作
• 状態管理と簡単なロジック実装
• Cloudflare Pages を使ったデプロイ体験
• 公開 URL を共有し、PR で提出

📂 フォルダ: /week4-final-project

---

🚀 開発ツール

• エディタ: Visual Studio Code（VSCode）
• パッケージ管理: pnpm
• バージョン管理: Git / GitHub
• デプロイ: Cloudflare Pages

---

💡 進め方

1. Week1 から順に各フォルダを進めてください。
2. 各 Week に README.md があり、課題・進行手順が書かれています。
3. 課題を終えたら GitHub に push し、Pull Request を提出してください。

---

❓ 質問・サポート

• GitHub Discussions または Issue に投稿してください。
• チームでのディスカッションも歓迎します！