フロントエンドを極める

見た目だけでなく、使いやすさや動きも含めた「体験」を作る力を身につけます。

HTML/CSSの基礎からはじまり、モダンなレイアウト、アニメーション、JavaScriptによる動きの実装まで、
フロントエンドに必要な内容をステップごとに丁寧に解説します。初心者でも段階的にレベルアップできる構成になっています。

STEP

ワイヤーフレーム・UI設計・画面の構造づくりにも使えるツールです。設計の基礎を練習

STEP

Webページの構造や中身を作るための言語。最初の一歩はここから始めましょう。

STEP

デザインを担当するCSSの基本を学び、よく使うプロパティを中心に習得します。

STEP

CSS-CLASS設計

実際の現場で使われる命名ルールを学び、分かりやすく整理されたCSSを書く力を養います。

STEP

CSS応用と実践

グラデーションやアニメーションなど、実践的な装飾や動きを通して表現力を高めます。

STEP

Webページに動きを加えたり、条件で処理を変えたりする基本的なプログラミングを学びます。

STEP

Webページ上の要素を自由に操作し、動きのあるインタラクティブな表現を作ります。

STEP

基礎とDOM操作の知識を応用し、デザイン性の高い動きを実装する実践トレーニングです。

合わせて学びたい!
実案件で使われることの多い WordPress基礎 も学習を進めましょう。
フルサイト編集テーマを使って、デザインから構築まで一連の流れを身につけます。