강의

멘토링

로드맵

BEST
Programming

/

Front-end

Getting Started with Real-World Frontend Testing

A test lecture that you must take if you want to become a capable front-end development practitioner. Learn everything from testing basics to practical application in one go 👊

(5.0) 25 reviews

325 learners

  • captain
실습 중심
테스트코드
Software Test
Cypress
e2e
JavaScript
Next.js

Reviews from Early Learners

What you will learn!

  • Front-end testing

  • Testing Theory

  • How to write test code

  • e2e testing

  • Cypress

  • Test Automation

What are the skills of a good front-end developer? 🤔

Just as important as the ability to quickly implement features is ensuring the stability and completeness of the implemented features. I must carefully check each time to ensure my code doesn't impact existing functionality.

Repeatedly verifying functional operation is tedious and cumbersome. In particular, it should never be done manually, as it delays our workday.

Test code and test automation help us spend our precious time on more valuable areas. This course will help you deepen your understanding of testing, work smarter, and become a recognized front-end developer!

Features of this course

📌 Six years of test code. This course fully conveys the deep knowledge gained through tiki-taki with countless QA (quality assurance) managers.

📌 This course is 90% hands-on, covering the basics of testing, from one mini-project to one practical project.

📌 Not sure why you should test or how to write test code? This lecture will explain it clearly.

📌 How should test code be considered in practice? We'll explain how to write it effectively.

📌 We introduce how to design test scenarios from the user's perspective.

I recommend this to these people

I'm interested in testing.

People around me say that testing code is important, but I don't know where to start.

I want to be good at front-end development
Function implementation is done quickly
To become a next level developer
What should I do?

It's annoying to check every time I distribute it
It's a pain to have to check the functionality of each feature every time I deploy a service. Is there an easier way?

After class

  • Your hands, not your head, will know why you need test code and what to test.

  • You will learn how to write concise and effective test code.

  • You can break the habit of manually checking each and every function and automate the function check.

  • This will take your web application code quality and completeness to the next level.

  • It will make it easier to handle Cypress test tools.

Learn about these things.

Basic concepts of testing and overall testing theory

This textbook explains the overall testing theory and basic concepts that are essential for web developers to understand.

From basic usage of testing tools to error interpretation

We'll teach you the basics of using testing tools, as well as useful features for each UI. In particular, you can use live coding to generate, analyze, and fix errors together.

From test scenario design methods to incremental refactoring

I'll share my expertise gained from years of writing test scenarios. As you learn, you'll systematically structure your code and improve the quality of your test code through refactoring.

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

You'll learn both basic and advanced concepts by writing test code for a simple counter app and a fully featured shopping mall website. Discover a wealth of practical tips.

Who created this course 👨‍💻

Jang Gi-hyo (Captain Pangyo)

Interview with "People Met by Inflearn"

Things to note before taking the course

Practice environment

  • Operating System and Version (OS): I will be using a Mac in this course, but I will also cover all Windows-related shortcuts.

  • Tools used: VSCode

Learning Materials

  • Completed source code is provided on GitHub.

  • We provide a variety of educational materials and videos for additional learning for each lecture video.

Player Knowledge and Precautions

  • Basic concepts of JavaScript and front-end frameworks (React or Vue)

  • It would be better if you came after listening to the lecture on getting started with Next.js ^^ (You can listen even if you didn't listen )

Dora Ribbon Banner Collection (3)
Wiz Ribbon Banner Collection

Recommended for
these people

Who is this course right for?

  • Front-end developers interested in testing

  • Junior Frontend Developer

  • Front-end development beginner

  • A practical web developer who wants to leave work early

  • Web developers who are tired of checking functions every time they deploy

Need to know before starting?

  • JavaScript

Hello
This is

48,589

Learners

4,731

Reviews

3,815

Answers

4.9

Rating

19

Courses

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

Curriculum

All

36 lectures ∙ (3hr 32min)

Published: 
Last updated: 

Reviews

All

25 reviews

5.0

25 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

  • 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 :)

      • meeting3596님의 프로필 이미지
        meeting3596

        Reviews 4

        Average Rating 4.8

        5

        100% enrolled

        Limited time deal ends in 1 days

        $33.00

        23%

        $42.90

        captain's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!