【JavaScript超入門講座】定番UIの”タブ”を実装しよう！【初心者でも◯】

【無料メルマガ】より深い情報発信をしてます！
https://my131p.com/p/r/Ym43EzoZ

【LINE】メール見るのだるい人向け、簡易版の発信
https://lin.ee/eR6BXOD

【お問い合わせ】お仕事のご依頼先
[email protected]

【目次】
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分で知識ゼロから基礎をマスター！』
https://youtu.be/QCjFPSO96RU

🔽セイトのプロフィール
今はLIG Philippines Inc.て会社でVPoEしてます。
親会社のLIG Inc.含め、エンジニア中心としたクリエイティブ職採用では採用戦略〜最終面接を実施してます。

【Twitter】プログラミング／ライフハック系の話を発信してます！
https://twitter.com/seito_horiguchi

【TikTok】ショート役立つ話／あるある話
https://www.tiktok.com/@seito2020

🔽セイトのJavaScript動画
#1『【JavaScript超入門講座】わずか50分で知識ゼロから基礎をマスター！』
https://youtu.be/QCjFPSO96RU

#2『【JavaScript超入門講座】基礎文法だけでクイズゲームのアプリを開発！』
https://youtu.be/fAluwAmHrws

#3『【JavaScript超入門講座】定番UIの”タブ”をカンタンに実装しよう！』
https://youtu.be/OSQ1LnU9SCw

🔽オススメの関連動画
プログラミング学習前の準備やら全体像やら把握されたい人はコチラがオススメ！

『【初心者向け】プログラミング学習の始め方【３ヶ月で達成できる】｜マナブ』
https://youtu.be/7VH-N-dsq3Y

『プログラミングにはやってはいけない勉強法がある！？爆速で成長する王道のプログラミング学習法を紹介！｜東京フリーランス』
https://youtu.be/ZJqVQJwvwNI

🔽Special Thanks
動画編集：@nao_nao_723 さん
画像素材：いらすとや さん（https://www.irasutoya.com/）

#無料メルマガとLINE始めました