Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Programming Language

Learning JavaScript by Focusing on the Essentials

Javascript syntax that frontend beginners must learn! From basic to advanced, let's delve into the JavaScript language from A to Z!

(5.0) 5 reviews

80 learners

  • sucoding
프론트엔드
백엔드
실습 중심
JavaScript

Reviews from Early Learners

What you will learn!

  • JavaScript Basic Syntax (Variable Declaration, Data Types, Operators)

  • Conditional statements (if, switch) and loop statements (for, while, forEach)

  • Function definition and calling (function, arrow function)

  • Handling Objects and Arrays

  • Array methods (map, filter, reduce, etc.)

  • Event handling (event listeners for click, hover, etc.)

  • DOM manipulation (HTML element selection, addition, deletion, modification)

  • Asynchronous processing in JavaScript (setTimeout, setInterval, promise)

  • Server and Data Communication via AJAX (fetch API)

  • JavaScript's `this` and Binding

  • Closures and higher-order functions

  • ES6+ syntax (let, const, template literals, destructuring, etc.)

  • Classes and Object-Oriented Programming (OOP) Techniques

  • Error handling (try, catch, finally)

  • Advanced JavaScript Asynchronous Programming (async/await)

  • How to use Local Storage and Session Storage

  • JavaScript performance optimization techniques in browsers

  • Hands-on project practice (e.g., to-do list, calculator, weather app, etc.)

JavaScript that is easy to understand even for non-majors!!
🛩 Sucoding's Front-End Roadmap Series Step 3! 🛩

Bestseller in Introduction to HTML/CSS/JS

The Sucoding online course has been published as a book!

2022 『Coding Self-study HTML+CSS+JavaScript』 published! 🎉

The Sucoding online course has also been published as a book.
It is the best-seller in the HTML/CSS introductory category that has never left the top spot since its release. 😎
If you read it together with the book, the synergy increases several times.

purchase

cover_hcj__front_border

I'm curious

What do you learn?

In JavaScript, you will learn the core functions for implementing dynamic web pages . JavaScript is an essential language for adding interactive elements that cannot be implemented with HTML and CSS alone. However, it is difficult to learn and master all the JavaScript functions at once.

In this course, we will learn only the core JavaScript functions that are frequently used in practice . We boldly excluded complex or rarely used functions and focused on parts that are frequently used in actual web pages, such as DOM manipulation , event handling , and asynchronous processing .

Through this, even beginners can learn the core concepts and techniques of JavaScript easily and efficiently, and naturally acquire development skills that can be applied immediately in practice .

Even complete beginners are welcome,

I'll teach you everything step by step, starting from the basics.

JavaScript is one of the most important languages to learn on the front end, but
It might be a little difficult for beginners.
But don't worry!

We will explain each step carefully and kindly so that you can build a solid foundation from the beginning .

We'll walk you through easy examples and practical exercises so even beginners can learn with confidence ! 🚀

Learn the core concepts of JavaScript one by one,
Naturally learn techniques that you can apply to real web pages !

Only for Sucoding lectures
Special point

Core-focused curriculum optimized for practice

  • We've minimized complex theories and selected only the JavaScript grammar that is frequently used in actual projects .

  • You can learn practical JavaScript techniques that can be immediately applied in practice, such as DOM manipulation , event handling , and asynchronous processing .

Intuitive explanations and hands-on lectures to help you understand

  • We explain concepts step by step so that even beginners to JavaScript can easily understand them , and you learn in an example → practice manner.

  • This is a hands-on, hands-on course that teaches you how to code , helping you apply theory directly to real life.

Curriculum based on real projects

  • This course teaches you through projects that create actual web pages and app UIs, not just simple theories.

  • You can experience situations similar to real-world situations and even develop problem-solving skills .

We generously share practical tips and developer know-how.

  • We will teach you practical tips from working developers that are not found in textbooks, as well as ways to improve work efficiency .

  • In addition to JavaScript, it also provides direction for growing as a front-end developer .

Customized student feedback and detailed Q&A support

  • Provides quick and friendly feedback to students' questions.

  • It points out common mistakes and confusing parts and maximizes each individual's learning effect.

wait a minute!

Did you know that even in lectures, there is a 'knot' that suits me?

