📘

javascript いいと思ったチュートリアル一覧　そのいち

2024/04/27に公開

春！気が狂う！

なので大人しくお家でパソコンと向かい合って、屋外でトラブルを起こす可能性を極力減らしましょう。
私はjavascript/typescriptの記述力が著しく低いので、脳内コードスニペット語彙を増やすべくYouTubeにある tutorial（とそれに関連した面白そうな記事）を片っ端からやっていくことにしました。

「JavaScriptの「基礎」が1時間で分かる「超」入門講座【初心者向け】」
チャンネル：だれでもエンジニア / 山浦清透

感想：お恥ずかしながらローカルストレージへのアクセスも右クリックによるDOM操作もやったことがなかった（！？）ので勉強になりました。
関係ないですが、私はJSONを渡すべきところでキー名を忘れ１５分無駄にしました。

Title:React(JavaScript)の分割代入は何をしているのか？
channel : Code Tips

reactやってくまえに分割代入（デストラクティング　アサインメント）とスプレッド構文に惑わされないような目（め）作りをしたいものです。あと「オブジェクトと配列は（Freeze使ったりしない限り）constでも変更できてしまうから気をつけよう」みたいこともあるので目をとおしておくといいかも？

title:【最新版】JavaScriptにおけるmapの基本的な使い方
Channel: Code Tips

MapとforEachの基本的な使い方と違いをやってる

title:[JavaScript] 分割代入の小ネタ
Author:shikatan 氏

Title: console.logだけではないconsoleの使い方
Author : @asameshiCode (ナカトシダン)

Title: まだまだ知らない console の世界
Author: https://zenn.dev/izuchy

Title:JavaScriptのスプレッド構文が便利すぎて人生変わる話【React、Vueでも使える！】
Author:Code Tips

Reactの学習に進むと出てくる「...」という記号の解説。
objectの重複したプロパティは後からきたやつ優先だったり、分割代入との合わせ技だったり、関数の引数にスプレッド構文を使ったら引数の数が決められなくても配列で渡せるよということをを説明してくれる動画。

Title:分割代入とスプレッドをまとめてみる
Author: @BlueSilverCat

Title:JavaScriptを使った動的なウェブサイトの作り方 | ウェブデザインチュートリアル
Channel: プログラミングチュートリアル

ほとんどCSSで苦しむことになるけど、documentで要素取ってきて変数に入れて、onclickでで関数を設定して、style.transformでいじる練習にはなった。　
CSSを動画見ながらやるとどっかで、絶対どっかでスタックするからお気をつけて

書いているうちにヒステリー球がデカくなってきて心なしかごはん食べにくくなってきたので安静にします。おやすみなさい。

春！気が狂う！

Discussion