강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Getting Started with Practical Frontend Testing

A must-take testing course if you want to become a competent frontend developer. Master testing from beginner to advanced all in one go 👊

(5.0) 29 reviews

349 learners

Level Basic

Course period Unlimited

  • captain
Software Test
Software Test
Cypress
Cypress
e2e
e2e
JavaScript
JavaScript
Next.js
Next.js
Software Test
Software Test
Cypress
Cypress
e2e
e2e
JavaScript
JavaScript
Next.js
Next.js

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

김지애

100% enrolled

The company suggested that I write a test code, but I don't have any previously written code, and I have to study and write it on my own. I was at a loss when I searched Google, and when I heard Captain Pangyo's lecture while studying Tasna View, I immediately took the new lecture because he released it. He explains the environment settings and error parts well, so I can work without spending too much time following along compared to other lectures.

5.0

mung5079

100% enrolled

I took this course because I felt like I was lacking in things I had been doing unit tests all the time. I am not a professional developer, but it was very helpful for me while working on toy projects. Thank you!

5.0

콩팬더

100% enrolled

I've only been doing unit tests with Jest every day, but this time I'm learning about Cypress and E2E tests for the first time. I found it really interesting while studying, so I had fun listening to the lecture! Thank you for the great lecture again :)

What you will gain after the course

  • Frontend Testing

  • Testing Theory

  • How to Write Test Code

  • e2e test

  • Cypress

  • Test Automation

What are the capabilities of a good frontend developer? 🤔

Just as important as the ability to implement features quickly is ensuring the stability and completeness of the implemented features. You need to carefully check every time whether the code you've written affects existing functionality.

Repeatedly checking feature functionality is tedious and cumbersome. Especially since it delays our time to leave work, we should never test only manually by hand.

Test code and test automation help us spend our precious time on more valuable things. Let's deepen our understanding of testing through this course to work smarter and become a recognized frontend developer!

The features of this course

📌 6 years of writing test code. A course that fully conveys the deep expertise accumulated through countless back-and-forth exchanges with QA (Quality Assurance) professionals

📌 A practice-focused course (90%) that teaches from the basics of testing theory through 1 mini project and 1 real-world project

📌 Not sure why we test or how to write test code? The course explains it clearly.

📌 How do professionals think about test code in practice? We'll show you everything about how to write it effectively.

📌 We introduce methods for designing test scenarios from a user's perspective.

Who this is recommended for

I'm interested in testing.

I hear that test code is important, but I don't know where to start.

I want to become good at frontend development
I can implement features fairly well,
but what should I do
to become a next-level developer?

It's annoying to check everything every time I deploy
It's so tedious to manually check if features are working every time I deploy a service. Is there an easier way?

After taking this course

  • Your hands, not just your head, will understand why test code is necessary and what needs to be tested.

  • You'll learn how to write test code concisely and effectively.

  • You can break the habit of manually checking things repeatedly and automate feature verification.

  • You'll be able to take the code quality and completeness of your web application to the next level.

  • You'll find it easier to work with the Cypress testing tool.

Here's what you'll learn.

Basic concepts of testing and overall testing theory

We explain the overall testing theory and fundamental concepts that web developers must know through course materials.

From basic usage of testing tools to error interpretation

We'll cover everything from basic usage of testing tools to useful features for each UI. In particular, through live coding, you can experience creating errors together, analyzing them, and fixing them.

Test scenario design methods and progressive refactoring

I'll share my years of experience in writing test scenarios. You'll learn to systematically structure the code you've learned and improve the quality of your test code through refactoring.

Start with a mini project and finish with a real-world project.

Learn both basic and advanced concepts by writing test code for a simple counter app and a feature-rich shopping mall site. Packed with practical tips from real-world experience

The person who created this course 👨‍💻

Captain Pangyo

"People Inflearn Met" Interview

Notes Before Taking the Course

Practice Environment

  • Operating System and Version (OS): The course uses Mac, but all Windows-related shortcuts are also explained.

  • Tools used: VSCode

Learning Materials

  • Complete source code is provided via GitHub.

  • We provide numerous additional educational materials and videos for further learning with each lecture video.

Prerequisites and Important Notes

  • Basic concepts of JavaScript and frontend frameworks (React or Vue)

  • It would be even better if you take the Getting Started with Next.js course first ^^ (but you can still take it without it ❤)

도라 띠배너 모음 (3)
위즈 띠배너 모음

Recommended for
these people

Who is this course right for?

  • Frontend developer interested in testing

  • Junior Frontend Developer

  • Frontend Development Beginner

  • A hands-on web developer who wants to leave work on time

  • A web developer who finds it tedious to check features every time they deploy

Need to know before starting?

  • JavaScript

Hello
This is

49,267

Learners

4,853

Reviews

3,816

Answers

4.9

Rating

19

Courses

I have been sharing knowledge on Inflearn for 8 years. 🏠 Tech Blog, 📣 Twitter, 💻 GitHub

📗 Do it! Vue.js Introduction, Easy TypeScript and 3 other books authored
📖 Cracking Vue.js, TypeScript Handbook, Webpack Handbook. 3 online free guidebooks authored
👨‍💻 Operating Captain Pangyo's Frontend Development YouTube Channel - A place to hear the concerns of job seekers and junior developers
🥤 Operating Captain Pangyo's KakaoTalk Open Chat Room - A place to get the latest frontend development information and hear the thoughts and concerns of industry peers

Curriculum

All

36 lectures ∙ (3hr 32min)

Published: 
Last updated: 

Reviews

All

29 reviews

5.0

29 reviews

  • kga9002님의 프로필 이미지
    kga9002

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    The company suggested that I write a test code, but I don't have any previously written code, and I have to study and write it on my own. I was at a loss when I searched Google, and when I heard Captain Pangyo's lecture while studying Tasna View, I immediately took the new lecture because he released it. He explains the environment settings and error parts well, so I can work without spending too much time following along compared to other lectures.

    • captain
      Instructor

      Thank you for your first class review, Ji-ae :) The JS class just opened today. If you're interested, take it. Thank you! :) https://inf.run/RC452

  • chayeonggeon0331님의 프로필 이미지
    chayeonggeon0331

    Reviews 2

    Average Rating 5.0

    5

    31% enrolled

    • mung50799126님의 프로필 이미지
      mung50799126

      Reviews 1

      Average Rating 5.0

      5

      100% enrolled

      I took this course because I felt like I was lacking in things I had been doing unit tests all the time. I am not a professional developer, but it was very helpful for me while working on toy projects. Thank you!

      • tk2ektk3ek6796님의 프로필 이미지
        tk2ektk3ek6796

        Reviews 37

        Average Rating 5.0

        5

        100% enrolled

        • ymh0951님의 프로필 이미지
          ymh0951

          Reviews 17

          Average Rating 5.0

          5

          100% enrolled

          I've only been doing unit tests with Jest every day, but this time I'm learning about Cypress and E2E tests for the first time. I found it really interesting while studying, so I had fun listening to the lecture! Thank you for the great lecture again :)

          • captain
            Instructor

            Oh Kongpanda, it's been a while haha. Thank you for enjoying this lecture :)

        $42.90

        captain's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!