| 1 |
開発ツール基礎、環境構築 |
- 開発に必要なツールの導入から使い方を学ぶ
- 例：VSCode、Git・Github
|
|
無 |
10 |
1～2週目 |
1週目 |
| 2 |
Web制作 入門 |
- HTML、CSSの基本構文を理解し、簡易的な Webサイトを作成する
- 検証ツールや静的ホスティングの手法を学ぶ
|
- 最低限のインプットを行い、簡単なWebサイトを作成できる
- さっと基本文法を学習する。理解度は5~6割でOK。
- 基本的なFlexBoxの使い方をマスターする。
- 答えを見ながらでも、簡単なマークアップができる。
|
有 |
20~30 |
2～4週目 |
1～2週目 |
| 3 |
Web制作 初級 |
- HTML、CSSをつかって、簡単な模写サイトのコーディングを3つ程度行う。
|
- 最低限のインプットを行い、簡単なWebサイトを作成する
- Emmetで効率良くコーディングする。
- レスポンシブコーディングを学ぶ。
- 答えを見ながらでもいいから、簡単なサイトのマークアップができる。
- positionプロパティを使ってサイトを制作できる
|
有 |
20 |
4～5週目 |
2～3週目 |
| 4 |
Sass 基礎 |
- SassでWebサイトを実装する。今後サイト制作をする際は、Sassでコーディングできるようになる。
|
- SassでWebサイトを実装できる
- Dart Sassで実装する
- 入れ子で実装する
- フォントサイズやカラーなどを変数で定義する
- Mixinでメディアクエリを管理する
|
有 |
8 |
6週目 |
3週目 |
| 5 |
JavaScript 基礎 |
- JavaScriptの基本的な使い方や概要を学び、サイト制作でJavaScriptを使用するための基礎固めを行う。
|
- 簡単なJavaScriptの基礎文法を扱えるようになる
- 基礎文法が理解できる
- 条件分岐の仕方がわかる
- console.logを使ってデバックできる
- 配列操作ができる
|
無 |
15 |
7～8週目 |
4週目 |
| 6 |
JavaSctiptDOM 基礎 |
- JavaScriptDOMの基本的な使い方や概要を学び、サイトに動きをつけたり、HTMLやCSSを操作する手法を理解する
|
- JavaScriptDOMの基本的な考え方を理解し、サイトに応用できる
- モーダルウィンドウを実装できる
- アコーディオンを実装できる
- ハンバーガーメニューを実装できる
- スライドショーを実装できる
- フェードインを実装できる
|
無 |
10~15 |
9~10週目 |
4~5週目 |
| 7 |
Web制作 中級 |
- SassやJavaScriptDOMを使用し、アニメーションを使って実務を意識したサイト制作を行う
- Gridを学び、コンテンツを均等配置する手法を理解する
|
- カフェやストアサイトなどを作成し、実務に近いサイトを制作できる
- SassやJavaScriptDOMを使ってサイトを実装できる
- Gridを使ってコンテンツを均等配置できる
|
有 |
20 |
11～12週目 |
5～6週目 |
| 8 |
Web制作 上級 |
- 今まで学んだスキルを総動員し、実績になるWebサイトを制作する
|
- 答えをあまり見ず、実績で使えるサイトを制作する
- SassやJavaScriptDOMを使ってサイトを実装できる
- Gridを使ってコンテンツを均等配置できる
|
有 |
15 |
13～14週目 |
6週目 |
| 9 |
Webデザイン 基礎 |
- Webデザインをするにあたっての基本的な知識を学ぶ
|
- Webデザインをするにあたって重要な考え方を理解し、簡単なデザインができるようになる
- デザインの4原則を理解する
- フォントや配色、余白などの基礎を理解する
|
無 |
10 |
15週目 |
6~7週目 |
| 10 |
Webデザイン Figma 基礎 |
|
- Figmaの使って簡単なWebサイトをデザインできるようになる
- Auto Layout
- コンポーネント
- マスク
- ファイルの共有、コメント
- プラグイン
|
無 |
10~15 |
16～17週目 |
7週目 |
| 11 |
WordPress 基礎 |
- WordPressのオリジナルテーマ開発について学ぶ
- Localでの開発の仕方を学ぶ
|
- オリジナルテーマでWordPressを開発できるようになる
- PHPの文法を最低限理解する
- テンプレート階層がわかる
- 適切なテンプレートの使い分けがわかる
- WordPressの記法（テンプレートタグ等）に慣れる
- カスタム3兄弟を使用できる
- お問い合わせフォームを実装できる（プラグイン）
|
無 |
30 |
18～20週目 |
8～9週目 |
| 12 |
CSS設計 基礎 |
- CSS設計の概要を把握し、BEMを使ってクラスの命名を実施する
|
- BEMでクラスの命名ができる
- クライアントに評価される、保守的なコーディングの仕方を理解する
|
無 |
5 |
20週目 |
9週目 |
| 13 |
オリジナルポートフォリオサイト作成 |
- Figmaを使ってオリジナルデザインカンプを制作する
- 作成したオリジナルデザインカンプを使い、WordPressのオリジナルテーマを実装し、オリジナルポートフォリオサイトとして公開する
- サーバーを構築し、FileZillaを使って更新、管理する
|
- オリジナルポートフォリオサイトを一から実装し、実績にする
- WordPressをオリジナルテーマで実装
- 今まで学んだスキルを総動員し、オリジナルサイトを実装する
|
有 |
50~60 |
21~23週目 |
10~11週目 |
