Lesson5

フロントエンド

フロントエンドエンジニア

javascriptでできること

• DHTML＆AJAX アイデア見本帖
• JavaScript ゲーム集
• the code player

javascriptを学ぶ

• 基本事項
• 変数の宣言(var文)
• 関数
• オブジェクトとnull
• オブジェクト
  ・ドキュメント(document)
  ・ウィンドウ(window)
• 学習サイト
  ・http://www.pori2.net/js/
  ・http://dotinstall.com/lessons/basic_javascript_v2
  ・http://codeprep.jp/ja/books/book/3

課題：サンプルプログラムを作ろう:Javascript-LV1

• おみくじ
• 丁半

DOMとイベント

• DOMとは？
• イベントとは？

フレームワーク

フレームワークとは？

• 人気上昇中のJavaScriptライブラリを調べてみた2015年版
• はじめてのJavaScriptフレームワーク選び
• HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ

###jQueryフレームワーク

• jQuery公式サイト
• jQuery日本語リファレンス
• jQueryとは

セレクター

• セレクター入門
• リファレンス:DOMの要素選択
• いろんなセレクタ指定方法＋α
• リファレンス:DOMの選択系操作

DOMの構成操作

• 属性、CSS操作
• HTML、テキスト、フォーム値の取得＆設定
• リファレンス:DOMの属性制御
• リファレンス:スタイル操作
• リファレンス:DOMの制御・更新系操作
• リファレンス:エフェクト操作

イベント

• イベント(1)
• イベント(2)
• リファレンス:イベント操作

課題：サンプルプログラムを作ろう:Javascript-LV2

• 表示非表示
• twitter投稿型名前診断
• ゆっくりスクロール

jQuery別途資料

• 基本復習
• 応用サンプル

タイミングイベント

JavaScript でタイマーを使う

• setTimeout()
• setInterval(),clearInterval()

課題：サンプルプログラムを作ろう:Javascript-LV3

* スロットマシーン