デザインをそのまま
コードで
再現する力を身につけよう。
Figma
HTML/CSS/JavaScript
WebTraining の「単体制作」は、Figma で配布されたデザインデータを元に HTML/CSS /JavaScriptで同じ見た目を作る練習ができるステップ課題です。
- 初めてでも案件に課題に近いトレーニングを学習に取り組めます。
- Figmaのトレーニングリンク後だったら、画像を書き出してフォルダ構成もバッチリ。
- 実践に近い課題をデザインからコーディングまでトータルに練習。
- 困った時はオンライン通話でメンターに質問できます。
自分でトータルにサイトを作れるようになります。そのためのステップアップ型チャレンジ！
段階的にステップアップ！
日々の学習の中で、
「いまの自分はどれくらいのページが作れるようになっているんだろう？」
そんな疑問を確かめられるのが
制作ステップです。
入門編 → 初級 → 中級 → 上級 と、ステップアップできる構成になっており、それぞれのチャレンジには 必要なデザインデータがすべて用意されています。
Figmaデザインを見ながら、どこまで再現できるか、実際に手を動かして確かめてみましょう。
各ステップには デモページ も用意してあるので、完成イメージはいつでも確認できます。
作業中に「どうしてもうまくいかない…」「ポイントを教えてほしい」
という場合は、メンターサポートの利用も可能です。安心してステップアップしてみましょう！
静的ページ制作
入門編では、シンプルなデザインカンプを元に、HTML と CSS だけでデザインを“再現する力” を身につけます
初めての方でも毎日1時間のトレーニング１週間で完成
初めての方でも毎日２時間のトレーニング １週間で作成
ランディングページ（LP）コーディング
初級編では、レスポンシブデザインも意識したHTML＋CSSのコーディングを練習します。
LPコーディング＋CSSアニメーション
中級編では、HTML＋CSSの難易度が上がり、CSSアニメーションで動くフェイドアップや、スライドを練習します。
初めての方でも毎日３時間のトレーニング10日で作成
現在お申し込み受付は一時停止しております。
次回の受付開始まで今しばらくお待ちください。
月額 ¥2,500(税込)
チャレンジ課題を添削します
月額 ¥6,500(税込)
チャレンジ添削何度でも
1回 ¥4,500(税込)
オンライン通話で質問
