
A Beginner's Guide to JavaScript for Web Frontend
hyobin
If you aspire to be a web frontend developer? Take your first step with fun JavaScript courses✨
입문
JavaScript, DOM
You can build a solid foundation in React, along with the basics of JavaScript and CSS syntax.
JavaScript Basic Syntax
Basic CSS Syntax
Solidifying the Fundamentals of React
Web application development through mini-projects
With neat lecture materials and detailed explanations
This is an easy-to-learn React course. 👨🏫
React is an open source JavaScript UI library created by Meta.
It is currently the most widely used in web application development.
It has many advantages, such as fast updates, rendering speed, and component-based structure.
So that you can also view the lectures in book form
The lecture content is included in its entirety in the book.
Reading the book along with the video lectures
Dive into the world of React!
🌟 Famous lecture 🌟
We will answer any questions you may have while developing with React even after taking all the lectures.
Feel free to ask questions at any time on FrontOverflow, the front-end knowledge portal created by knowledge sharer Sopl!
About JS basic grammar
I can understand!
Frequently used CSS
I can understand!
The basics of React
You can chop it well!
Experience in real-world projects
You can stack them.
Section 0 [Getting Ready]
Section 1, 2 [Introduction to React, Getting Started]
Section 3 [JSX]
Section 4 [Rendering Elements]
Section 5 [Components and Props]
Section 6 [State and Lifecycle]
Section 7 [Hooks]
Section 8 [Handling Events]
Section 9 [Conditional Rendering]
Section 10 [Lists and Keys]
Section 11 [Forms]
Section 12 [Lifting State Up]
Section 13 [Composition vs Inheritance]
Section 14 [Context]
Section 15 [Styling]
Section 16 [Mini Project]
Q. Is this a lecture that I can take even if I don't know much about JavaScript ?
Yes! Even if you don't know much about JavaScript, you can still listen to the lecture because it explains the basic grammar.
Q. Is this a lecture that I can take even if I don't know much about CSS?
Yes, you can take the course even if you don't know much about it, because it covers the representative properties of CSS.
Q. What are the benefits of learning React?
React lets me develop web applications the way I want.
Lessons 3 - 15. Practice source code
React v17 source code
https://github.com/soaple/first-met-react-practice
React v18 source code
https://github.com/soaple/first-met-react-practice-v18
Round of 16. Mini blog source code
Who is this course right for?
Anyone interested in web application development
For those who are new to React
안녕하세요, 소플입니다.
2025년 3월부로 인프런에서의 지식공유자 활동을 마무리하고 새로운 출발을 합니다.
앞으로는 아래 사이트에서 제 강의와 컨텐츠들을 만나보실 수 있습니다.
소플이 만든 프론트엔드 지식 포털 - FrontOverflow
All
0 lectures
All
454 reviews
4.8
454 reviews
Reviews 1
∙
Average Rating 5.0
5
In the f-mode lecture, I was listening to a lecture that read the official documentation, but it was too long, I didn't understand it, and it was too difficult, so I gave up and looked through the React lectures, and I found a gem of a lecture. This is free... This is free...! I was amazed at the teaching ability that it was so easy and friendly to approach. The component bungeoppang is so cute. Jjangjangman He doesn't look away and just gets to the core. Thank you for saving me time. This lecture is a living practice version of the official documentation. Even at double speed, the pronunciation is so accurate that it doesn't get muffled and is easy to hear.
Thank you chayuna91 for leaving a review. I tried to explain it as easily as possible, and I am happy and grateful that you understood it. I tried to remove as much difficult content as possible and focused only on building a solid foundation of React, so if you listen to the lecture diligently, you will be able to get closer to React! Thank you for liking the bungeoppang picture that I drew one by one~ I hope you have fun learning!
Reviews 1
∙
Average Rating 5.0
5
I happened to hear about this lecture, but it was so good! I think it would be great for people who are new to React and have a basic understanding of HTML, CSS, and JavaScript to take this course. There are many advantages, but the best ones are 1) clean and concise explanations, 2) practice-based review of course content, and 3) teaching skills! I've tried to take many courses... but this is the first time I've seen a lecture this thorough! I think it would be good to have React, which I've been exposed to for a long time...ㅎㅎ Thank you so much for the great lecture, and I'll definitely take any new courses you open in the future! I highly recommend it to anyone who hasn't taken it yet.
Thank you yrrrrrrrr for leaving a review. I'm so happy that my lecture was a good fit for you~ I don't know when it will be, but please look forward to the next lectureㅎㅎ I hope you continue to have fun developing React!
Reviews 1
∙
Average Rating 5.0
5
I am currently a student who has completed about 20% of the course! When I did a web project with React in the past, I studied on my own as if I was heading to the bare ground. It was too difficult, and there were many things I didn't understand. Then, when I joined a company, I was going to be in charge of the web, so I studied again and came across the lecture. The lecturer's ability is so great that I even said, "This is a free lecture..?" I don't know why I only saw it now, it's such a good lecture!
Thank you, Gibbonmonkey, for leaving a review. I'm so happy that you were able to understand React, which you had found difficult, a little more easily through my lecture. I hope you will complete the remaining lectures, and if you have any questions while taking the class, please leave a question at any time!
Reviews 1
∙
Average Rating 5.0
5
I am a developer working in the field with Swift. I started studying from scratch without knowing anything, and now I am studying React. I don't know much about JS and I don't know much about the web, so I thought it would be good to learn from the basics, so I took the course. It is well organized with the necessary content, and it is interesting to see the code that is different from my coding style. I listened to the course well. Thank you!
Thank you, hek33kr, for leaving a review. I'm glad that my lecture was helpful to you~ I hope you continue to have fun developing React!
Reviews 17
∙
Average Rating 4.8
5
Q&A Communication is not smooth.
Thank you for leaving a review, Yong-won Choi. I haven't left any unanswered questions, but if you could provide the link to the question, I'll check it out and answer it!
Explore other courses in the same field!