First Steps in JavaScript for Web Frontend
hyobin
Do you want to become a web frontend developer? Take your first step with a fun JavaScript course✨
Beginner
JavaScript, DOM, Web Application
Aspiring to be a frontend developer? Learn everything from basic to advanced JavaScript syntax 🔥
8,481 learners
Level Basic
Course period Unlimited


Reviews from Early Learners
5.0
Chan
I had already taken JavaScript courses once or twice before. But strangely, I always felt like I knew it, but when I actually tried to use it, it never worked out well. This course felt like it organized all those ambiguous parts one by one. It wasn't just about explaining syntax and ending there, but it was great that the instructor continuously connected and explained why this concept is needed and how it's used later in SPAs. What I especially liked was the project section. Usually, you just follow along and that's it, but this course had a flow of intermediate project → recognizing problems → supplementing concepts → final project, so I couldn't help but think. Honestly, it wasn't easy, but I gained a lot from it. The course materials (handbook) are also well-organized, so I keep referring to them not only when taking the course but also when reviewing. I would recommend this course to anyone who wants to properly organize JavaScript once again.
5.0
산독기
I completed the course! What I felt while completing the course was that I was happy to be able to take a really meticulously prepared lecture at a reasonable price. Development courses have wildly varying prices, and I'm currently taking several courses together, but just because the price is expensive doesn't mean the instructor properly answers questions or provides code updates. So I was quite disappointed with a certain instructor, but listening to Hyobin's lecture, it's really clearly different. It's a bit awkward to compare with others, but I hope educators like Hyobin become even more successful. It would be so great if you expanded your courses to React or Next.js beyond JavaScript! As an Inflearn user for n years, this was the most cost-effective and beneficial course. Of course, the final project was difficult, but I think the difficulty was meant to humbly encourage us to review again, which was motivating. I've never left such a long course review, but I became a fan of Hyobin and am leaving this review to recommend it to others! The detailed handbook, clear diction, clean examples, quick Q&A responses - there wasn't a single disappointing aspect. I hope you become even more famous on Inflearn and in the education industry! Thank you for the great course!
5.0
kimday365
I've been preparing for a job change and am returning to FE after almost 5 years. I was overwhelmed about where to start studying again, Through this course, I was able to learn so much - from reviewing parts I knew lightly before, to new grammar structures, and even advanced topics like objects/properties/components at the unit level. The project work was especially beneficial. Rather than just learning basic knowledge & grammar, I learned about how to use it effectively in actual work, and it was even more interesting because we worked on a new project instead of the usual todo list! I'm really looking forward to the next course! Thank you for the great lecture :)
Vanilla JavaScript Basic Syntax
JavaScript concepts required for practical development
Asynchronous programming through Promise objects and async/await
Components and Modularization
Web element manipulation using the DOM API
State management using state and setState
Developing an SPA without libraries
Routing via History API
Using JavaScript like React
From basic syntax to SPA development with Vanilla JS,
in one continuous flow.
// App.js import Content from './components/Content.js'; export default function App($app) { const content = new Content(); }▋
Knowing the syntax and building a service with that syntax are
completely different stories. You will learn everything from the basics to SPA in one continuous flow.
6 core principles to stay grounded in both interviews and practical work
Total 56 lectures · 9 hours 40 minutes
Take a look at the intuitive lecture materials as well.
First, you will learn the basic syntax and advanced concepts through the lecture materials (PPT), and then you will solidify your understanding by writing example code yourself to apply what you have learned.
After studying the DOM in detail, you will learn various DOM APIs for manipulating it. You will practice manipulating the DOM directly by learning how to handle frequently used form elements.
Learn about the this keyword and verify through practice which values are bound to this depending on the situation. Also, examine the relationship between this and arrow functions versus regular functions.
Develop a simple website using what you have learned so far, and identify the problems encountered during the production process one by one.
You will learn about components and module systems to solve problems encountered during the mid-term project. After studying with materials and examples, you will apply them to the mid-term project to resolve the issues.
Learn about state management and SPA concepts. Examine state management development methods along with SPA/MPA and CSR/SSR concepts, and use what you have learned to improve your mid-term project code.
Develop the final project by utilizing everything you have learned. You will componentize functions, develop directly using VSCode, and implement search, filtering, and page navigation features.
Master the concepts you've learned by repeating them through two projects, making them completely your own.
The first result combining basics, asynchrony, and DOM
Creating your own SPA without libraries
Even difficult concepts are understood at a glance through animated materials.
We will write the code together line by line in VSCode to get hands-on experience.
Apply what you've learned to real-world scenarios and dive deeper into essential concepts.
Review the entire concept thoroughly by tying it all together into a single project.
We provide section-specific materials, a handbook for review, and even the GitHub code.
The instructor will personally answer any questions where you get stuck.
If even one of these applies to you, now is the perfect time to start.
The start of true skills that won't be shaken by frameworks
8,400+ Students · Unlimited Access Period
161 reviews prove it.
“If you are taking this course, you are already a developer. There is no other course that teaches in such great detail.”
“It was great because I could understand everything clearly after taking the introductory course. This content-rich course was extremely helpful. Thank you!”
“I’ve only used SPAs before, but this was my first time actually building one, so I purchased the course immediately. I’m very satisfied after listening while reviewing with the handbook. The diction is also exceptionally good.”
“I’m picking up exactly the concepts I need for Vanilla JavaScript. Having the handbook makes it great for both reviewing and following along with the lectures!”
“If you are taking this course, you are already a developer. There is no other course out there that teaches in such great detail.”
“It was great because I could understand everything clearly after taking the beginner course. This informative lecture was very helpful. Thank you!”
“I’ve only used SPAs before, but this was my first time actually building one, so I purchased the course immediately. I’m very satisfied after listening while reviewing with the handbook. The diction is also exceptionally good.”
“I’m picking up exactly the concepts I need for Vanilla JavaScript. Having the handbook makes it great for both reviewing and following along with the lectures!”
“I thought it was easy at first, but I liked that there was so much to learn as it went on. It’s great to be able to review with the materials you provided.”
“It’s a compact course that contains only the truly essential core content. Each lecture is under 20 minutes, making it easy to stay focused, and the pronunciation is so clear that it’s easy to understand even at higher speeds.”
“I was happy to find such a meticulously prepared course at a reasonable price. I was very satisfied with the quick Q&A and the detailed handbook.”
“Your pronunciation is so good that I could understand everything immediately during the practice. The visual aids are clean, and I love that I can review anytime with the handbook. I'm going to keep going until the end of the course!”
“I thought it was easy at first, but I liked that there was so much more to learn as it went on. It’s great to be able to review with the materials provided.”
“It’s a compact course that contains only the truly essential core content. Each lecture is under 20 minutes, making it easy to stay focused, and the pronunciation is so clear that it’s easy to understand even at higher speeds.”
“I was happy to find such a meticulously prepared course at a reasonable price. I was very satisfied with the quick Q&A and the detailed handbook.”
“Your pronunciation is so good that I understood everything immediately while practicing. The visual materials are clean, and I loved being able to review frequently with the handbook. I’m going to run all the way to the end of the course!”
Who is this course right for?
Those who want to get a job as a frontend developer
Those who want to learn various concepts while developing a project
Those who want to learn Vanilla JavaScript
Those who wish to take the course along with the lecture materials
Those who want to learn together with others through a study group
Need to know before starting?
HTML
CSS
Inflearn Verified
Career Verified
14,882
Learners
588
Reviews
138
Answers
4.9
Rating
28
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.
All
56 lectures ∙ (9hr 40min)
Course Materials:
8. Operator
20:43
10. Function
15:01
11. Scope
13:34
12. Hoisting
08:00
14. Object
15:45
15. Array
13:47
17. Loop
18:13
18. Array Methods-1
20:30
19. Array Methods-2
15:11
21. spread and rest
14:22
24. async and await
11:06
25. API call
12:01
All
161 reviews
4.8
161 reviews
Reviews 3
∙
Average Rating 5.0
Edited
5
The voice is clear and the pronunciation is clear and precise, so it's easy to listen to even at double speed! And it's easy to understand. Thank you.
Thank you for your good review, Hong-gi Noh :) Congratulations on completing the course👍👍
Reviews 13
∙
Average Rating 5.0
Edited
5
I found out about this lecture by joining the Han-ib community after watching Lee Jung-hwan's lecture. I've only used SPAs before, but I've never built one myself, so I was already clicking the payment button 😆😆. I couldn't participate in the Han-ib challenge because I'm already working on something else, but I'm very satisfied with the lecture. I skipped through the parts I already knew and only listened to the latter half of the lecture while reviewing with the handbook, but I'm very satisfied with the lecture. Lee Jung-hwan was easy to listen to because of his good diction, but Hyobin also has exceptionally good diction. Thank you.
SK, thank you for your great review! 😊 I think it would be a good idea to participate in the Han-ip Challenge again for review later on :) Thank you again for your great review. 👍
Reviews 2
∙
Average Rating 5.0
5
I think this is the perfect lecture for someone like me who lacks JavaScript knowledge. It was really helpful because I felt like I was getting only the essential concepts of vanilla JavaScript 👍 The provided handbook made it easy to write the project code!! It's good for reviewing and also great to look at while listening to the lecture. I was able to take a good lecture at a low price. Thank you!!
Ratatouille, thank you for the great review! 😊 Congratulations on completing the course! 🥳🥳
Reviews 5
∙
Average Rating 5.0
5
After listening to the Javascript for Web Frontend course, I took this course and it was good because I understood it well. If you listened to the sample course and found this course a little burdensome, I recommend the Javascript for Web Frontend course. And if you have the chance, I would like you to plan and create a course on a shopping mall site that you can learn by making and following. There don't seem to be many courses related to shopping mall sites, such as Inflearn and others. The affordable course was very helpful. Thank you.
Congratulations on completing the course, pasw9 👏 The JavaScript course that you can finish in one go is a better course if you take it after taking the first step course!! I will prepare a shopping mall site course in the future if I get the chance! Thank you for the good course review 😊
Reviews 1
∙
Average Rating 5.0
5
The visuals are neat and, above all, I liked that you taught me step by step slowly through live coding. I will continue to take the class and complete it! Thank you for the great lecture.
Thank you for the good review😀 I hope you finish the course!!
Check out other courses by the instructor!
Explore other courses in the same field!
Limited time deal ends in 4 days
$29,700.00
15%
$27.50