未経験からスタートして半年。これまでとこれからについて。

基礎力が足りていなかったため、jsの基礎や応用力などをひたすら磨いていました。
実務ではReactでの実装を求められてもいたので、その点も合わせて学習してきました。

最近やっとjsやReactを使った実務での実装が、時間はかかりますが
少しずつできるようになってきました。

しかしさらなる課題も見つかりました。
そこで今必要な課題をあげ、
実務にいかせるようにしていこうと思います。

---

今から必要な勉強

1.jsの応用力

これはpaizaやchatGPTを使ってひたすらコーディングスキルを高めるしかないでしょう。

これからもpaiza を進めていきます。

2.jqueryの使い方

jsの基礎は大丈夫（なはず）なので、まずはProgateで簡単に書き方を学ぶ。
そのあとは1.と同じようにコーディングスキルをつける。

$(セレクタ).メソッド();

というのが典型の書き方。
このコードは大体htmlやcssの前に読み込まれるようにheadタグの中に書く。（ファイルを分けているとしても）

この典型の書き方は、「これは後から読み込みますよ」という意味で書かれている、という前提を忘れない！

また、セレクタが同じだったら、バラバラに書かないで、({ })の中で
「カンマ」区切りで書いたほうが効率的。

また、セレクタが同じだったらメソッドが違っても、「メソッドチェーン」を使って繋げて書けばOK。

また「クリックイベント」での書き方は

	$(function(){
		$("p").click(function(){
			$(this).css("background-color","yellow");
		});
	});

ここでのthisはp要素のことを指します。
また、上のコードは以下のコードと同義ですが、以下のコードのほうがbetterです。

$(function(){
	$("p").on("click", function(){
		$(this).css("background-color","yellow");
	});
});

3.AjaxのGet/Post/returnの仕組み、Json形式について

まずは理論を学ぶ。
1.同様にコーディングスキルを磨く。

$.ajax() | jQuery 1.9 日本語リファレンス | js STUDIO

JQueryを使ってAJAXを使う方法

これらを見ながらAjaxとは….を深めていきます。
そもそもXMLデータ（HTMLと違って、タグがなんであるかわかりやすくなてるもの、データをやり取りする時の書き方）をやり取りする技術。

XMLHttpRequestオブジェクトを利用してJavaScriptにサーバーからデータをもらってくる方法、それがAjaxです。

4.Laravelのbladeテンプレートの書き方

Udemyなどで以前にやったことはあるのですが、実践力にはなっていない。
これも自分でコーディングする力を鍛える必要あり。
こちらは実際にアプリを作りながら
処理の流れを追いながら理解を深めます！

5.今更ながらHTTPメソッド、MVCについて

入力フォームやCRUDについてを理解していない。
実務で「入力して登録おした時の処理をどう書くんだっけ…」となっているため、まずはCRUDとフォームの処理、書き方について理解する

https://htmlcheatsheet.com/js/

※書きはじめてからだいぶ時間が経ってしまったけど
一回投稿しておきます。w