강의

멘토링

커뮤니티

Programming

/

Front-end

Amazing JavaScript - Introduction

Fundamental JavaScript knowledge needed for frontend development. Essential knowledge that practitioners must know, explained easily and quickly. A basic course reflecting modern frontend development trends of 2024.

(4.9) 185 reviews

4,240 learners

Level Beginner

Course period Unlimited

  • captain
JavaScript
JavaScript
ES6
ES6
JavaScript
JavaScript
ES6
ES6
Thumbnail

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

일론 머스크

64% enrolled

If there was a Noah, he would have taken this lecture on his ark.

5.0

때구니

100% enrolled

It was a great lecture that was too good to be considered a free lecture. In particular, I learned a lot from the systematic step-by-step explanation of why it is necessary to handle asynchronous functions, how it has been used, and why it was made that way. This time, too, it was a lecture that I trusted and listened to by Pangyo.~~

5.0

똘똘이스머프

100% enrolled

Thank you for your valuable lecture. Stay healthy always.

What you will gain after the course

  • JavaScript development

  • JavaScript Basic Syntax

  • ES6+

First Steps in Frontend Development: JavaScript

This is a course where you can learn JavaScript fundamentals and modern syntax in a compressed format within a short time, which you must know before learning frameworks like React and Vue. The course is structured so you can learn just what you need when developing web applications with modern frontend frameworks :)

I recommend this for

Beginners
starting frontend development

I don't know what to learn first when starting FE development. How much JavaScript do I need to know?

JavaScript syntax
People who sort of understand but find it confusing

I learned React and Vue, but I don't know JavaScript syntax precisely. export default, async await, ..., then & catch, () => {} 😵‍💫

For those whose heads hurt
from lexical scope and prototypes

In practice, you can develop sufficiently without knowing these concepts. Learn only the necessary concepts in a practical way :)

After completing the course

  • You'll master the JavaScript basics and modern syntax needed to use frameworks.

  • You can build a strong foundation in the most important aspects of practical development: working with arrays, asynchronous processing, and modularization syntax.

  • JavaScript won't seem that difficult. We'll teach you only the essential syntax in an easy way :)

The features of this course

01j0vy9fgwmz5x59g26bh87xrh

Learn and review with comprehensive web materials that go beyond the class content

We provide website course materials so you can easily review what you learned in class. You can study additional topics you're interested in for free ❤

Short explanations, easy and ample practice

No matter how simply I explain it, difficult things are still difficult. I keep explanations as short as possible, covering only what's necessary, and explain things easily through code 😄

Here's what you'll learn ✍

1. JavaScript Basic Syntax

You'll learn the fundamentals of JavaScript including variables, functions, loops, conditionals, objects, arrays, and more. You can also easily learn about first-class functions, one of JavaScript's most important features :)

2. Modern JavaScript Syntax (ES6+)

The latest syntax was designed to write existing JavaScript syntax more concisely and quickly.
Rather than simply memorizing the syntax, we'll also explain the background of why it's written this way.

You can also take a complete journey through asynchronous processing, an important concept in JavaScript, from callbacks to async, await :)

The person who created this course👨‍💻

Captain Pangyo

"People Inflearn Met" Interview

Do you have any questions?

Q1. It seems like this is the first free course you've uploaded on Inflearn in 8 years. What prompted you to do this?

The reason I hadn't created a separate JavaScript course before was because I explained all the necessary JavaScript syntax throughout the Vue.js course roadmap. This time, while creating the React learning roadmap, I thought it would be necessary to have a video explaining the basic and essential JavaScript syntax.

Just as I received help from free videos like CodeSchool and Opentutorials when I first learned JavaScript, I decided to open this for free for the developer ecosystem :)

I hope you can also experience the enlightenment and joy I felt from good lectures ❤

Q2. Do I need to know HTML and CSS to take this course?

