JavaScriptをとことんやってみよう【超初心者から脱初心者へレベルアップ】【わかりやすさ重視】
わかりやすさ重視でバニラJavaScript(ES6)を扱っています。関数やオブジェクトから、イベントリスナーを使ったイベント処理、近年必須なPromise、Ajaxのためのfetchまで。webpackなどの環境構築方法までこれ1つでok
Description
今や世界中で使われ、大活躍しているプログラミング言語が『JavaScript』です。
『JavaScript』の初歩の初歩から解説し、
『JavaScript』の代名詞とも言える『イベントリスナー』を何度も使い、
MDNのマニュアルを軸に、
DOMやオブジェクトの使い方をできるだけわかりやすく解説しています。
また、モダンJavaScriptとも呼ばれますが、
Promise、async/await、fetch、モジュール、クラスなども解説しつつ、
webpackやbabelを使った最近の開発環境の作り方までセットで解説しています。
『JavaScript』は2015年に大幅にパワーアップしたのですが、
そこから5年以上経っているということと、
インターネットエクスプローラー11を使っているPCも減っているだろうということで、
『JavaScript ES6以降』の書き方をメインに解説しています。
(講座の補足としてIE11対応方法(bableなど)も解説しています)
特にJavaScriptで特徴的な、
『DOM操作』
『イベントリスナー』
『非同期処理・通信(Promise/async/fetch)』
に重点をおいて解説をしています。
初心者の頃に詰まった事、知っておきたかった事など、
過去の自分に向けるように構成し、
まったくの超初心者から、脱初心者へ、
ぐいーんとレベルアップできるような内容になっていると思います。
■更新情報
2023/2 fetchでフォーム登録できない件を修正しました。(APIサーバー側の設定変更)
■扱っていること
書き方/変数・型/関数・アロー関数/コールバック関数/配列・オブジェクト・連想配列/DOM操作/イベントリスナー/サンプル(モーダル・タブ・スライドショー)/フォーム/ブラウザオブジェクト(window,history,location)/JSON/非同期(Promise、async/await)/Ajax(fetch)/WebAPI(サードパーティAPI)/クラス/モジュール/環境構築(webpack+babel+loader)
おまけ・・Sass/Scss、Node.js/npm, webpack, babel, Moment.js
■扱っていないこと
Vue.jsなどのフレームワーク→別の講座で制作予定
canvasを使ったグラフィックプログラミング→別の講座で制作予定
JavaScriptの細かい仕様・・まずは木よりも森を見る事を重視しています。
jQuery
追加動画も検討していますのでぜひお気軽にご連絡くださいませ。
What You Will Learn!
- JavaScriptを基礎からわかりやすく
- ES6の文法をメインに
- NodeJs(npm)を使ったモダンJavaScriptの理解
- イベントリスナー、Promise、Ajax(非同期通信)の勘所
Who Should Attend!
- プログラミングに少しでも興味がある方
- ホームページにJavaScriptも含めたいと思っている方
- VueJsやjQueryから入ったためJavaScriptを復習したい方
- webpackやbabelを使った2020年時点での開発環境を知りたい方