目次
JavaScript学習コンテンツ
基礎
JavaScript初心者はまずはこちらから学習することをオススメします。
応用
JavaScriptの基礎を身につけたら、こちらのコンテンツに取り組むと良いでしょう。(開発や仕事の幅が広がる)
Twitterでコンテンツ追加の通知をします
それぞれのカテゴリ内のコンテンツが用意されるたびに僕のTwitterアカウントにて新コンテンツ追加のツイートをするので、フォローしていただくとすぐにコンテンツを確認できます^^
このページについて
このページは「JavaScript」に関する学習コンテンツをまとめたものになります。
JavaScriptの学習は大きく分けて3つのカテゴリに分けられます。
- 基礎文法の学習
- フロントエンドJavaScriptの学習(クライアントサイド)
- バックエンドJavaScriptの学習(サーバーサイド)
まずは基礎から学習する
JavaScriptのオススメの学習の流れは次のとおりです。
- まずはJavaScriptの基礎文法を学習してJavaScriptの書き方を覚える
- ①で学習した文法知識を使って、JavaScriptでHTMLとCSSを操作する方法を覚える
- ②で学習したJavaScriptでHTMLとCSSの操作する方法を覚えたら簡単なWebアプリを作ってみる
- 非同期処理やAPI通信のやり方を学習する
- 非同期処理・API通信を使ったWebアプリを作ってみる(③より複雑になる)
- ⑤まででプログラミングにある程度なれてきたのでバックエンドにチャレンジする
上記6項目のうち、①が「基礎文法編」、②~⑤が「フロントエンド編」、⑥が「バックエンド編」になります。
また、バックエンド編に関しては、「コマンドライン操作」「データベース知識」などJavaScript以外の知識の学習も必要となってくるため学習難易度が一番高くなります。
まずは、「基礎文法」から学び、次に難易度が低い「フロントエンドJavaScript」を学習して、最終的に「バックエンドJavaScript」という流れで、徐々に出来る範囲を増やしていきましょう。
基礎を身につけたら応用のコンテンツに取り組む
応用で取り扱っている学習コンテンツは、「基礎の内容を既に理解されている」という前提で作成しています。
例えば、「応用」のコンテンツの1つである「React」は、主にフロントエンドで使うライブラリですが、「基礎」の以下の内容を使います。
- 基礎文法編 : 全ての知識
- フロントエンド編 : DOMの概念、クリックなどのイベント、非同期処理
- バックエンド編 : Node.js(nodeコマンド、npmコマンド、package.json、ライブラリのインストールなど)
MDN
今後JavaScriptでわからないところが出てきたときに、重宝するサイトとして「MDN」というものがあります。
そして、MDNにはJavaScriptで各レベル別(初心者・中級者・上級者)のチュートリアルページも用意されています。詳しくは以下のリンクを確認いただけたらと思います。
MDN : JavaScript
LINE登録で無料特典を受け取る
次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。
- Webエンジニアになりたいけど何から学習を始めれば良いかわからない
- 今まで独学で頑張ってきたけど、独学に限界を感じてきた
- プログラミングは出来るけど、大きめのコードが書けない
「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。