JavaScriptをとことんやってみよう【超初心者から脱初心者へレベルアップ】【わかりやすさ重視】
What you'll learn
- JavaScriptを基礎からわかりやすく
- ES6の文法をメインに
- NodeJs(npm)を使ったモダンJavaScriptの理解
- イベントリスナー、Promise、Ajax(非同期通信)の勘所
Requirements
- インターネット接続可能なパソコン
- HTML/CSSを多少知っておくといいです(動画内で簡単な解説はしています)
- わからない事があったら遠慮なく質問する主体性
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)』
に重点をおいて解説をしています。
初心者の頃に詰まった事、知っておきたかった事など、
過去の自分に向けるように構成し、
まったくの超初心者から、脱初心者へ、
ぐいーんとレベルアップできるような内容になっていると思います。
■扱っていること
書き方/変数・型/関数・アロー関数/コールバック関数/配列・オブジェクト・連想配列/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
追加動画も検討していますのでぜひお気軽にご連絡くださいませ。
Who this course is for:
- プログラミングに少しでも興味がある方
- ホームページにJavaScriptも含めたいと思っている方
- VueJsやjQueryから入ったためJavaScriptを復習したい方
- webpackやbabelを使った2020年時点での開発環境を知りたい方
Instructor
Webマーケッター/システムエンジニア/キュレーター。
(要はなんでも屋)
難しいことをわかりやすく伝える事が生きがいです。
次世代の教育に関心あり。
プログラミング講座を作成するにあたり、
プログラミング初心者だった頃の自分に向けるよう、
できるだけ専門用語を減らし、
イメージ重視で少しでもわかりやすくなるよう
画像や図を使い、
抽象的な表現から具体的に落とし込むようにしています。
『もんプロ~問題発見と解決としてのプログラミング~』
というブログをやっています。
PHP/Laravel/JavaScript/Vue.js/React.js/TypeScript/P5.js/Python/TailwindCss/GAS/ExcelVBAなどなど。