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

/

Front-end

Amazing JavaScript - Introduction

Basic knowledge of JavaScript required for front-end development. Explains essential knowledge that practitioners must know in an easy and fast way. Basic lecture reflecting the 2024 Hyundai front-end development trend.

(4.9) 129 reviews

3,856 learners

  • captain
자바스크립트
JavaScript
ES6
Thumbnail

Reviews from Early Learners

What you will learn!

  • JavaScript Development

  • JavaScript Basic Grammar

  • ES6+

The First Step to Front-End Development: JavaScript

This course will help you quickly learn the essential JavaScript fundamentals and modern syntax needed before learning frameworks like React and Vue. The course is structured so you can learn just the right amount of knowledge to develop web applications using the latest front-end frameworks. :)

I recommend this to these people

Front-end development
Beginners who are just starting out

I'm not sure where to start learning FE development. How much JavaScript do I need to know?

JavaScript syntax
People who are vague and vague

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

Lexical Scope, Prototype
People who have a headache because of this

In practice, you can develop without knowing these concepts. Just learn the concepts you need in a practical way :)

After class

  • Master the basics and latest JavaScript syntax needed to use the framework.

  • You can learn the basics of array handling, asynchronous processing, and modular grammar, which are most important in practical development.

  • JavaScript doesn't seem that difficult. It's simple, but I'll teach you only the essential grammar :)

Features of this course

01j0vy9fgwmz5x59g26bh87xrh

Study and review with web-based teaching materials that are more extensive than the class content.

We provide website lesson plans to help you easily review what you learned in class. If you'd like to study further, you can do so for free .

The explanation is short and the practice is easy and sufficient.

No matter how simple an explanation may be, difficult things are still difficult. I'll keep my explanations brief and only cover the essential parts, then break them down into easy-to-understand code . 😄

Learn these things

1. Basic JavaScript Grammar

You'll learn the most fundamental JavaScript concepts: variables, functions, loops, conditional statements, objects, and arrays. You'll also easily learn about first-class functions, one of JavaScript's most distinctive features :)

2. Latest JavaScript syntax (ES6+)

The latest syntax is designed to make existing JavaScript syntax more concise and faster to write.
Rather than simply memorizing grammar, we also explain the background of why it is written this way.

You can also learn about asynchronous processing, an important concept in JavaScript, from callbacks async, await :)

Who created this course 👨‍💻

Jang Gi-hyo (Captain Pangyo)

Interview with "People Met by Inflearn"


Do you have any questions?

Q1. This is your first free lecture on Inflearn in eight years. What prompted you to do so?

The reason I didn't create a separate JavaScript course before was because I already covered all the necessary JavaScript grammar throughout the Vue.js course roadmap . But while creating the React learning roadmap, I realized I needed a video explaining the basics and essential JavaScript grammar.

Just as I was helped by free videos like CodeSchool and Life Coding when I first started learning JavaScript, I decided to open it up for free for the developer ecosystem :)

I hope you can experience the enlightenment and fun I had with my great lectures

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

No. This course covers the basic concepts and syntax of JavaScript, so you don't need to know HTML or CSS. JavaScript has the ability to manipulate HTML and CSS, but this isn't covered in the lecture. Still, since it's free, feel free to sign up and take the class. :)

Q3. I know some JavaScript (junior, working professional). Can I join?

Yes. This is a free course, so you can just review the curriculum and learn what you need. If you already know basic grammar like variables, functions, conditionals, and arrays, you'll gain a lot from exploring the latest ES6+ grammar and asynchronous processing. :)

Q4. After taking this lecture, what would be a good next lecture to take?

I recommend taking either the React Learning Roadmap or the Vue Learning Roadmap , following the learning roadmaps provided on the course introduction page. If you're learning development for employment, I recommend the Learning Roadmap. If you're pursuing a personal business or product development, I recommend choosing the courses that best suit your needs from the full course list. :)

Q5. I would like to hear more in-depth information.

Amazing JavaScript is named after the Amazing Spiderman series. Just as there are multiple Spiderman films , we plan to film follow-up lectures on JavaScript at introductory, practical, and application levels . Your support and encouragement will help us deliver content faster, so please take the lectures and leave a review. :)

Things to note before taking the course

Practice environment

  • Operating System and Version (OS): I will be using a Mac in this course, but I will also cover all Windows-related shortcuts.

  • Tools used: Classes are taught using only the Chrome browser without installing separate development tools.

Learning Materials

  • We provide web-based textbooks and blogs that allow you to learn more in a fun way than what you learn in class.

  • We also provide many free educational videos that help you easily learn the content mentioned throughout the class 🎁

Player Knowledge and Precautions

  • This is the best course for those who have experience programming in other languages such as C, Java, or Python.


Ribbon banner

Recommended for
these people

Who is this course right for?

  • Front-end development beginner

  • Developers interested in JavaScript

Hello
This is

48,013

Learners

4,651

Reviews

3,812

Answers

4.9

Rating

17

Courses

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

Curriculum

All

42 lectures ∙ (2hr 56min)

Published: 
Last updated: 

Reviews

All

129 reviews

4.9

129 reviews

  • 일론 머스크님의 프로필 이미지
    일론 머스크

    Reviews 63

    Average Rating 4.7

    5

    64% enrolled

    노아가 있다면 이 강의를 방주에 실었을 것이다.

    • 장기효(캡틴판교)
      Instructor

      과찬이십니다 일론 머스크님. 영광이네요.. :)

  • 때구니님의 프로필 이미지
    때구니

    Reviews 25

    Average Rating 5.0

    5

    100% enrolled

    무료 강의라고 보기에는 너무 훌륭한 명강의였습니다. 특히 비동기 함수의 처리에 대해 왜 필요한지, 어떻게 사용하여 왔는 지, 왜 그렇게 만들었는 지등 체계적으로 단계적 설명을 해 주셔서 너무 많은 것을 배웠습니다. 이번에도 역시 믿고 듣는 판교님 강의였습니다.~~

    • kjo6391님의 프로필 이미지
      kjo6391

      Reviews 8

      Average Rating 4.9

      5

      31% enrolled

      • 똘똘이스머프님의 프로필 이미지
        똘똘이스머프

        Reviews 868

        Average Rating 5.0

        5

        100% enrolled

        귀한 강의 감사드립니다. 항상 건강하세요.

      • 김용준님의 프로필 이미지
        김용준

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        짧은시일에 기본기를 복습하고자 할떄 좋은거 같아요

        Free

        captain's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!