Through this lecture, you will learn how to identify the overall types of front-end tests and how to write reliable tests by selecting the appropriate test for the situation.
Key concepts needed for writing tests
Frontend testing techniques to increase the reliability of your code
How to write unit and integration tests using vitest
How to use testing tools such as Testing Library and MSW
📌 Link (77,000 -> 53,600 KRW)
1. How do I use a coupon?You can use your desired coupon by clicking on it in [Cart → Select Coupon → Available Coupons].
2. How do I register a coupon?You can register a coupon by entering your coupon code in [Cart → Select Coupon] or [Dashboard → Coupon Box].
We are sharing a coupon for those who have completed all Part 1 lectures to purchase Part 2 lectures at a 50% discounted price. Please access the post below and use the coupon before purchasing!
📌 Post Link: Link
⚠️ This post is only visible to Part 1 purchasers.
To make it less burdensome for students or job seekers without income, if you fill out and submit the form, we will provide you with a 50% discount coupon. If the application link is open, you can apply. We support your learning. Keep fighting! 🔥
📌 Application Link: https://forms.gle/ohs7KywvSGXoJXGM7
⚠️ This topic may be a bit challenging for those who are just starting to study FE. Please make sure to check the prerequisites before taking the course!
Frontend testing is
what does it verify
I'm curious about that
Manual testing on devices
is too repetitive and exhausting
I'm curious about
real frontend testing that's done
in actual work
Learn various types of frontend testing and write tests using examples close to real-world cases!
If you have these concerns, you've come to the right place!
I recommend "Frontend Testing Applied Directly to Real Work" to you.
"This is a course where you can learn everything from the necessity of test code to various types of testing concepts and how to utilize them. If you're not yet familiar with testing, you can solidly learn the concepts of testing through this course, and if you've previously written test code, you can learn more effective and meaningful test code through the course's examples and exercises to apply in real-world work."
- Kurly Frontend Developer Yoo Kyungsang
"When writing test code, there are moments when you need to convince yourself. 'Won't testing delay the development schedule?' 'Is it right to test this?' 'Should I test content that will be changed later?'"
This course demonstrates various techniques for how strategically you can test even a simple shopping mall site. After watching all the videos, I believe you'll be able to confidently write test code that you can personally understand and trust. I hope many people will watch these videos and gain confidence in testing.
- LINE Plus Frontend Developer Lee Sang-cheol
"This is a lecture that captures the essence based on practical examples, covering everything from why you should write test code to how to write it. Test code is an essential part of building reliable applications, but I think there were always many concerns about what and how to test. It was very helpful as it neatly organized and explained those standards and methods."
- LINE Plus Frontend Developer Kim Eunbin
Through this course, understand the purpose of various frontend tests and create a solid, well-crafted app. 😍
In this course, we will quickly and easily learn unit, integration, snapshot, visual regression, and E2E testing across Parts 1 and 2 using projects similar to real-world scenarios. You'll understand the advantages and limitations of each test type, clearly grasp the purpose of testing, and develop the capability to build your own workflow.
강의 핵심 Point!
Starting step by step from the important concepts
This explains the necessity of testing and the common testing rules and concepts that should be understood.
Even if there are concepts you're encountering for the first time
We thoroughly examine the purpose of why each tool and API is used, clearly conveying their objectives, and carefully look at the definitions of each test type and methods for selecting targets.
So that you can learn on your own
Provides examples and answers that allow you to write tests directly based on what you've learned, helping you achieve effective test-driven learning.
Similar to actual work
We provide example projects that allow you to easily apply what you've learned in real-world scenarios by writing tests based on shopping mall examples that communicate with actual server environments, helping you learn grammar and tools.
Part 2: Advanced Testing - Visual Regression · E2E Testing
Link: https://inf.run/DRRLB
Q. Can I take the course regardless of Windows / macOS?
Yes, it's possible. The classes are conducted on macOS using VSCode and browser (Google Chrome) environments.
Q. Where can I get the learning materials?
The course materials are included in the lectures, and please refer to GitHub for example code.
Q. Is there any knowledge I should have before taking the course?
Basic knowledge of JavaScript (ES6) and React is required. Since this course focuses on testing, we provide brief introductions to project development technologies, but you'll need to learn the specific usage methods on your own. We use these technologies at a manageable level, so you can definitely succeed by learning the technologies while following along at your own pace.
Q. Can I take any section I want first, regardless of the order?
This course sequentially explains the concepts of testing, how to write each test, and their limitations, while introducing new testing methods to overcome those limitations. Therefore, we recommend learning sequentially from the earlier sections.
Q. Are Part 1 and Part 2 consecutive lectures?
Yes. The course proceeds with the same example project, and content introduced in Part 1 will not be reintroduced in Part 2. If possible, I recommend studying Part 1 and Part 2 together.
Who is this course right for?
For those who want to gain confidence in their code through testing.
For those who want to automate repetitive manual verification through testing.
For those who have been curious about what frontend testing actually validates
For those who want to learn various types of front-end testing at once and build a seamlessly integrated workflow.
Need to know before starting?
JavaScript
CSS·HTML
리액트
1,570
Learners
91
Reviews
67
Answers
4.9
Rating
2
Courses
코드 조커
◦ 기초부터 완성까지, 프런트엔드(개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드) 저자
◦ 12년차 프런트엔드 개발자
◦ (현) 글로벌 컨텐츠 회사 FE 개발 부문 팀장
◦ (전) NHN TOAST Cloud FE 개발 팀장
◦ (전) 삼성 SDS FE 개발자
오프
◦ 기초부터 완성까지, 프런트엔드(개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드) 저자
◦ 8년차 프런트엔드 개발자
◦ (현) 글로벌 메신저 회사 FE 개발자
◦ (전) NHN TOAST UI 오픈소스 개발자
All
25 lectures ∙ (4hr 42min)
Course Materials:
All
73 reviews
4.9
73 reviews
Reviews 3
∙
Average Rating 5.0
5
I had been thinking that I should write test code... I really wanted to do it properly, so I took the course. The lecture content was really good, and it was good that I could focus only on the test code because they provided codes. I gained the courage to apply it to my work! Thank you :)
Thank you for your good evaluation!! If you have any difficulties while applying, please feel free to ask questions at any time!!
Reviews 2
∙
Average Rating 5.0
5
I think many people are worried about what testing is, what to test, and how to test it. I think even those who are new to testing will be able to follow along easily after listening to this lecture. It was good because there were things to learn while looking at example project settings separate from testing :) Thank you for making such a great lecture! I will listen hard to Part 2 as well~
I'm glad you're making good use of the lecture! It would be even more helpful if you studied the remaining test codes together. I hope you'll complete Part 2 and share the content you applied to your work! Happy New Year~
Reviews 7
∙
Average Rating 5.0
Reviews 5
∙
Average Rating 5.0
5
It was great to be able to learn through example code of such good quality that it could be applied directly to practice!
It will be more helpful if you study while looking at the codes that do not appear in the lecture. I hope you will share the content that you have applied to your work after completing it! Happy New Year~
Reviews 2
∙
Average Rating 5.0
5
When writing test code, there are moments when you need to convince yourself. “Will the development schedule be delayed because of the test?”, “Is it right to test this?”, “Should I test the content that will be changed in the future?” This lecture shows you various techniques on how to strategically test a simple shopping mall site. After watching the video, I think you will be able to confidently write test code that you can convince yourself. I hope that many people will watch this video and gain confidence in testing.
Limited time deal ends in 6 days
$45.10
24%
$59.40
Check out other courses by the instructor!
Explore other courses in the same field!
![[JavaScript GUI Development #1] Timer App with Electron + React (+ Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
