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

/

Front-end

Simple Async JS

This course systematically teaches from JavaScript synchronous/asynchronous concepts, asynchronous processing methods incorporating the latest syntax such as Promise and async/await, and practical HTTP communication.

(5.0) 7 reviews

102 learners

JavaScript
promise
async-await
fetch-api
Ajax

Reviews from Early Learners

What you will learn!

  • Working Principles of JavaScript Engines and the Runtime Environment

  • Asynchronous programming using Promise, async/await

  • Practical HTTP Communication using the Fetch API

  • Error handling in asynchronous code

<Floating JavaScript Async> for Front-end Developers

1⃣ Complete understanding of asynchronous programming

Are you curious about how JavaScript works? Do you want to learn about asynchrony? You can learn about the entire range of asynchronous programming, from asynchronous operation principles to asynchronous control and asynchronous communication.

  • Understanding how JavaScript engines work

  • Learning the interactions between Web APIs, callback queues, and event loops

  • The concept of asynchrony to visually learn the execution order of code

2⃣ Grow into a front-end developer with strong practical skills

You can understand asynchronous control patterns and practical API communication frequently used in practice.

  • Limitations of callback functions and solutions through Promises

  • Managing the status of a promise (pending, fulfilled, rejected)

  • Intuitive asynchronous control using async/await

  • Implementing real-world HTTP communication via fetch API

3⃣ Perfect Answers to Common Technical Interview Questions

Answer the common interview question, “Explain how JavaScript handles asynchronous processing.” with confidence!

  • Explain how the JavaScript runtime environment works.

  • Understanding the Priorities of Microtask Queues and Macrotask Queues

  • Understand the differences and pros and cons of Promises and callback functions

  • Familiarize yourself with HTTP status codes and error handling methods.

I recommend this to these people

  • Those who have basic JavaScript skills but find the concept of asynchronous communication difficult

  • Front-end developer who handles API communication in practice

  • Anyone who wants to solidify their understanding of asynchronous concepts before a technical interview


After class

You can clearly understand and explain how the JavaScript engine and runtime work.

You can choose the asynchronous processing method that suits the situation, from callbacks to Promises and async/await.

You can understand the flow of HTTP communication and implement practical APIs.

Features of this course

Please introduce the key features and differentiating factors.

📚 Systematic curriculum

  • Structure and operation principles of the JavaScript engine

  • The development process and characteristics of asynchronous processing

💻 Step-by-step tutorial

  • Asynchronous operation principles explained with code and pictures

  • Practice various asynchronous processing codes

🎯 Practical curriculum

  • Communication via the latest Fetch API


  • Data processing practice through real API connection
    * Provides educational API services

Learn about these things

Chapter 1. Synchronous and Asynchronous

  • Synchronous/Asynchronous Programming Concepts

  • Structure and operation principles of the JavaScript engine

  • Relationship between the call stack and the event loop at runtime

Chapter 2. Asynchronous Control

  • Callback functions and callback hell

  • Asynchronous control using Promises

  • Modern asynchronous control with async/await

Chapter 3. Asynchronous communication and practice

  • Concept of HTTP communication

  • Understanding AJAX and the Fetch API

  • Data communication using Fetch API

  • Real-world API integration project

    • Utilize Winib's educational API service.


Things to note before taking the class

Practice environment

  • The course will be taught on macOS, but you can take the course regardless of your operating system.

  • Tools used: Visual Studio Code, Chrome browser

Learning Materials

Recommended for
these people

Who is this course right for?

  • For those who want to clearly understand JavaScript's asynchronous processing concept

  • For those who want to write clean asynchronous code

  • Wanting to handle Web API communication in practice

Need to know before starting?

  • JavaScript basic syntax

Hello
This is

101,968

Learners

2,484

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

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

제주코딩베이스캠프란?

 

 

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

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


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

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

 


 

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

제코베 로드맵.png.webp

 

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

 

- 1.png.webp

 

Curriculum

All

8 lectures ∙ (1hr 8min)

Published: 
Last updated: 

Reviews

All

7 reviews

5.0

7 reviews

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

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

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

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

      Reviews 36

      Average Rating 4.9

      5

      63% enrolled

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

        Reviews 37

        Average Rating 5.0

        5

        100% enrolled

        좋은 강의 잘 들었습니다.

        • LuckyStrike님의 프로필 이미지
          LuckyStrike

          Reviews 17

          Average Rating 5.0

          5

          38% enrolled

          강의 잘 듣고있습니다:)

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

            Reviews 6

            Average Rating 5.0

            5

            38% enrolled

            $8.80

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!