Just as a great game that everyone recognizes may not be fun for me ,
Lectures aren't the same for everyone.

No matter how much praise there is in a lecture, it may not be right for me .
Conversely, what is an ordinary lecture to someone else may be the best lecture to me .

So, at least 10% of all my lectures are free .
Come listen for yourself and see if it's the 'match' between you and your style !

If you and I get along well,
Let me show you the fastest route to becoming a front-end developer .
Trust and follow! 🚀

Designed from a beginner's perspective
Customized curriculum

Basic Practice
Sufficient basic training

You can systematically learn the basic concepts of JavaScript by conducting basic exercises according to your learning progress.
By writing actual code using core grammar and basic functions , you will learn how to apply them in real life and experience both theory and practice.
We help you build confidence through step-by-step practice from the basics.

Layout
Organize your notes

When learning a difficult language, note-taking is essential!
Sucoding provides about 39 note-taking methods to help you organize what you have learned systematically .
You can easily organize key concepts and important points and improve your understanding through review .
It will serve as an important guide for learning JavaScript, helping you solidify your skills.

DOM
UI Practice

It would be a shame to learn DOM without UI !
By providing a real UI , you can learn how to apply JavaScript in a more vivid way.
Learn practical skills by dynamically changing HTML elements through DOM manipulation and implementing user interactions .
You can experience the real use of JavaScript by learning UI and DOM together.

Form
Login screen


Let's create the most common form that can be manipulated with JavaScript: a login screen .
You will learn form validation and user input processing , and experience dynamic form management using JavaScript .
By implementing a login screen, you will practice frequently used form-related functions and learn essential skills for real web applications.

Todo
Todo List

You'll wrap up your learning by applying all your JavaScript knowledge while building a to-do management app .
You will practice core technologies such as JavaScript array manipulation , event handling , and local storage utilization while implementing functions such as adding, deleting, and modifying tasks.
This project will help you learn practical uses of JavaScript and gain experience creating high-quality applications .

Frequently Asked Questions

Q. I'm a complete beginner and don't know anything. Is that okay?
A. Yes, that's really fine. It's a customized course designed so that people who don't know anything can learn.

Q. I bought the book. Do I need to buy the online course as well?
A. If you have purchased the book, I highly recommend purchasing more. It contains a lot of material that is not covered in the book.

Q. Is prior knowledge required?

A. Yes, this course requires prior knowledge of HTML5/CSS3.

Things to note before taking the class

Practice environment

  • Operating System and Version (OS): Windows, macOS

  • Tools used: Visual Studio Code, Chrome

  • PC specifications: Minimum specifications that allow web surfing are also acceptable.

Learning Materials

  • We provide learning materials for each lecture to help you progress through the practical training.


Player Knowledge and Notes

  • Completely non-majors and beginners can also take the course

  • However, learning HTML5/CSS3 must be done first.

Recommended for
these people

Who is this course right for?

  • Beginner & novice who has never studied JavaScript before

  • An experienced developer who knows JavaScript, but isn't confident that they know it well.

  • Practitioners who are still using JavaScript based mostly on intuition.

  • Someone who wants to learn simply and easily, without complicated explanations.

Hello
This is

4,368

Learners

202

Reviews

74

Answers

4.9

Rating

7

Courses

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

Curriculum

All

