jQueryを使わず生のJavaScript(ES6)で解説してます！
実践的に作りながら勉強したい方はぜひ 🙂
【目次】
00:00 はじめに
01:33 今回のゴール
02:02 HTMLのコーディング
08:10 CSSのコーディング
12:54 JavaScriptのコーディング
・初期化
・イベント処理
・DOM操作
・リファクタリング
47:55 さいごに
【動画内のサンプルコード】
https://github.com/seito-developer/js-tab
【兄弟動画】
今回の動画に必要なJavaScriptの基礎文法は下記の動画で解説してます！
『【JavaScript入門】わずか50分で知識ゼロから基礎をマスター！』
🔽スポンサー
👨💻TechAcademy [テックアカデミー]
https://bit.ly/3k3LLaK
🤖【Kite】AIがコーディングを補助してくれるエディタプラグイン。僕も使ってます！
◎Python, JavaScript…etc ◎VS Code, Sublime… ◎無料プラン
🔽セイトのプロフィール
今はLIG Philippines Inc.て会社でVPoEしてます。
親会社のLIG Inc.含め、エンジニア中心としたクリエイティブ職採用では採用戦略〜最終面接を実施してます。
【Twitter】プログラミング／ライフハック系の話を発信してます！
Tweets by seito_horiguchi
【TikTok】ショート役立つ話／あるある話
https://www.tiktok.com/@seito2020
🔽セイトのJavaScript動画
#1『【JavaScript超入門講座】わずか50分で知識ゼロから基礎をマスター！』
#2『【JavaScript超入門講座】基礎文法だけでクイズゲームのアプリを開発！』
#3『【JavaScript超入門講座】定番UIの”タブ”をカンタンに実装しよう！』
🔽オススメの関連動画
プログラミング学習前の準備やら全体像やら把握されたい人はコチラがオススメ！
『【初心者向け】プログラミング学習の始め方【３ヶ月で達成できる】｜マナブ』
『プログラミングにはやってはいけない勉強法がある！？爆速で成長する王道のプログラミング学習法を紹介！｜東京フリーランス』
🔽Special Thanks
動画編集：@nao_nao_723 さん
画像素材：いらすとや さん（https://www.irasutoya.com/）
