인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
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) 16 reviews

267 students

Software Test
Cypress
e2e
JavaScript
Next.js
Thumbnail

This course is prepared for Basic Learners.

What you will learn!

  • Front-end testing

  • Testing Theory

  • How to write test code

  • e2e testing

  • Cypress

  • Test Automation

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

Just as important as the ability to quickly implement a feature is the stability and completeness of the feature you have implemented. You need to carefully check every time to make sure that the code you have created does not affect existing features.

Repeatedly checking the functionality is tedious and cumbersome, especially since it delays our work hours, so we should never test it by hand.

Test code and test automation are what help us spend our precious time on more valuable things. Let's increase our understanding of testing through this lecture, work smarter, and become a recognized front-end developer!

Features of this course

📌 Only 6 years of test code. A lecture that fully conveys the deep inner strength built up through tiki-taka with numerous QAs (quality managers).

📌 A lecture centered on practice (90%), from the basic theory of testing to one mini project and one practical project

📌 Do you not know why you should test or how to write test code? We will explain it clearly in the lecture.

📌 How do you think about test code in practice? We will tell you everything you need to know about how to write it effectively.

📌 Introduces 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 often
To become a next level developer
What should I do?

It's annoying to check every time I distribute it
It's too much of a hassle to check the function operation every time I deploy a service. Is there an easy way to do it?

After class

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

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

  • You can break the habit of manually checking everything one by one and automate function checking.

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

  • It will make it easier to work with Cypress test tools.

Learn about these things.

Basic concepts of testing and overall testing theory

This course explains the overall testing theory and basic concepts that you must know from a web developer's perspective.

From basic usage of testing tools to error interpretation

We will teach you the basic usage of testing tools and the features that are good to know for each UI. In particular, you can generate errors, analyze them, and fix them together through live coding.

From test scenario design methods to incremental refactoring

We will share our know-how from years of writing test scenarios. We will learn how to systematically structure the code we have learned and improve the quality of the test code through refactoring.

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

Learn both basic and advanced concepts while writing test codes for a simple counter app and a shopping mall site with quite a few features. A ton of great tips from my work.

Who created this course 👨‍💻

Jang Gi-Hyo (Captain Pangyo)

Interview with "People Met by Inflearn"

Things to note before taking the class

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 available on GitHub.

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

Player Knowledge and Notes

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

  • It would be better if you came after listening to the Next.js Getting Started lecture ^^ (You can still listen if you didn't listen )

Dora Ribbon Banner Collection (3)
Wiz Band 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

46,818

Students

4,481

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

Not enough reviews.
Become the author of a review that helps everyone!