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/