JavaScript Hackとは
前提
弱いなりにサバイバルしていくためのもの。きちんと学ぶことも必要だが
英語のようにお客さんに単語を並べて乗り切られ、残念な結果は避けたい。
経験としてDomとFormを押さえればいけるのではないかという見込みで
Hackを行っていく。オブジェクト指向は今回はさわりだけしか取り上げないことにする。
概要
なぜJavaScriptをやるか？
→ 今でも使ってるところは使っている。
→ 裏ニーズとしておしゃれなフレームワークを学ぶためにもやっておいたほうがいい。
事前知識
テンプレートリテラル
バッククォート
console.log(名前: ${animal.name});
参考書籍
JavaScript本格入門
https://www.amazon.co.jp/dp/B01LYO6C1N/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1
JavaScriptHack Hackフォルダ オブジェクト指向編
コンテンツ
オブジェクト指向を学ぶ。
シラバスを作成する。
TakeAway
オブジェクト指向を学ぶ。
Progate JavaScript Ⅳ
https://prog-8.com/languages/es6
シラバスを作成する。
・オブジェクト
・クラス
・継承
JavaScriptHack Hackフォルダ Dom編
コンテンツ
Domを学ぶ。
ゲームを作成する。
最低限のCSSの知識を確認する
シラバスを作成する。
DOMを学ぶ。
詳解JavaScript DOM編 (ドットインストール) 有料会員
https://dotinstall.com/lessons/basic_javascript_dom_v2
ゲームを作成する。
JavaScriptでスロットマシンを作ろう (ドットインストール) 有料会員
https://dotinstall.com/lessons/slot_js_v6
上記が難しい人のために旧を紹介しておきます。
https://dotinstall.com/lessons/slot_js_v3 有料会員
https://dotinstall.com/lessons/slot_js 有料会員
最低限のCSSの知識を確認する。
class = color
id = yamada
.color
'#yamada
シラバスを作成する。
querySelector()
getElementById()
querySelectorAll()
addEventListener()
className
classList.add()
classList.remove()
classList.contains()
classList.toggle()
createElement()
appendChild()
関連ページ
JavaScriptHack Hackフォルダ Form編
https://qiita.com/gina/items/3aa0174eda82532d68ea
Developerツールについて
https://developers.google.com/web/tools/chrome-devtools/javascript
https://ics.media/entry/190517/