Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bugcloud/3efb40620627c4f1dc97 to your computer and use it in GitHub Desktop.
Save bugcloud/3efb40620627c4f1dc97 to your computer and use it in GitHub Desktop.
JavaScriptで動的なWEBサイトを作ってみる

ドットインストールというプログラミング入門動画サイトで自習してください。

http://dotinstall.com/


学習ステップ

以下の順番に学習していってください。動画を見終わって内容が理解できたら「完了」ボタンを押していってください。

動画を見ていまいち理解できなかった部分は、自分で調べるなり社内のメンバーに質問するなりして解決してください。

(※下記「もしわからないことが出てきた場合」を参照)

1. JavaScript入門

http://dotinstall.com/lessons/basic_javascript_v2

2. jQuery入門

の3ユニット


課題

自習がすべて完了したら、以下の課題を提出してください。

「前回作成した、自分の自己紹介ページに、 生まれてから何秒経過しているか を表示してください。」

  • 画面ロード時に表示するだけでなく、画面をみている間に時間が経過したら、 生まれてから何秒経過しているか も更新されること。
  • ↑の画面書き換え時にjQueryを利用すること。

の2つが条件です。

HTML,CSS,JavaScriptのファイル一式を提出してください。

※zip形式でGoogle Driveにアップして、共有URLをこのカードにコメントで記入してください。


もしわからないことが出てきた場合

  1. Googleで検索する
  2. 単語をちょっと変えてGoogleで検索する
  3. それでもわからない場合は、社内のメンバーに質問してください

チェックリスト

  • JavaScriptがどこで動くのかを理解した
  • JavaScriptでできること、できないことを挙げることができる
  • jQueryとは何かを理解した
  • なぜjQueryが人気なのかを理解した(jQueryのどの辺が便利なのか)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment