Skip to content

sduccao/kenshu-frontend-js-2020

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

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. カルーセルの実装

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 49.9%
  • JavaScript 36.0%
  • CSS 14.1%