No. Since this is a class for understanding the basic concepts and syntax of JavaScript, you don't need to know HTML or CSS. While JavaScript has the ability to manipulate HTML and CSS, this aspect is not covered in the course. Still, since it's a free course, feel free to sign up and give it a try without any pressure :)

Q3. I already know some JavaScript (junior developer, professional) - should I still take this course?

Yes. Since it's a free course, you can check the curriculum and just learn the parts you need. If you already know basic syntax like variables, functions, conditionals, and arrays, you'll gain something by looking at ES6+ modern syntax and asynchronous processing :)

Q4. What course should I take next after completing this course?

I recommend following the learning roadmap provided on the course introduction page, either the React Learning Roadmap or the Vue Learning Roadmap. Depending on your learning goals, if you're aiming for employment, I'd recommend following the learning roadmap, and if your goal is personal business or product development, it would be good to pick what you need from the full course list :)

Q5. I want to learn more advanced content.

Amazing JavaScript was named after the Amazing Spiderman series. Just as there are multiple Spiderman movies, we plan to film follow-up courses for JavaScript at beginner, practical, and advanced levels. Please take the course and leave reviews so that your energy and support can help us bring you content more quickly :)

Things to Note Before Taking the Course

Practice Environment

  • Operating System and Version (OS): The course uses Mac, but all Windows-related shortcuts are also explained.

  • Tools used: The course uses only the Chrome browser without installing any separate development tools.

Learning Materials

  • A web textbook and blog are provided where you can learn more extensive content in an engaging way beyond what's covered in class.

  • We also provide many free educational videos throughout the course where you can easily learn the topics mentioned 🎁

Prerequisites and Important Notes

  • This class is best suited for those who have programmed at least once in other languages such as C, Java, or Python.


띠배너

Recommended for
these people

Who is this course right for?

  • Frontend Development Beginner

  • Developers interested in JavaScript

Hello
This is

49,267

Learners

4,853

Reviews

3,816

Answers

4.9

Rating

19

Courses

I have been sharing knowledge on Inflearn for 8 years. 🏠 Tech Blog, 📣 Twitter, 💻 GitHub

📗 Do it! Vue.js Introduction, Easy TypeScript and 3 other books authored
📖 Cracking Vue.js, TypeScript Handbook, Webpack Handbook. 3 online free guidebooks authored
👨‍💻 Operating Captain Pangyo's Frontend Development YouTube Channel - A place to hear the concerns of job seekers and junior developers
🥤 Operating Captain Pangyo's KakaoTalk Open Chat Room - A place to get the latest frontend development information and hear the thoughts and concerns of industry peers

Curriculum

All

42 lectures ∙ (2hr 56min)

Published: 
Last updated: 

Reviews

All

185 reviews

4.9

185 reviews

  • elonmusk님의 프로필 이미지
    elonmusk

    Reviews 64

    Average Rating 4.8

    5

    64% enrolled

    If there was a Noah, he would have taken this lecture on his ark.

    • captain
      Instructor

      Thank you for your compliments, Elon Musk. It's an honor. :)

  • taegeunkim2252님의 프로필 이미지
    taegeunkim2252

    Reviews 25

    Average Rating 5.0

    5

    100% enrolled

    It was a great lecture that was too good to be considered a free lecture. In particular, I learned a lot from the systematic step-by-step explanation of why it is necessary to handle asynchronous functions, how it has been used, and why it was made that way. This time, too, it was a lecture that I trusted and listened to by Pangyo.~~

    • kjo63915952님의 프로필 이미지
      kjo63915952

      Reviews 8

      Average Rating 4.9

      5

      31% enrolled

      • hyongsu44님의 프로필 이미지
        hyongsu44

        Reviews 868

        Average Rating 5.0

        5

        100% enrolled

        Thank you for your valuable lecture. Stay healthy always.

        • captain
          Instructor

          Thank you. Stay healthy, Smurf :)

      • heyok10074415님의 프로필 이미지
        heyok10074415

        Reviews 3

        Average Rating 5.0

        5

        31% enrolled

        Free

        captain's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!