本コースではProgateでJavaScript, jQueryを一通りやって、次のステップとして「動くものを作る」という点にフォーカスして、シンプルなタイピングゲームを作ります。
ProgateのJavaScript, jQueryで学んだ全ての知識を使わなくてもできるように、なるだけ簡単なソースコードになるようにしています。
jQuery初級〜中級はやってみたというレベルでもできると思います。
実際にどんなものを作るか、以下のURLから試してみましょう。
https://codepen.io/narith/full/WaBKPB/
約2~3時間を目安としています。
ある程度知識があれば1時間くらいで終わります。
分からないところがあれば適宜調べていきましょう。
上記のサンプルでも使った「codepen」というオンラインエディタで開発していきますので、アカウントを作っておきましょう。
アカウント作成後、プロファイル画面に移るので右上のアイコンをクリックし、「New Pen」を選択してください。
「New Pen」選択後、以下の画面になります。以後はこの画面でコーディングを行います。
HTML, CSSでまず作って見た目を作ります。（全てソースコードがあるので安心してください)
そこからJavaScriptで少しずつ動きをつけていく形でドンドンタイピングゲームが出来あがります。