인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST

JavaScript を徹底的に理解する - by 얄코(Yalco)

コアルモットもフォローできるフレンドリーな講座! 現業開発者はJavaScript博士に入るエンドプレート王講座!

JavaScript
Thumbnail

初級者のための講座です。

こんなことが学べます

  • JavaScript の基本から詳細な文法、高度な使用方法まで

  • 最新の文法と現代的なJavaScriptの活用法

  • JavaScriptに関する深い理論と実践的な知識

  • オブジェクト指向と関数型プログラミングによるJavaScript

  • レキシカルスコープ、クロージャ、動的バインディングなどの高度な概念

  • Promise や async を通した非同期プログラミング

  • モジュール、バンドリング、コンパイル、ドキュメンテーションなどの実用的な活用法

  • DOM を使用して Web 開発に活用する

一度受講すれば、他の講義が必要ないように
ちゃんとJSに掘り下げてみてください🛠️

🎓大学の電子メールアカウントをお持ちですか?
👉 大学生半額クーポンをもらう(クリック)

JavaScript言語集中攻略🔥

一度受講したら、他の講義を聞く必要のない講義を作りたかったです。初心者として基礎講義を聞いた後、実務に飛び込んだときに何か不足しているという感じを受ける方が多いでしょうか?高級講義やコンテンツを探り回り、渇きを満たす手間を軽減しようと思っています

この講義はJavaScript言語を集中的に深く掘り下げる講義であり、Web開発の適用は最後のセクションで重要な部分だけを扱います。受講前のカリキュラムを確認してください。

基礎から高級まで
文法と機能の詳細

オブジェクト指向、関数型プログラミング
良いコードを書くノウハウまで

レキシカルスコープ、クロージャなど
難解な高度な概念も簡単


こんな方にオススメです🙋‍♀️

🍼

開発に入ってから
コーディングを学び始めた方

🎨

HTML&CSSを学び、
JavaScriptを学ぶ人

🪴

リアクトやビューなどを使うが
JS基礎が惜しい開発者

⛏️

JavaScriptを正しく
掘り下げたい事業開発者

🟨

Node.js、リアクトネイティブなど
JSを書く分野の開発者


この講義だけの特長 ✨

迅速かつ簡単
ビデオ講義🚀

さりげなく涼しい進行であなたの大切な時間を節約します。 受講者によって速度が速く感じられる点ご了承ください。ぜひ無料公開映像を見て受講してください!

Youtube Yalcoの簡単で明快な説明

ツーマッチの説明
詳細な講義🎙️

JavaScriptの文法とその単純な使い方だけでなく、ブラウザコンソールを活用してJavaScriptがどのように動作するか、使用されるデータがどのような構造で構成されているかなどを深く掘り下げます。詳細な学習のために、多数のサンプルコードが用意されています。

設定し、作成した例と詳細な説明を通して正しく売る学習

Webページ経由
便利な練習🖥️

川ごとに映像の主なポイントと、貼り付け可能な実習命令とコードがウェブページにまとめられており、これに沿って応用し、手軽に実習を進めることができます。エディタを別途使用する必要がなく、ブラウザのコンソール機能を活用して手軽でより効果的に実習が進められます。

レッスンページとブラウザコンソールを活用した便利で効率的な練習

基礎内容
無料公開😎

学生の方も気軽に勉強できるよう、半分分をプレビューを通じて無料で公開します。


この講義を聞くと
何が変わりますか? 💪

  • ✅入門者や非専攻者は、コーディングに対する恐れがなくなります。
  • ✅ どんどん知っていた、よく知らず使用していた部分を明確に理解することになります。
  • ✅高度な機能と難解な概念を確実に理解し、実務に活用できるようになります。
  • ✅JavaScriptのコードをより効率的かつ有益に書くことができます。
  • ✅JavaScriptを自分で分析し、掘り下げることができる内空を備えるようになります。

どんな内容
学びますか? 📚

🏁 Section 0. イントロ

  • JavaScript言語の紹介
  • 受講方法(⚠️必須視聴) / 受講のための環境設定


