見出し画像

VS Codeに対応した『JavaScriptでタブメニューを作ろう』をリリースしました

今週は『JavaScriptでタブメニューを作ろう』をリリースしました。VS Codeに対応させた、初級者向けのレッスンとなります。

HTML/CSSのマークアップに加え、HTMLのカスタムデータ属性とJavaScriptを組み合わせてタブを切り替える方法について解説しています。

画像1

↑ タブメニューをクリックすると、その内容が表示されるようにします。

画像2

↑ JavaScriptでCSSのクラスを付け替えることで、タブの切り替えを表現していきます。

全10回とコンパクトな内容になっています。よく使うUIなので、自分でゼロから実装できるスキルを身に付けておくと良いですね。詳細は以下からご確認ください。

・JavaScriptでタブメニューを作ろう (全10回)
https://dotinstall.com/lessons/tabmenu_js_v3


この記事が気に入ったらサポートをしてみませんか?