Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Front-end

やさしいジャバスクリプト非同期

JavaScriptの同期/非同期の概念から、Promise、async/awaitなどの最新の構文を取り入れた非同期処理の方法と実践的なHTTP通信まで、体系的に学習する講座です。

JavaScript
promise
async-await
fetch-api
Ajax

学習した受講者のレビュー

こんなことが学べます

  • JavaScriptエンジンの動作原理とランタイム環境

  • Promise、async/await を用いた非同期プログラミング

  • Fetch APIを活用した実践HTTP通信

  • 非同期コードのエラー処理

フロントエンドの開発者のための「食べるJavaScriptの非同期」

1⃣非同期プログラミングの完全な理解

JavaScriptの動作原理が気になりましたか?非同期について学びたいですか?非同期動作原理から非同期制御、非同期通信まで、非同期プログラミングの全般を学習できます。

  • JavaScriptエンジンの動作原理を理解する

  • Web API、コールバックキュー、イベントループの対話学習

  • コードの実行順序を視覚的に学ぶ非同期の概念

2⃣実務に強いフロントエンド開発者として成長

実務でよく使われる非同期制御パターンと本番 API 通信を理解できます。

  • コールバック関数の制限とPromiseによる解決

  • Promise の状態 (pending, fulfilled, rejected) 管理

  • async/awaitを利用した直感的な非同期制御

  • fetch APIによる本番HTTP通信の実装

3⃣技術面接常連の質問完璧な答え

面接常連の質問「JavaScriptの非同期処理方法について説明してください」、この質問に自信を持って答えてください!

  • JavaScriptランタイム環境の動作方法の説明

  • マイクロタスクキューとマクロタスクキューの優先順位の理解

  • Promiseとコールバック関数の違いと長所と短所を特定する

  • HTTPステータスコードとエラーの処理方法を理解する

こんな方におすすめです

  • JavaScriptの基本はありますが、非同期の概念が難しい人

  • 実務におけるAPI通信を扱うフロントエンド開発者

  • 技術面接を控えて非同期概念をしっかり固めたい人


受講後は

✅JavaScriptエンジンとランタイムの動作原理を明確に理解して説明できます。

コールバックからPromise、async / awaitまで、状況に応じた非同期処理方式を選択できます。

HTTP通信の流れを理解し、本番APIを実装できます。

この講義の特徴

重要な特徴と差別点を紹介してください。

📚体系的なカリーキュラム

  • JavaScriptエンジンの構造と動作原理

  • 非同期処理方式の発展過程と特徴

💻ステップバイステップの練習

  • コードと図で調べる非同期動作原理

  • さまざまな非同期処理コードの実習

🎯実務中心カリキュラム

  • 最新のFetch APIを介した通信


  • 本番 API 連携によるデータ処理実習
    *教育用apiサービスを提供します

このようなことを学びます。

第1章同期と非同期

  • 同期/非同期プログラミングの概念

  • JavaScriptエンジンの構造と動作原理

  • 実行時のコールスタックとイベントループの関係

第2章非同期制御

  • コールバック関数とコールバック地獄

  • Promiseによる非同期制御

  • async/awaitによる最新の非同期制御

第3章非同期通信と実習

  • HTTP通信の概念

  • AJAXの理解とFetch API

  • Fetch APIを利用したデータ通信

  • 本番API連動プロジェクト

    • ウィニブの教育用APIサービスを活用します。


受講前の注意

練習環境

  • 講義はmacOS環境で行われますが、オペレーティングシステムに関係なく受講できます。

  • 使用ツール:Visual Studio Code、Chromeブラウザ

学習資料

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptの非同期処理の概念をしっかり知りたい方

  • 読みやすい非同期コードを作成したい方

  • ウェブAPI通信を実務で扱いたい方

前提知識、
必要でしょうか?

  • ジャバスクリプト基本文法

こんにちは
です。

101,926

受講生

2,479

受講レビュー

163

回答

4.8

講座評価

80

講座

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

カリキュラム

全体

8件 ∙ (1時間 8分)

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

受講レビュー

全体

7件

5.0

7件の受講レビュー

  • 정조윤님의 프로필 이미지
    정조윤

    受講レビュー 9

    平均評価 5.0

    5

    100% 受講後に作成

    저에게는 callback부터 async-await까지 다다르게 된 과정의 강의가 킥이었습니다. 제주코딩베이스캠프님, 생존하셨습니다. 축하 드립니다.

    • Estados Unidos님의 프로필 이미지
      Estados Unidos

      受講レビュー 36

      平均評価 4.9

      5

      63% 受講後に作成

      • monkey-k 777님의 프로필 이미지
        monkey-k 777

        受講レビュー 37

        平均評価 5.0

        5

        100% 受講後に作成

        좋은 강의 잘 들었습니다.

        • LuckyStrike님의 프로필 이미지
          LuckyStrike

          受講レビュー 16

          平均評価 5.0

          5

          38% 受講後に作成

          강의 잘 듣고있습니다:)

          • gunho.lee님의 프로필 이미지
            gunho.lee

            受講レビュー 6

            平均評価 5.0

            5

            38% 受講後に作成

            ¥1,347

            jejucodingの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!