🌱 Section 1. JavaScriptの基本的な使用

  • コンソールと注釈、セミコロンの使い方
  • 変数と定数の概念と内部原理/メモリの概念


🎲 Section 2. データ型と演算子

  • データ型の概念と動的データ型/浮動小数点誤差概念
  • 生型データ型、一緒に使用される演算子
  • 生タイプと参照タイプの概念と原理


🚥 Section 3. 制御文

  • ブロックドアとスコープの概念/スコープチェーンとスタック
  • 条件文(if, else, switch)と実戦活用法
  • for文(通常、オブジェクト、配列)/(do)whileによる反復


🦾 Section 4. 関数

  • 関数と型と使い方
  • 一級オブジェクトの概念と基礎関数型プログラミング
  • パラメータ関連機能/その他の機能関連の高度な概念と活用のヒント


🧇 Section 5. オブジェクトとクラス

  • オブジェクトの概念と文法と活用法/新規簡便文法
  • コンストラクタ関数とクラス/アクセサプロパティと利用
  • JavaScriptのオブジェクト指向プログラミング


⚙️ Section 6. 主要なビルトインオブジェクト

  • グローバルオブジェクト、標準ビルトインオブジェクトの概念
  • 主なビルトインプロパティとメソッド
  • ラッパーオブジェクト、Math、Dateなどの組み込みオブジェクトの詳細な活用法


🍡 Section 7. 配列

  • JavaScriptの配列の特性と使用法
  • 配列関連の新規簡便文法と基本メソッド
  • 高次関数メソッドと連鎖による関数型プログラミング


🩻 Section 8. オブジェクトを深く扱う

  • Objectオブジェクトと主なメソッド/プロパティ属性
  • 深い凍結とコピー/JSONによるシリアル化と解析


🧮 Section 9. 追加データ型

  • 数値データ型の打診法 / ビット演算 / BigInt
  • シンボル概念と文法、活用法


🚃 Section 10. イテラブルとジェネレータ

  • SetとMapの文法と使い方
  • イテラブルとジェネレータの実装と活用法


⛑️ Section 11. 問題に備えて

  • エラーハンドリング/タイプ別対処とカスタマイジング/バブリングの概念
  • varの問題/厳格モード/オプションチェイン


📦 Section 12. スコープとバインディング

  • レキシカルスコープの概念/環境記録
  • クロージャの概念と活用法
  • 静的バインディングと動的バインディング/矢印関数の特性と利用


🧬 Section 13. プロトタイプ

  • プロロタイプとチェーンの概念/アプローチと活用法
  • インスタンスとプロトタイプのプロパティ
  • プロトタイプを活用した継承/ミキシンの概念実装


🛣️ Section 14. 非同期プログラミング

  • 非同期の概念と実装
  • プロミスの文法と活用、関連メソッド
  • async&awaitによる簡単
  • プロミスとasyncのネットワーク上で活用


💻 Section 15. コードファイルの取り扱い

  • HTMLへのロード方式/モジュリング
  • バンドルと旧バージョンのコンパイル
  • JSDocによるヒントと自動文書化/デバッグ


🌐 Section 16. ウェブページに活用する

  • DOMの概念とJavaScript上の内部構造
  • 要素の選択と操作、イベントの実装と活用

受講前の注意 📢

練習環境

  • オペレーティングシステムとバージョン(OS) :Windows、Mac、Linuxの両方で学習できます。
  • 使用ツール:ブラウザ(ChromeまたはEdge推奨)でほとんどの練習が行われます。
  • エディタ:レッスンではVSコードを使用します。 (講義後半部のみ必須設置)

学習資料

選手の知識と注意

  • プログラミングを初めて始める人も受講できるように制作しました。
    • HTML、CSSに関する知識は、16のセクションのうち最後のセクションでのみ必要です。
  • 受講者によっては講義のスピードが速くなるので、無料パートを先に見てみましょう!
    • 講義ページを一緒に活用して、次々と授業に従うことができます。
  • 質問は必ず講義ページにご案内いただいた方式(メール)でお送りください。

