강의

멘토링

로드맵

Inflearn brand logo image
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) 22 reviews

316 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,096

Learners

4,668

Reviews

3,812

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

36 lectures ∙ (3hr 32min)

Published: 
Last updated: 

Reviews

All

22 reviews

5.0

22 reviews

  • 김지애님의 프로필 이미지
    김지애

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    회사에서 테스트코드를 작성해보자고 말이 나왔는데 이전에 작성해둔 코드가 있는것도 아니고 혼자 공부해서 작성해야 하는 상황인데 구글링으로 막막하던 차에 캡틴판교님 강의는 타스나 뷰 공부하면서도 들었었는데 새 강의를 내셨길래 바로 수강하였습니다. 환경 설정이나 오류 나는 부분에서 잘 설명해주셔서 다른 강의보다 따라가는 부분에서 시간을 덜 뺏기고 작업할 수 있어 좋습니다.

    • 장기효(캡틴판교)
      Instructor

      첫 수강평 감사드려요 지애님 :) 오늘 마침 JS 강의도 오픈되었는데요. 관심 있으시면 수강해 보세용. 감사합니다! :) https://inf.run/RC452

  • mung5079님의 프로필 이미지
    mung5079

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    매번 단위테스트만 하다가 부족한 부분을 느껴서 수강했습니다. 현업 개발자는 아니지만 토이 플젝을 하면서 도움 많이 됐습니다. 감사합니다!

    • monkey-k 777님의 프로필 이미지
      monkey-k 777

      Reviews 37

      Average Rating 5.0

      5

      100% enrolled

      • 콩팬더님의 프로필 이미지
        콩팬더

        Reviews 17

        Average Rating 5.0

        5

        100% enrolled

        매일 Jest 같이 단위 테스트만 하다가 이번에 Cypress를 접하면서 E2E 테스트는 처음 접해보는데 공부하면서 되게 신기해서 재밌게 강의 들었습니다! 이번에도 좋은 강의 감사합니다 :)

        • 오 콩팬더님 오랜만이네요 ㅋㅋ 이번 강의도 재밌게 들어주셔서 감사합니다 :)

      • 뉴로핏 주식회사님의 프로필 이미지
        뉴로핏 주식회사

        Reviews 4

        Average Rating 4.8

        5

        100% enrolled

        $42.90

        captain's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!