Javascript syntax that frontend beginners must learn! From basic to advanced, let's delve into the JavaScript language from A to Z!
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.)
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.
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.
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.
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.
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 .
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.
4,501
Learners
213
Reviews
87
Answers
4.9
Rating
7
Courses
수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.
다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.
현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:
또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]
All
231 lectures ∙ (13hr 3min)
Course Materials:
All
8 reviews
5.0
8 reviews
Reviews 3
∙
Average Rating 4.7
Reviews 2
∙
Average Rating 5.0
5
CSS 수강평을 달아주신 게 엊그제 같은데 벌써 자바스크립트 61% 수강이라니요! 대단합니다. Woojin Choi님의 학습을 응원합니다. 화이팅하세요!
Limited time deal ends in 12:44:23
$63,360.00
20%
$61.60
Check out other courses by the instructor!
Explore other courses in the same field!
css.png?f=avif&w=420)
![[자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]강의 썸네일](https://cdn.inflearn.com/public/courses/334889/cover/00422504-ab9c-46e3-9abd-8bcf0bb9ec7a/334889.jpg?f=avif&w=420)
![풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