よくある質問
確認してください💬

Q. JavaScriptを学んだら何ができますか?

A. 今日のJavaScriptの活用度は無関心です。フロントエンド開発者としてウェブサイトを作成できるだけでなく、Node.jsベースのサーバーも構築できます。モバイルアプリやデスクトッププログラムも作成でき、機械学習にも活用できます。

Q. プログラミングに初めて接するのに授業を聞くことができますか?

A. コーディングが初めての方もフォローできるよう講義を企画して制作しました。非専攻者も難なく知ることができるように簡単な用語を使用し、プログラミング経験のない人のためにコードの動作原理を詳しく説明します。ブラウザコンソールを活用することで、複雑な設置過程がなくても講義を受講することができ、講義ページを補助教材として活用して実習をじっくりと追いつくことができます。ただし受講者によっては進行が非常に早く感じられるので、ヤルコ講義が初めての場合は無料パートをぜひ事前に確認してみてください。

Q. すでにJavaScriptで実務をしていますが、講義がどれほど役に立ちますか?

A. JavaScriptを「適度に」だけ知っても開発ができますが、これを「きちんと」深く勉強してみた経験がなければ、この言語の特性と強みを実務に引き出すことに限界があります。 JavaScriptを設定し、パゴドはこの講義を受講した後、JavaScriptを「JavaScriptらしく」使用することが分かり、これまで使用してきた機能を分析してより効果的に活用する方法も学ぶことになります。また、JavaScriptについて知っていることや知らないことのドゥルムンハクハムから離れて、この言語で何でもできるという自信を持つことになります。

Q. この講義を聞くとWeb開発ができるようになりますか?

A. 本講義は、JavaScriptとは言語自体の文法と理論的知識、そして高度な活用法などを深く掘り下げるために作られました。 16のうち最後のセクションでDOMを学び、HTML、CSSと連携してウェブサイトに活用する実習を行いますが、これらについては重要な部分、そしてJavaScriptの観点から深く分析する内容中心に取り上げます。フロントエンド開発を本格的に実習するウェブ開発講義は、機会があれば別に作るようにします。

Q. HTML と CSS に関する知識が必要か、役に立ちますか?

A.(上記の質問にリンクされています)WebページのJavaScriptを利用する部分は最後のセクションでしかないので、以前の15セクションではHTMLとCSSについて知らなくても講義を受講することに支障はありません。基礎的な知識を持っているなら、セクション16も大きな無理なく受講できます。

Q. 講義の速度が速くて難しくないでしょうか?

A. 映像の進行は早いですが、各川ごとに講義ページがリンクされていて映像の内容を楽に復習して実習できるようにしておきました。ページのあちこちの例とブラウザコンソールを活用して、あなたの時間効率を最大限に活用する学習を進めることができるでしょう!


ヤルコは誰ですか? 😀

YouTube チャンネル ヤルパクなコーディング辞典を放送するYouTubeであり、 IT書籍を執筆する作家です。フルスタック開発者として働いてきた経験を活かし、難しいプログラミング概念を初心者が理解しやすくするためのたとえ話と簡単な例、時にはアニメーションで説明するコンテンツを作っています。

🎬 YouTube ヤルパクコーディング辞書チャンネル(クリック!)
📕ヤルコの本を見に行く(クリック!)

こんな方に
おすすめです!

学習対象は
誰でしょう?

  • コーディングを学び始めた人

  • Web 開発を始めたい人

  • React や Vue を扱いますが、JavaScript の知識が不足している開発者

  • JavaScriptを「正しく」理解したい現役開発者

  • JavaScript をより効果的に活用したい人

こんにちは
yalcoです。

25,700

受講生

1,063

受講レビュー

77

回答

4.9

講座評価

12

講座

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

もっと見る

カリキュラム

全体

81件 ∙ (14時間 19分)

講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなに役立つ受講レビューを書いてください!

¥5,092

23%

¥6,620