---

IPC / jsys 合同 Web 研修 2025

2024/6/21~2025/06/22

⭐️

by ちゅるり / いなにわうどん

---

このリポジトリは 2025/6/21, 22 に開催される IPC / jsys 合同 Web 研修 2025 の研修資料リポジトリです。主に Web 開発をしたことがない 1 年生を対象としています。本研修では 3 日間で HTML, JavaScript, CSS の入門から React, TypeScript によるモダンな Web 開発までを体験することを目標としています。

内容

本資料は 3 日間かけて Web プログラミングの基礎の学習から、モダンなフロントエンド開発の体験までを行うことを想定しています。各日程の内容はフェーズ 1、フェーズ 2…… と分けられ、それらは各日での学習内容によって分けられています。資料の内容はおおよそ次の通りです。

• day1

  • phase1
    • フェーズ 1 では HTML に入門し、HTML を用いた簡単な Web ページの作成を体験します。
  • phase2
    • フェーズ 2 では CSS を学び、素の HTML ドキュメントを装飾する方法について学習します。
  • phase3
    • フェーズ 3 では JavaScript を勉強し、HTML に組み込んで使用する方法について学習します。また、学んだことを応用して DOM の操作や fetch API を活用した実践的な JavaScript プログラミングを行います。

• day2

  • phase0
    • フェーズ 0 では、基本的なシェル操作を学習します。また、本講習で使用するアプリケーションのインストールや環境構築を行います。
  • phase1
    • フェーズ 1 では、TypeScript を用いて静的型付け言語を習得し、堅牢なプログラムを書くことを学びます。

• day3

  • phase1
    • フェーズ 1 では React の基本を学んだのち、React を用いて実用的なアプリケーションを作成します。

もくじ

• root
  • day1
    • phase1
    • phase2
    • phase3
  • day2
    • phase0
    • phase1
    • phase2
  • day3
    • phase1

各 phase ディレクトリはおおよそ次のような構成となっています。

• phase ディレクトリ
  • handouts ディレクトリ：講義資料。Markdown 文書または PDF 文書で構成されます。
  • samples ディレクトリ：サンプルのソースファイル等。フェーズ毎に異なります。