231 lectures ∙ (13hr 3min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

5 reviews

5.0

5 reviews

  • sduddla님의 프로필 이미지
    sduddla

    Reviews 4

    ∙

    Average Rating 5.0

    Edited

    5

    39% enrolled

    Of all the lectures I've heard so far, this was the easiest to understand. The best!

    • sucoding
      Instructor

      Hello sy! Thank you! I'm really proud that you understood it well 😊 I'll keep making better lectures!

  • sundrops10421493님의 프로필 이미지
    sundrops10421493

    Reviews 3

    ∙

    Average Rating 4.7

    5

    20% enrolled

    This lecture seems to have the best structure. Learning the concepts and then immediately putting them into practice makes me feel like the learning effect is guaranteed. 👍🏻 Above all, it's great for beginners to listen to.

    • sucoding
      Instructor

      I'm glad I could help! Thank you :)

  • dust030님의 프로필 이미지
    dust030

    Reviews 3

    ∙

    Average Rating 5.0

    5

    30% enrolled

    I'm binge-watching to get a solid grasp on JavaScript concepts again! Your teaching style really suits me, so I'm enjoying your other courses as well. Thank you!

    • sucoding
      Instructor

      Hello! Thank you so much for even binge-watching the entire series! It's a great source of strength that you're finding the other lectures beneficial as well 🙏 If you have any questions while studying, please feel free to ask anytime!

  • ksm86263274님의 프로필 이미지
    ksm86263274

    Reviews 2

    ∙

    Average Rating 5.0

    5

    100% enrolled

    Thanks to you, I easily learned the basic content about JavaScript.

    • sucoding
      Instructor

      Hello Kim Sun-min! Thank you for taking the course! It's a great relief that you easily understood the basic content. We will prepare more helpful lectures in the future. 😊

  • davyjeong7658님의 프로필 이미지
    davyjeong7658

    Reviews 3

    ∙

    Average Rating 5.0

    5

    100% enrolled

    • sucoding
      Instructor

      Hello davyjeong! Thank you for the good review :) I'll come back with even better lectures!

$61.60

sucoding's other courses

Check out other courses by the instructor!

Learning React.js with TypeScript: Complete Guide from Basics to Latest Technologies강의 썸네일

Learning React.js with TypeScript: Complete Guide from Basics to Latest Technologies

sucoding

A comprehensive React course learning the latest features of React 19 with TypeScript! From the basics to state management (Context, Redux Toolkit, Zustand), API communication (Fetch, Axios), the latest hooks (use, useActionState, useOptimistic, etc.), and practical projects, you will gradually learn to build React apps that can be immediately applied in real-world work.

입문

입문

React, react-router, redux-toolkit

Learning React.js with TypeScript: Complete Guide from Basics to Latest Technologies강의 썸네일

Learning React.js with TypeScript: Complete Guide from Basics to Latest Technologies

sucoding

Learning Vue.js by Selecting the Essentials강의 썸네일

Learning Vue.js by Selecting the Essentials

sucoding

Vue.JS, a must-learn for front-end beginners!! Let's delve into Vue.JS from the basics to advanced levels!

초급

초급

Vue.js, Vue 3, pinia

Learning Vue.js by Selecting the Essentials강의 썸네일

Learning Vue.js by Selecting the Essentials

sucoding

Learning only the essentials of CSS3강의 썸네일

Learning only the essentials of CSS3

sucoding

CSS3 is essential for front-end beginners! We will thoroughly explore CSS3, from the basics to advanced topics!

입문

입문

HTML/CSS

Learning only the essentials of CSS3강의 썸네일

Learning only the essentials of CSS3

sucoding

Learning TypeScript by Focusing on the Essentials강의 썸네일

Learning TypeScript by Focusing on the Essentials

sucoding

TypeScript syntax that front-end beginners must learn! We thoroughly explore the TypeScript language, from basic to advanced!

입문

입문

TypeScript

Learning TypeScript by Focusing on the Essentials강의 썸네일

Learning TypeScript by Focusing on the Essentials

sucoding

Learning the essentials of HTML5강의 썸네일

Learning the essentials of HTML5

sucoding

We'll thoroughly explore HTML5, from the basics that frontend beginners must learn to advanced topics!

입문

입문

HTML/CSS

Learning the essentials of HTML5강의 썸네일

Learning the essentials of HTML5

sucoding

Learn HTML/CSS while creating강의 썸네일

Learn HTML/CSS while creating

sucoding

Create a simple portfolio to introduce yourself and learn how to create a structure with HTML tags and how to style a web page with CSS properties.

초급

초급

HTML/CSS

Learn HTML/CSS while creating강의 썸네일

Learn HTML/CSS while creating

sucoding

Similar courses

Explore other courses in the same field!

Multi-paradigm Programming Part 1: Iterator Pattern & LISP (with TypeScript, Clojure, Kotlin)강의 썸네일

Multi-paradigm Programming Part 1: Iterator Pattern & LISP (with TypeScript, Clojure, Kotlin)

mduniv

Cultivate advanced programming language utilization skills and software design and implementation skills combining functional, object-oriented, and LISP paradigms, necessary for growing into a mid-to-senior level developer.

중급이상

중급이상

