JavaScript All-in-One: From Vanilla JavaScript to SPA Development
hyobin
Aspiring to be a frontend developer? Learn everything from basic to advanced JavaScript syntax 🔥
Basic
JavaScript, REST API, SPA
First Steps in JavaScript for Web Frontend
Do you want to become a web frontend developer? Take your first step with a fun JavaScript course✨
(4.8) 101 reviews
1,658 learners
Level Beginner
Course period Unlimited
JavaScript
JavaScript
DOM
DOM
Web Application
Web Application
HTML/CSS
HTML/CSS
JavaScript
JavaScript
DOM
DOM
Web Application
Web Application
HTML/CSS
HTML/CSS
Reviews from Early Learners
4.8
5.0
일론 머스크
100% enrolled
The lecture content is really stuck in my head. Other lectures are honestly boring and I often find it hard to focus, so I sometimes just zone out while watching, but this lecture makes me focus and follow along. Even though I don't have any background knowledge about the technology, I can still enjoy the lecture and focus on it, so I think the teacher's communication skills are amazing. Thank you for creating such a great lecture.
5.0
Ch.3
100% enrolled
I worked as an operating publisher for about 3 years. I always used jQuery a lot, so I had a thirst for JavaScript. For those who want to study JavaScript for the first time like me, this is the best lecture! It implements and explains in detail not only the basics but also advanced learning. It was also great that it emphasized important parts and did not miss them, and it was helpful for practical work. The reasonable price and lecture time were a great help in completing the lecture. It made me want to study JavaScript harder!! Thank you!! I look forward to the next lecture!
5.0
시콜라킹
100% enrolled
Today, I completed the project. I was learning React, but I purchased this course to solve my shortcomings, review, and regrets about JavaScript. The instructor's clear pronunciation and voice were great, and I was able to relearn and review parts of JavaScript that I had been confused or had forgotten. I can see the text that was organized in the same way as the video, so I will read it from time to time and continue studying. Thank you. Highly recommended!
What you will gain after the course
Reasons to learn JavaScript
Basic concepts of web development
JavaScript syntax frequently used in practice
Developing a project for actual use
A stepping stone for learning TypeScript, React.js, and Next.js
Web Frontend Introduction · JavaScript
JavaScript First Steps
From basic concepts to web page creation 🚀
It's okay even if it's your first time coding.
From concepts to real-world projects,
all at once.
Basic → Advanced
Real-world Projects
Lecture Materials & Scripts Provided
👥
A course satisfied by 1,500+ people
🎁
If you are a high school or college student,
purchase at a 50% discount
You can apply for a coupon through the link below.
(If you don't receive the coupon, please check your spam folder)
📙 NEW
「JavaScript First Steps」
book has been released
'JavaScript First Steps for Web Frontend'
The lecture has received so much love from students that it has been released as a book titled
'Learning School! JavaScript First Steps' 🙇🏻♀️
Since the book contains the content of the lecture, it would be great to read as a reference while taking the course :)
🤖 JavaScript in the Age of AI
In an era where AI writes code,
why
JavaScript?
Even if AI writes the code for you,
the ‘basics’ to understand and handle it are ultimately your responsibility.
💬
To understand and fix code written by AI, you need the basics.
🌐
Even the AI service screens like ChatGPT and Claude are all web-based = JavaScript
🧩
React, Vue, and Next are also all based on JavaScript
🙋🏻♀️ Recommended for
If this is how you feel,
it's the perfect lecture for you.
💻
Even in the AI era, I want to read and interpret code myself
🧩
I want to develop a project for my own use
🔰
Even if I know nothing, I want to try my hand at development
📈 Basic → Advanced
🗂️ All lecture materials provided
🧩 Develop your own Chrome extension
🚀 Concept → Project
From concepts to projects, all at once
Stop taking courses that only teach language and grammar!
From basic and advanced grammar, the reasons why you need to learn them, and operating principles to web programming methods, learn step-by-step
and develop a real-world project that you can actually use by applying what you've learned.
🧩 My Own Chrome Start Page
.gif?w=960)
* The hands-on project you will build in the course: “My Own Chrome Start Page”
📖 Check out what you will learn
in the lecture
💡
SECTION 1
Why should we learn JavaScript?
Let's take a look at why JavaScript is so popular and why you absolutely need to learn it.
▶️
SECTION 2
Getting Started with JavaScript
Learn how it works and master the basic concepts using an online editor.
⚡
SECTION 3
Applying JavaScript
Learn advanced concepts, core principles, and even asynchronous processing.
🖱️
SECTION 4
DOM and DOM API
We cover the DOM, which manipulates web pages, and various APIs through live coding.
🧰
SECTION 5
Preparing for the Project
Prepare the concepts needed for the project thoroughly in advance.
🧩
SECTION 6
Project: My Own Chrome Start Page
Apply everything you've learned to build it yourself and actually put it into use.
1,500+ people satisfied with this course
These are reviews left by actual students.
🧑💻 Ch** ★ 5.0
I'm a third-year publisher and I've been thirsty for JavaScript. From basics to advanced topics, it's the best lecture that covers everything in detail and is helpful for practical work!
🐙 Joyful ** ★ 5.0
This is the first lecture I've ever completed among many. The explanations are kind and detailed, and I'm very satisfied because it contains everything I wanted to know.
👑 Sikol** ★ 5.0
I finished the course today and even completed the project. The pronunciation was clear, and I liked how the confusing parts were revisited. Highly recommended!
🧑🎓 wlsdyd** ★ 5.0
The grammar is explained in such detail that even non-majors can fully understand it. From practical advice to the project, I was very satisfied.
🍬 swee** ★ 5.0
It was easy to understand, and the visual materials were excellent. The pronunciation was so clear that I could understand everything perfectly even when listening at a faster speed.
🧑💻 Ch** ★ 5.0
I've been a publisher for three years and had a thirst for JavaScript. From basics to advanced topics, this is the best lecture that covers everything in detail and is even helpful for practical work!
🐙 Joyful ** ★ 5.0
This is the first course I've ever completed among many. The explanations are kind and detailed, and I'm very satisfied because it contains everything I wanted to know.
👑 Sicol** ★ 5.0
I finished the course today and even completed the project. The pronunciation was clear, and I loved how the confusing parts were pointed out again. Highly recommended!
🧑🎓 wlsdyd** ★ 5.0
The grammar is explained in such detail that even non-majors can fully understand it. From practical advice to the project, I was very satisfied.
🍬 swee** ★ 5.0
It was easy to understand, and the visual materials were really great. The pronunciation was so clear that everything stuck in my head even when listening at a faster speed.
😍 Ye** Kim ★ 5.0
Things that didn't make sense when studying alone are now clicking perfectly. Terms and concepts are made easy with example code! This is a must-watch before learning React or Vue.
🚀 sooheum ** ★ 5.0
A lecture that turns vague knowledge into solid understanding. It's intuitive and so easy to understand. It's worth every penny!
📘 Choi Myung** ★ 5.0
I reviewed and brushed up on the basics before starting the project. With clean lecture materials and easy-to-understand explanations, I highly recommend this to beginners!
🕵️♀️ Student ★ 5.0
Clean PPT and easy-to-understand examples. It's the best lecture that teaches necessary functions without any fluff!
🙆♂️ Elon Mu** ★ 5.0
I used to space out during other lectures, but this one keeps me focused and following along. The delivery is incredible.
😍 Ye** Kim ★ 5.0
Things I couldn't understand while studying alone are finally clicking. Terms and concepts are explained easily with example code! This is a must-watch before learning React or Vue.
🚀 sooheum ** ★ 5.0
A lecture that makes what I vaguely knew crystal clear. It's intuitive and so easy to understand. It's worth every penny!
📘 Choi Myeong** ★ 5.0
I reviewed and brushed up on the basics before starting the project. With clean lecture materials and easy-to-understand explanations, I highly recommend this to beginners!
🕵️♀️ Student ★ 5.0
Clean PPT slides and examples that are easy to understand. It's the best lecture that teaches necessary functions without any fluff!
🙆♂️ Elon Mu** ★ 4.0
I used to space out during other lectures, but this one keeps me focused and following along. The delivery is incredible.
Shall we take the first step into JavaScript?
From concepts to practical projects, start today.
📌 Please check before taking the course
- The materials used in the lecture can be downloaded from the corresponding class.
- The scripts used in the lecture can be found on the Section 0. Learning Materials Lecture Script web page.
- Please be sure to take the Section 0. How to Take the Course lecture.
- If you take the course along with the provided study materials, you will be able to understand the content much more easily.
Recommended for
these people
Who is this course right for?
Those who are new to programming
Those who want to complete a unique project
Those who aspire to be frontend developers
Those who want to learn JavaScript quickly and effectively.
Those who are looking for a JavaScript lecture with friendly explanations
Those who wish to take the course along with the lecture materials
Those who lack a basic foundation in JavaScript
Need to know before starting?
HTML (This concept is only required in Section 6)
Hello
This is hyobin
Inflearn Verified
Career Verified
16,179
Learners
680
Reviews
139
Answers
4.9
Rating
29
Courses
Hello, I'm Hyobin Kim 🙇♀
I share development knowledge.
ABOUT
CONTACT
ETC
[Book] Learning School! JavaScript First Steps
Conducted special lectures at Udemy, Codeit, Hanyang Women's University, etc.
Curriculum
All
42 lectures ∙ (6hr 47min)
Course Materials:
Lecture resources
9. operator
10:17
12. Scope
07:56
13. Hoisting
06:18
15. object
15:07
16. array
10:54
17. Loop
18:14
Published:
Last updated:
Reviews
All
101 reviews
4.8
101 reviews
- kycasdzxc
Reviews 1
∙
Average Rating 5.0
5
100% enrolledI'm starting to understand things that I didn't understand well while studying on my own through the lectures. I especially like how the terms and concepts of JavaScript, which can be difficult, are explained easily with example codes. I think it's a must-listen before learning react, vue.js, etc.! I wish there were lectures for the advanced JavaScript course😍
- hyobinInstructor
As you said, understanding JavaScript is essential before learning libraries or frameworks like react and vue!! I'm glad you found the lecture content easy to understand. I'll also consider taking an in-depth JavaScript course😊 Thank you.
- elonmusk
Reviews 65
∙
Average Rating 4.8
5
100% enrolledThe lecture content is really stuck in my head. Other lectures are honestly boring and I often find it hard to focus, so I sometimes just zone out while watching, but this lecture makes me focus and follow along. Even though I don't have any background knowledge about the technology, I can still enjoy the lecture and focus on it, so I think the teacher's communication skills are amazing. Thank you for creating such a great lecture.
- hyobinInstructor
I'm so glad that the lecture wasn't boring and was well-conveyed. Thank you for taking the class diligently!!
- winterlood
Reviews 4
∙
Average Rating 5.0
5
20% enrolledI think this is the most friendly and detailed lecture among the JavaScript lectures for beginners. It goes over even the most detailed concepts accurately, and on top of that, it explains all the codes in detail, so I think it's a good lecture that you can take without having to Google it separately. 1. The visuals are very intuitive and pretty. 2. It's so nice to listen to without getting tired because of the accurate diction! 3. There are many lectures that usually only teach you grammar and end, but the process of applying what you've learned and creating a practical project is very impressive.
- hyobinInstructor
Thank you, Jeonghwan😀
wlsdyd6202374Reviews 1
∙
Average Rating 5.0
5
34% enrolledI took this course because I wanted to learn JS and front-end. This course explains grammar in detail so that even non-majors can fully understand the content. Also, the curriculum includes advice based on practical work, actual project unit implementation, etc., so I was personally very satisfied. I think this is a course that beginners or those who are interested in web front-end development who are inexperienced like me can definitely feel their capabilities have improved by one level.
- hyobinInstructor
wlsdyd620, I feel like it was worth making the lecture since you grew a level through my lecture😃 Thank you for listening attentively!!
- ramirosol26354
Reviews 1
∙
Average Rating 5.0
5
10% enrolled**A lecture that gave hope that even a dropout can code** After entering computer science, even the professor gave up on me, This lecture saved me No matter how much I read the book, I couldn't understand what it was saying, but it's amazing that it goes into my head without subtitles I highly recommend this to anyone who needs a lecture at eye level like me!!
- hyobinInstructor
I'm so glad that my lecture was helpful to Hansol😃 Thank you for listening attentively!
hyobin's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![A Solid Front-End Bootcamp for Full-Stack Developers (HTML, CSS, Vanilla JavaScript + ES6) [Full-Stack Part 2]Course Thumbnail](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?w=420)
![[2024] HTML Basics by Lee BehayanCourse Thumbnail](https://cdn.inflearn.com/public/courses/334082/cover/faaaa70e-cae8-4488-afb0-5a2d4e7c0905/334082.png?w=420)
