Flexboxによる横並び・中央寄せ、Gridによる2次元レイアウト、メディアクエリを使ったレスポンシブ対応まで、レイアウト技術を、毎レッスン実際にコードを書いて自分のサイトを組み上げながら学べる無料コースです。CSS入門を修了した方や、セレクタとボックスモデルを理解している方を対象としています。約 5.5 時間 (1 日 30 分 × 11 日) で 22 レッスンを修了でき、修了後はスマホ・PC両対応のプロフィールサイトが完成し、JavaScript入門へ無理なく進めるようになります。
所要時間
約１ヶ月
ランク
初級
参加者
-
1 枚の自己紹介ページを、レッスンごとに少しずつ育てていきます。3 つのコースを通ると下の 3 段階まで進みます。
HTML入門 まで進むと見出し・リスト・表・フォームまで、意味の通る骨組みを組み上げます。
レスポンシブ対応プロフィールサイト（完成・公開）
Flexboxによる横並び・中央寄せ、Gridによる2次元レイアウト、メディアクエリを使ったレスポンシブ対応まで、レイアウト技術を、毎レッスン実際にコードを書いて自分のサイトを組み上げながら学べる無料コースです。CSS入門を修了した方や、セレクタとボックスモデルを理解している方を対象としています。約 5.5 時間 (1 日 30 分 × 11 日) で 22 レッスンを修了でき、修了後はスマホ・PC両対応のプロフィールサイトが完成し、JavaScript入門へ無理なく進めるようになります。
Flexboxで横並び・中央寄せを組める
Gridで2次元のレイアウトを組める
FlexboxとGridを場面で使い分けられる
メディアクエリでスマホとPCの両方に対応できる
モバイルファーストでCSSを設計できる
ブラウザ完結（インストール不要）
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
女性向けエンジニアスクール