multi-paradigm Programming, TypeScript, Functional Programming

Multi-paradigm Programming Part 1: Iterator Pattern & LISP (with TypeScript, Clojure, Kotlin)강의 썸네일

Multi-paradigm Programming Part 1: Iterator Pattern & LISP (with TypeScript, Clojure, Kotlin)

mduniv

Do It! Django + Bootstrap: The Definitive Guide to Python Web Development강의 썸네일

Do It! Django + Bootstrap: The Definitive Guide to Python Web Development

sungyonglee

Learn Python web development A to Z while making it! Learn everything from web basics to blog development and deployment all at once.

초급

초급

Python, Django, Bootstrap

Do It! Django + Bootstrap: The Definitive Guide to Python Web Development강의 썸네일

Do It! Django + Bootstrap: The Definitive Guide to Python Web Development

sungyonglee

Interactive 3D Web Development with React Three Fiber (R3F)강의 썸네일

Interactive 3D Web Development with React Three Fiber (R3F)

taejaehan

React and Three.js in one go! From 3D basics to projects applicable in the field, and even optimization tips!

초급

초급

Interactive Web, react-three-fiber, Three.js

Interactive 3D Web Development with React Three Fiber (R3F)강의 썸네일

Interactive 3D Web Development with React Three Fiber (R3F)

taejaehan

Coding Basics and Web Full Stack Development of Jocoding강의 썸네일

Coding Basics and Web Full Stack Development of Jocoding

jocoding

Coding No. 1 YouTuber Jo Coding's practical compression! Easy and fun web full-stack development lecture

입문

입문

HTML/CSS, JavaScript, Node.js

Coding Basics and Web Full Stack Development of Jocoding강의 썸네일

Coding Basics and Web Full Stack Development of Jocoding

jocoding

Frontend Development Kick, Web API (feat. React)강의 썸네일

Frontend Development Kick, Web API (feat. React)

vroomfan

We cover Web APIs for practical application. We hope you gain the tools to resolve requirements you're bound to encounter.

초급

초급

JavaScript, React, Web API

Frontend Development Kick, Web API (feat. React)강의 썸네일

Frontend Development Kick, Web API (feat. React)

vroomfan

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)강의 썸네일

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)

koy

Learn core data structures and algorithms such as Stack, Queue, Linked List, Sorting, and DFS/BFS by implementing them directly with JavaScript. Solve frequently appearing problem types together to build problem-solving skills essential for coding tests and interviews.

초급

초급

JavaScript, Algorithm, data-structure

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)강의 썸네일

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)

koy

Yoon Jae-seong's Beginner JavaScript Tutorials강의 썸네일

Yoon Jae-seong's Beginner JavaScript Tutorials

softcampus

You can learn all about JavaScript, including an overview of the JavaScript language, basic grammar, and provided libraries.

입문

입문

JavaScript

Yoon Jae-seong's Beginner JavaScript Tutorials강의 썸네일

Yoon Jae-seong's Beginner JavaScript Tutorials

softcampus

2022 30-Minute Summary Course Season 1: HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax강의 썸네일

2022 30-Minute Summary Course Season 1: HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax

jejucoding

This course will be a quick overview for those who are new to coding. It will be a quick review for those who are already coding. I hope you gain confidence through this course.

입문

입문

HTML/CSS, JavaScript, Python

2022 30-Minute Summary Course Season 1: HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax강의 썸네일

2022 30-Minute Summary Course Season 1: HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax

jejucoding

Top 10 JavaScript Algorithms강의 썸네일

Top 10 JavaScript Algorithms

theoreum

Develop your ability to find the core of a problem and solve it with the 'Top 10 JavaScript Algorithms' that cover the most frequently asked types of problems!

중급이상

중급이상

JavaScript, Coding Test, Algorithm

Top 10 JavaScript Algorithms강의 썸네일

Top 10 JavaScript Algorithms

theoreum

Escape from the beginner stage of web development강의 썸네일

Escape from the beginner stage of web development

jeong4726

Through this course, students will learn overall knowledge of HTML, CSS, and JS.

입문

입문

HTML/CSS, JavaScript

Escape from the beginner stage of web development강의 썸네일

Escape from the beginner stage of web development

jeong4726

