Skip to content

Latest commit

 

History

History
88 lines (57 loc) · 2.98 KB

README.md

File metadata and controls

88 lines (57 loc) · 2.98 KB

kenshu-frontend-js

前置き

まず各項目の ./README.md の「内容」と「ねらい」、 /example/index.html をブラウザで見て、演習内容を確認してください。
その後、/example/index.html で記載された演習内容を満たすよう、 /try/src/js/index.js に実装を加えてください。

参考図書とGoogleは程よく頼ってください。
困ったら各項目の「参考」を元に実装を進めてください。
行き詰まった時以外は /example の内にあるコードの内容を見ないよう実装してくだい。

前置き2

exampleはES2015以上の書き方、かつGoogle Chromeの最新版ブラウザ上で動くことを前提に記述されています。

用いて良いJavaScriptライブラリはjQueryのみです。
演習用の /try/index.html には jQueryの3.5.0が読み込まれていますので、もしjQueryで記述する際にはそのまま /example/src/js/index.js に記述することができます。
必要に応じて /try/src/css/style.css/try/index.html の記述を変更しても構いません。

参考図書

  • 初めてのJavaScript
  • JavaScriptコードレシピ集

上記2冊を参考図書として参照しています。

目次

01. オブジェクトの結合

02. HTMLelementの持つ属性を取得する

03. モーダルの実装

04. プルダウンメニューの実装

05. inputに入力されたテキストの値

06. フォームイベントの制御をする

07. フォームのバリデートの実装

08. 非同期でjsonを取得する

09. ギャラリーの実装

10. カルーセルの実装