未経験からWebデザインスキル獲得の
伊賀-IGA- ロードマップ

• デザイン全般
• デザインの4原則
• レイアウト

デザインの基礎知識

合計： 0時間43分

• 配色
• トーン
• 色の3属性

色と配色

合計： 0時間53分

• Webデザイン
• XD
• レイアウト

Webデザイン実技（XD）

合計： 2時間16分

• バナーデザイン
• Illustrator
• レイアウト

Illustratorでのバナー作成

合計： 0時間53分

• 切り抜き
• PhotoShop
• 写真加工

PhotoShopでの写真加工

合計： 0時間21分

• Figma
• Webデザイン
• デザインの考え方

一流デザイナーによるFigma講座

合計： 1時間11分

• リサイズ
• 切り抜き
• ぼかし

Web制作で良く使うリサイズや切り抜きなどの画像加工を覚えよう

合計： 0時間23分

• 基本知識
• SEO
• リスティング
• エディタ

知っておこうWeb制作に関する基本知識の話

合計： 1時間24分

• マークアップ基礎
• HTML

HTMLの書き方や役割を基礎から学ぶマークアップ入門

合計： 2時間14分

• CSS基礎
• 書き方

CSSで挫折しない為の基礎学習
【超重要プロパティ】

合計： 1時間51分

• コーディング
• HTML
• CSS
• 基礎知識

基礎を終えたらHTMLコーディングを鍛えよう(デザインから)

合計： 2時間06分

• HTML
• CSS
• コーディング

初心者向けHTMLコーディング完全解説(STEP1総まとめ)

合計： 4時間05分

• HTML
• CSS
• コードレビュー

LPコーディングのコードレビューを見て精度を高めよう

合計： 1時間13分

• HTML
• CSS
• パス
• OGP

属性ってなに?などなどHTML,CSSの深堀り編

合計： 1時間20分

• Webデザインの考え方
• sketch
• デザイン基礎

デザイナーから直接学ぶ
猫ちゃんサイトのデザイン解説

合計： 2時間01分

• 模写コーディング
• ペライチLP
• レスポンシブ

鎧模写-YOROIMOSYA
銅の鎧

合計： 0時間48分

• JavaScript基礎
• 使い方

JavaScriptで学ぶプログラミングの基本のきほん【16項目】

合計： 1時間34分

• Bootstrap
• CSSフレームワーク

CSSを1行も書かないでコーディング!Bootstrapを使ってみよう

合計： 1時間06分

• jQuery基礎
• プラグイン

jQueryの基本的な使い方から応用まで【プラグイン解説あり】

合計： 1時間22分

• Sass基礎
• 使い方
• mixin
• 変数

Web制作でCSSを簡単に書くためのSASS入門【小技あり】

合計： 1時間14分

• CSS設計
• BEM
• FLOCSS
• Sass

現場で使うCSS設計の考え方
参考サイトを元に解説

合計： 2時間17分

• JavaScript
• Webアプリ開発
• 音声読み上げ

生のJavaScriptだけで英単語アプリを作ろう(音声読み上げ付き)

合計： 2時間05分

• FTP
• Xserver
• 本番反映

FTPツールを使ってサーバーへアップロードしよう

合計： 0時間28分

• 検証ツール
• JavaScript
• HTML

実務でモリモリ使うデバッグと検証方法を学ぼう

合計： 1時間00分

• 案件獲得
• 転職・就職
• ポートフォリオ作成

Web制作で案件獲得や就職・転職、フリーランスで成功するための極秘書

合計： 2時間01分

• SNS
• Twitter広告
• 広告費用

Twitter広告から学ぶ反応が良いTweet戦略

合計： 0時間23分