From a beginner to launching a web service: 2021 Jeju Coding Base Camp (Django)강의 썸네일

From a beginner to launching a web service: 2021 Jeju Coding Base Camp (Django)

jejucoding

Online bootcamp in Jeju! Create your own service quickly! :)

입문

입문

JavaScript, HTML/CSS, Python

From a beginner to launching a web service: 2021 Jeju Coding Base Camp (Django)강의 썸네일

From a beginner to launching a web service: 2021 Jeju Coding Base Camp (Django)

jejucoding

[Code Camp] Highly concentrated backend course created at boot camp강의 썸네일

[Code Camp] Highly concentrated backend course created at boot camp

codecamp

This is a curriculum full of Captain's personal feelings, an 8-year full-stack developer who fell in love with coding. It is filled with Captain's desire to teach everything about the backend! As you listen to this lecture, you will find yourself thinking, 'Does he really teach this much?' Let's start with this lecture that thoroughly explains even the parts that everyone finds difficult.

입문

입문

NestJS, Node.js, JavaScript

[Code Camp] Highly concentrated backend course created at boot camp강의 썸네일

[Code Camp] Highly concentrated backend course created at boot camp

codecamp

Learning JavaScript through games강의 썸네일

Learning JavaScript through games

nomad

This course will help you develop the basics and practical skills of JavaScript while creating your own game program.

입문

입문

JavaScript

Learning JavaScript through games강의 썸네일

Learning JavaScript through games

nomad

JavaScript Machine Learning TensorFlow.js강의 썸네일

JavaScript Machine Learning TensorFlow.js

tonextday

We will cover the concept of machine learning in a JavaScript environment. We will cover the form and code of implementing machine learning with JavaScript and TensorFlow.js.

중급이상

중급이상

Tensorflow, JavaScript, Machine Learning(ML)

JavaScript Machine Learning TensorFlow.js강의 썸네일

JavaScript Machine Learning TensorFlow.js

tonextday

Do it! HTML+CSS+JavaScript Web Standards강의 썸네일

Do it! HTML+CSS+JavaScript Web Standards

service0989

Grab your keyboard and practice, and you'll master the three major web development skills!

입문

입문

HTML/CSS, JavaScript, DOM

Do it! HTML+CSS+JavaScript Web Standards강의 썸네일

Do it! HTML+CSS+JavaScript Web Standards

service0989

Clean up JavaScript: Base buildup!강의 썸네일

Clean up JavaScript: Base buildup!

tonextday

It covers thinking. You can logically organize the core and fundamentals of JavaScript. You can organize your own JavaScript experience and thoughts. You can establish the logic of JavaScript technology. You can broaden your perspective on the entire JavaScript. You can prepare for JavaScript technical interview questions.

초급

초급

JavaScript, Interview, Tech Interview

Clean up JavaScript: Base buildup!강의 썸네일

Clean up JavaScript: Base buildup!

tonextday

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)강의 썸네일

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)

webstoryboy

We have created this so that anyone can pass the 2023 version of the Web Design Function Exam Criteria. Let's learn the 5 types and pass quickly!

초급

초급

HTML/CSS, jQuery, JavaScript

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)강의 썸네일

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)

webstoryboy

Web Crawling with Node.js강의 썸네일

Web Crawling with Node.js

zerocho

We will apply it in practice by crawling sites such as Naver, Amazon, Twitter, YouTube, Facebook, Instagram, and unsplash.com.

중급이상

중급이상

JavaScript, Node.js, Web Crawling

Web Crawling with Node.js강의 썸네일

Web Crawling with Node.js

zerocho

Do it! Introduction to Node.js Programming강의 썸네일

Do it! Introduction to Node.js Programming

service0989

Running without fail towards the core of the server with Node.js + JavaScript + Express + MongoDB!

초급

초급

Node.js, JavaScript, Express

Do it! Introduction to Node.js Programming강의 썸네일

Do it! Introduction to Node.js Programming

service0989

Using Node.Js강의 썸네일

Using Node.Js

egoing5162

This course will implement cookie and login functions using NodeJS, a server-side Javascript, and combine the results with the previous nodeJS course to create a complete web application.

초급

초급

JavaScript, Node.js

Using Node.Js강의 썸네일

Using Node.Js

egoing5162