有料プラン

JavaScript道場 ハレノヒ珈琲を動かす10問

JavaScript の基本を終えた人が、白紙から画面を動かす演習専用コースです。解説はありません。依頼と完成条件だけを読み、自分でコードを組み立てます。HTML と CSS は用意してあるので、書くのは JavaScript だけです。手が止まったときのために、方針・使う構文・部分解の3段階のヒントを各問に用意しています。クリックへの応答から始まり、クラスの切り替え、入力の監視、配列の絞り込みと描画、フォームの検証、タブの出し分けを経て、最後は予約ページの一連の流れまで、10問で主要な操作を一巡します。1問15分から45分、全10問で約5時間です。JavaScript入門を終えて「読めるけれど自分では書けない」と感じている方に向いています。

レッスン

10件

所要時間

約4.5時間

ランク

初級

最初のレッスンを読む

15分・登録なしで読めます

ハレノヒ珈琲の画面の地図

動く図解・ボタンで挨拶を出せ

前提知識・必要な環境

環境

ブラウザ完結(インストール不要)

このコースに入っているもの

触れる図解

10本

手を動かす演習

10問

監修

ゆめさくコード編集部

プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。

生田 陸人

ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。

  1. 押した・入力したに応じて画面を変えられるようにします。

  2. データから画面を組み立て、入力を検証できるようにします。

  3. 整形と、一連の流れの組み立てに挑みます。

JavaScript 第2コースのバッジ 未獲得

このコースを終えると取れるバッジ

JavaScript 第2コース

0 / 10 レッスン

このコースの動く図解

動かしながら、仕組みや変化を目で確かめられます。

前提が不安な方へ

先にこちらを通しておくと、つまずきにくくなります

あわせて学びたい

同時に進めると、理解が早くなる組み合わせです