Web制作フリーランスコースカリキュラム｜Tech Mentor(テックメンター)

Web制作&デザインコース
カリキュラム

Home > Web制作&デザインコース > Web制作フリーランスコースカリキュラム

番号	コース名	コースの詳細	到達目標	課題	目安規定時間（時間）	学習期間目安 (週20時間)	学習期間目安 (週40時間以上)
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の使い方を学ぶ	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週目

個別説明会予約フォーム

Tech Mentor個別説明会を30秒でお手軽にWeb予約できます。
少しでもご興味持たれましたら、ぜひ個別説明会にご参加ください。
※入会前提でなくてもご参加いただけますのでご安心ください。

STEP 1 予約日時選択

ご希望の個別説明会の日程を選択してください。
※個別説明会の所要時間：30〜60分

時刻

STEP 2 情報入力

基本情報を入力して「予約する」ボタンを押してください。

姓*

名*

メールアドレス*

電話番号*

※ハイフン無しでご記入ください。

固定電話は10桁、携帯電話は「050」「070」「080」「090」で始まる11桁の番号を入力してください。

検討中のコース（複数選択可）

Webエンジニア就職コース Web制作&デザインコース Webデザインコース生成AIエンジニアコース AI駆動開発コースフリーランスエンジニアコース IT×英会話コース PMコース

※お申し込みにて、プライバシーポリシーに同意とみなします。

※生成AI活用コースに関心がある方は、こちらからご予約をお願いします。

ご予約ありがとうございました。

予約日時：

【事前問診フォーム送信のお願い】
当日のご案内をスムーズに進めるため、事前に以下の問診フォームへのご回答をお願いいたします。ご協力いただけますと幸いです。問診フォーム: https://share.hsforms.com/1rkQ44sH5TFCTqgUeJzXEPAciwcs