Web系のエンジニアとして働く上で必須なスキルであるJavaScriptをゼロから学びましょう!
基本からしっかりと学ぶことで、現場の仕事にもついていけるようになります。基本が一番大切です。
STEP1 JavaScriptとは
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/undraw_static_assets_rpm6-1-320x180.png)
【JavaScript超入門】JavaScript とは?Web系の企業で働くのであれば、必須のスキルであるJavaScriptについて学びましょう。
JavaScript とは?
Java...
STEP2 JavaScriptの実行環境を用意しよう
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/f_f_business_30_s512_f_business_30_0bg-320x180.png)
【JavaScript超入門】JavaScriptを実行できる環境を用意しようJava Scriptを学習する上で、実装したプログラムの動作確認をするための環境が必要です。
今回は、JavaScriptの実行...
STEP3 JavaScriptのデータ型について
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/undraw_Annotation_re_h774-320x180.png)
【JavaScript超入門】JavaScript のデータ型についてマスターしよう今回は、JavaScriptのデータ型について解説していきましょう。
データ型とは、値の種類のことです。JavaScriptに限ら...
STEP4 JavaScriptの変数・定数
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/undraw_Code_review_re_woeb-320x180.png)
【JavaScript超入門】変数・定数を宣言しよう今回は、JavaScriptの変数、定数について解説していきます。
変数とは?
変数とは、データを保存するための入れ物です。
...
STEP5 演算子について
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/f_f_object_15_s512_f_object_15_1bg-320x180.png)
【JavaScript超入門】演算子の使い方まとめ今回は、JavaScriptの演算子について学習していきましょう。
演算子とは、+やーを使った基本的な計算や、比較の時に使用する=...
STEP6 if文について
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/undraw_Certification_re_ifll-320x180.png)
【JavaScript超入門】if文をマスターしよう今回は、JavaScriptのif文についてマスターしていきましょう。
条件式に使用する演算子については、こちらの記事を参考にして...
STEP7 配列について
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/undraw_Signal_searching_re_yl8n-320x180.png)
【JavaScript超入門】配列について初心者向けに解説今回は、JavaScriptの配列について学習していきましょう。
配列の基礎
配列は、複数の値を一つのオブジェクトで管理することがで...
STEP8 関数の基本
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/1064_R0lVIEFORyAzMDctMDY-320x180.jpg)
【JavaScript超入門】関数をマスターしよう今回はJavaScriptの関数について学習していきましょう。
関数は、パラメータを渡し、関数内で何かしらの処理を行い、その結果を...
STEP9 関数の引数について
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/programmer_03__Converted__generated-320x180.jpg)
【JavaScript超入門】関数の引数について詳しく解説!引き続き、関数について学習していきましょう。
前回の記事をまだ読まれていない方は、こちらもあわせてどうぞ。
https://...
STEP10 変数のスコープについて
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/vecteezy_isometric-style-illustration-of-programmer-coding-analysis_6470809-320x180.jpg)
【JavaScript超入門】変数のスコープについて完全マスターしよう!今回は、JavaScriptにおける変数のスコープについてマスターしていきましょう。
スコープとは
スコープとは、宣言した変数の有効...
STEP11 クラスについて
![](https://pro-web-engineer.com/wp-content/uploads/2022/04/undraw_Project_completed_re_pqqq-320x180.png)
【JavaScript超入門】オブジェクト指向!クラスについて詳しく解説今回は、JavaScriptのクラスについて詳しく解説します。
classはES2015に導入された新しい書き方です。PHPやJa...
STEP12 consoleオブジェクトについて
![](https://pro-web-engineer.com/wp-content/uploads/2022/05/3071338-320x180.jpg)
【JavaScript超入門】console.log だけじゃない! ログの出力方法まとめ今回は、JavaScriptのデバッグする際に多用するConsoleについて学習していきましょう。
Consoleオブジェクトは、...