n10u-tech bootcamp
Home カリキュラム 日報
ログイン

カリキュラム

進捗 --%

  • -- 導入編 -- / 13 章
  • -- 入門編 -- / 13 章
  • -- 基礎編 -- / 7 章
  • -- 中間試験 -- / 1 章
  • -- 応用編 -- / 16 章
  • -- アプリ制作 -- / 7 章
課題を完了にしました
Docs / カリキュラム / 入門編 / STEP 4
📦
入門編 STEP 4
手を動かす

画面実装の基礎を作る

HTML/CSS、JavaScript、TypeScript、フォーム入力の基礎を使って UI 実装の土台を作る段階。

カリキュラムスタート
この STEP について詳しく見る

できるようになること

  • • HTML/CSS で画面骨組みを作れる
  • • JS/TS の基礎が分かる
  • • 入力フォームを扱える

章一覧 (4)

  1. 1
    📄

    HTML/CSS基礎とレイアウト

    Webページの構造(HTML)とスタイル(CSS)の基礎を理解し、意図通りのレイアウトを組めるようになる

    未着手 手を動かす
  2. 2
    📄

    JavaScript基礎(Pythonとの対比)

    Python経験者がJavaScriptの主要な概念と構文上の違いを素早く習得するための対照学習ガイド

    未着手 手を動かす
  3. 3
    📄

    TypeScript基礎(型システムとPythonとの対比)

    Pythonの型ヒントと対比しながらTypeScriptの型システムを理解し、型安全な開発の感覚を身につける

    未着手 手を動かす
  4. 4
    📄

    フォーム検証(React Hook Form + Zod)

    React Hook Form で入力管理を行い、Zod スキーマを共有してクライアント・サーバー両方で同じバリデーションを適用する方法

    未着手 手を動かす

← 前の STEP

STEP 3: データと認証の入口をつかむ

↑ 入門編 トップへ

STEP 一覧に戻る