メニューカードを再現しよう
見本の区画と、起こす 1 枚有料プラン
HTML/CSS道場 ハレノヒ珈琲を開店させる10問
HTML と CSS の基本を終えた人が、白紙から画面を組み立てる演習専用コースです。解説はありません。依頼と完成条件だけを読み、見本に近づけていきます。手が止まったときのために、方針・使う構文・部分解の3段階のヒントを各問に用意しています。1枚のカードから始まり、ナビゲーション、表、ヒーロー、グリッド、フォーム、フッターを経て、最後はカフェのランディングページを1枚まるごと作るところまで、10問で主要なレイアウトを一巡します。1問15分から45分、全10問で約5時間です。HTML/CSS入門を終えて「写経はできるが白紙からは書けない」と感じている方に向いています。
レッスン
10件
所要時間
約4.5時間
ランク
初級
最初のレッスンを読む
15分・登録なしで読めます
動く図解・メニューカードを再現しよう
動く図解・メニューカードを再現しよう
前提知識・必要な環境
環境
ブラウザ完結(インストール不要)
このコースに入っているもの
触れる図解
9本
手を動かす演習
10問
監修
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
生田 陸人
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
1つの部品を、見本どおりに作れるようにします。
複数の部品を並べ、入力を受け取る画面を作れるようにします。
色の設計と、1ページまるごとの組み立てに挑みます。
このコースを終えると取れるバッジ
HTML/CSS 第3コース
0 / 10 レッスン
このコースの動く図解
動かしながら、仕組みや変化を目で確かめられます。
前提が不安な方へ
先にこちらを通しておくと、つまずきにくくなります
あわせて学びたい
同時に進めると、理解が早くなる組み合わせです
