BEST

Front-end testing áp dụng trực tiếp vào thực tế - Phần 2. Thử nghiệm sâu hơn: Hồi quy trực quan/Thử nghiệm E2E

Name: Front-end testing áp dụng trực tiếp vào thực tế - Phần 2. Thử nghiệm sâu hơn: Hồi quy trực quan/Thử nghiệm E2E
Price: 66000 KRW

Trong bài giảng này, bạn sẽ hiểu các loại thử nghiệm tổng thể và học cách viết các bài kiểm tra đáng tin cậy bằng cách chọn các bài kiểm tra thích hợp cho tình huống.

(4.9) 18 đánh giá

593 học viên

hanjungv

테스트코드

tdd

e2e

vitest

Software Test

JavaScript

chromatic

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Những khái niệm quan trọng cần thiết khi viết bài kiểm tra
Cách viết các bài kiểm tra front-end có thể tăng độ tin cậy vào mã bạn viết
Cách viết bài kiểm tra chụp nhanh bằng vitest
Cách viết bài kiểm tra hồi quy trực quan bằng Storybook và Chromatic
Cách viết bài kiểm tra E2E bằng Cypress

🎊Sự kiện 🎊

Nếu bạn đã tham gia khóa học Phần 1, hãy nhận coupon giảm giá 50% cho Phần 2!

Chúng tôi đang chia sẻ coupon cho những người đã hoàn thành tất cả bài gi강의 phần 1, giúp bạn có thể mua bài giảng phần 2 với giá giảm 50% rẻ hơn. Hãy truy cập bài viết dưới đây và sử dụng coupon trước khi mua!
📌Link bài viết: 링크
⚠ Bài viết này chỉ hiển thị cho người đã mua phần 1.

Chúng tôi hỗ trợ chi phí khóa học cho các bạn sinh viên và người chuẩn bị việc làm 💪

Để các bạn sinh viên không có thu nhập hoặc đang chuẩn bị việc làm bớt gánh nặng tài chính, các bạn chỉ cần điền form và gửi thì sẽ nhận được coupon giảm giá 50%. Nếu link đăng ký đang mở thì có thể đăng ký được. Chúng tôi ủng hộ việc học tập của các bạn. Hãy cố gắng lên 🔥
📌Link đăng ký: https://forms.gle/ohs7KywvSGXoJXGM7
⚠Đối với những bạn mới bắt đầu học FE thì chủ đề này có thể hơi khó. Hãy nhất định kiểm tra kiến thức tiên quyết trước khi học nhé!

🤔 Bạn đã khá quen thuộc với việc tạo ứng dụng, nhưng có lo lắng liệu nó có hoạt động tốt trong môi trường production thực tế không?
🤔 Mặc dù biết rằng testing thực sự cần thiết, nhưng có quá nhiều loại frontend test khác nhau khiến bạn không dám bắt đầu?
🤔 Bạn có muốn xác minh và tự động hóa nhiều thứ hơn thay vì chỉ cố chấp với một loại test cụ thể?
🤔 Bạn có muốn tổng hợp về mục đích của testing và nên viết test nào?

"Đây là khóa học mà bạn có thể học được tất cả từ tính cần thiết của test code đến các khái niệm testing đa dạng và phương pháp ứng dụng. Những ai chưa quen thuộc với testing có thể nắm vững khái niệm testing thông qua khóa học, còn những ai đã từng viết test code trước đây có thể học cách viết test code hiệu quả và có ý nghĩa hơn thông qua các ví dụ và thực hành trong khóa học để áp dụng vào công việc thực tế."

- Yoo Kyung-sang, nhà phát triển frontend tại Kurly

"Khi viết test code, có những lúc bản thân cần phải thuyết phục chính mình. 'Liệu việc test có làm trễ tiến độ phát triển không?' 'Có đúng khi test cái này không?' 'Có nên test những nội dung sẽ thay đổi sau này không?'"

Khóa học này đang trình bày các kỹ thuật đa dạng về cách có thể kiểm thử một trang web thương mại điện tử đơn giản một cách chiến lược. Tôi tin rằng sau khi xem hết video, bạn sẽ có thể tự tin viết code kiểm thử mà bản thân có thể thuyết phục được. Tôi hy vọng nhiều người xem video này sẽ có được sự tự tin trong việc kiểm thử.

- Lee Sang Chul, nhà phát triển frontend tại LINE Plus

"Từ việc tại sao phải viết test code cho đến cách viết như thế nào, đây là khóa học tập trung vào những điểm cốt lõi dựa trên các ví dụ thực tế có thể sử dụng trong công việc. Test code là phần không thể thiếu để tạo ra ứng dụng đáng tin cậy, nhưng tôi luôn băn khoăn nhiều về việc nên test cái gì và test như thế nào. Khóa học đã giúp tôi rất nhiều bằng cách sắp xếp và giải thích một cách rõ ràng các tiêu chí và phương pháp đó."

- Kim Eun Bin, nhà phát triển frontend tại LINE Plus

Q. Có thể học được trên cả Windows / MacOS không?
A. Có, hoàn toàn có thể. Lớp học được tiến hành trên MacOS và diễn ra trong môi trường VS Code và trình duyệt (Chrome).

Q. Tài liệu học tập ở đâu?
A. Tài liệu bài giảng được bao gồm trong bài giảng, và để xem mã ví dụ, vui lòng tham khảo GitHub.

Q. Có kiến thức nào cần biết trước khi học khóa học này không?
A. Bạn cần có kiến thức cơ bản về JavaScript (ES6) và React. Vì khóa học này tập trung vào testing nên sẽ chỉ giới thiệu sơ qua các công nghệ được sử dụng trong dự án, còn cách sử dụng cụ thể thì bạn cần tự học thêm. Tuy nhiên, mức độ sử dụng không quá khó nên bạn hoàn toàn có thể theo kịp nếu vừa học các công nghệ vừa làm theo từng bước.

Q. Có thể học trước các phần mong muốn mà không cần theo thứ tự không?
A. Khóa học này giải thích tuần tự các khái niệm về test, cách viết từng loại test, những hạn chế và giới thiệu các phương pháp test mới để vượt qua những hạn chế đó. Do đó, chúng tôi khuyến nghị bạn nên học tuần tự từ phần đầu tiên.

Q. Phần 1 và phần 2 có phải là các bài giảng liên tiếp không?
A. Vâng. Các bài giảng được tiến hành với cùng một dự án ví dụ, và nội dung đã giới thiệu trong phần 1 sẽ không được giới thiệu lại trong phần 2. Nếu có thể, chúng tôi khuyến nghị bạn nên học cả phần 1 và phần 2 cùng nhau.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Bất kỳ ai muốn có được sự tự tin về mã của mình thông qua thử nghiệm
Bất kỳ ai muốn tự động hóa việc xác minh thủ công lặp đi lặp lại thông qua thử nghiệm
Bất cứ ai luôn thắc mắc thử nghiệm front-end xác minh điều gì
Bất kỳ ai muốn tìm hiểu nhiều loại thử nghiệm front-end cùng một lúc và xây dựng quy trình làm việc tích hợp phù hợp

Cần biết trước khi bắt đầu?

JavaScript
CSS·HTML
Phản ứng

Xin chào
Đây là

1,544

Học viên

Đánh giá

Trả lời

4.9

Xếp hạng

Các khóa học

코드 조커

◦ 기초부터 완성까지, 프런트엔드(개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드) 저자
◦ 12년차 프런트엔드 개발자
◦ (현) 글로벌 컨텐츠 회사 FE 개발 부문 팀장
◦ (전) NHN TOAST Cloud FE 개발 팀장
◦ (전) 삼성 SDS FE 개발자

오프

◦ 기초부터 완성까지, 프런트엔드(개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드) 저자
◦ 8년차 프런트엔드 개발자
◦ (현) 글로벌 메신저 회사 FE 개발자
◦ (전) NHN TOAST UI 오픈소스 개발자

Chương trình giảng dạy

Tất cả

23 bài giảng ∙ (3giờ 59phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. Giới thiệu bài giảng

2 bài giảng ∙ (8phút)

1. 0,1. Giới thiệu bài giảng
03:56
2. 0,2. Giới thiệu dự án mẫu
04:36

Phần 2. TDD và thử nghiệm giao diện người dùng

2 bài giảng ∙ (19phút)

3. 1.1. Phát triển dựa trên thử nghiệm (TDD) là gì?
06:52
4. 1.2. Phát triển dựa trên thử nghiệm và thử nghiệm front-end
12:10

Phần 3. Kiểm tra ảnh chụp nhanh

2 bài giảng ∙ (15phút)

Phần 4. Kiểm tra hồi quy trực quan bằng Storybook và Chromatic

5 bài giảng ∙ (51phút)

Phần 5. Thử nghiệm E2E là gì?

4 bài giảng ∙ (47phút)

Phần 6. Viết bài kiểm tra E2E bằng Cypress

7 bài giảng ∙ (1giờ 20phút)

Phần 7. hoàn thành

1 bài giảng ∙ (16phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

18 đánh giá

4.9

18 đánh giá

thdnjs95701302
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
22% đã tham gia
常にテストについて疑問が多かった新開発者です。 1部に続いて聞きましたが、確かに2部まで聞いたので、プロジェクトの状況に合ったフロントテストを組み合わせて作成することができ、漠然としたテスト作成に自信がありました。
dbfrontier
Đánh giá 39
∙
Đánh giá trung bình 4.6
5
100% đã tham gia
honghs95
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
30% đã tham gia
human2642622
Đánh giá 53
∙
Đánh giá trung bình 5.0
5
61% đã tham gia
テスト関連の良い講義です。
jdy8739
Đánh giá 13
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
E2Eテストについて、迅速かつ効率的に把握できる素晴らしい講義です。

1.404.229 ₫

Khóa học khác của hanjungv

Hãy khám phá các khóa học khác của giảng viên!

実務にすぐに適用できるフロントエンドテスト - 1部。テストの基礎：単体テスト・結合テスト

hanjungv

この講義を通して、フロントエンドテストの全体的な種類を把握し、状況に合った適切なテストを選択することで、信頼感のあるテストを作成する方法を学びます。

초급

Software Test, JavaScript, React

実務にすぐに適用できるフロントエンドテスト - 1部。テストの基礎：単体テスト・結合テスト

hanjungv

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

実務にすぐに適用できるフロントエンドテスト - 1部。テストの基礎：単体テスト・結合テスト

hanjungv

초급

Software Test, JavaScript, React

実務にすぐに適用できるフロントエンドテスト - 1部。テストの基礎：単体テスト・結合テスト

hanjungv

根本的なフロントエンドユニットテスト

sowhatcoding

フロント＆ユニットテストのすべてをマスターできるように、基本概念から状況別テスト作成法、高度なテスト知識まで全て集めてお届けします

초급

Software Test, TDD, Jest

根本的なフロントエンドユニットテスト

sowhatcoding

テスト with Jest: ゼロ秒に正しく学ぶ

zerocho

このレッスンでは、テストが必要な場合とテストを行う際の利点をJestフレームワークで紹介します。リアクト、Expressなどにユニットテスト、統合テストを適用してみます。

초급

Software Test, Jest, react-testing-library

テスト with Jest: ゼロ秒に正しく学ぶ

zerocho

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

zerocho

タイプスクリプト/JavaScriptでペイントを作成し、さまざまなデザインパターンの使い方と長所と短所を学びます。 canvas apiを学べるのはボーナス！

중급이상

Design Pattern, oop, TypeScript

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

zerocho

テスト主導開発（TDD）で作るNodeJS APIサーバー

jeonghwan

この講義では、Javascript言語でバックエンド開発ができるNodeJSを学習し、テスト主導開発（TDD）方式でNodeJSを利用してAPIサーバー開発を行うことができます。また、NodeJSの代表的なWebフレームワークExpressJSの基本原理を理解し、モバイルやWebサービスで使用するREST APIの開発方法を学ぶことができます。

초급

TDD, Node.js, Express

テスト主導開発（TDD）で作るNodeJS APIサーバー

jeonghwan

Practical Testing: 実用的なテストガイド

wbluke

この講義を通して、実務で開発するのと同じように、クリーンで分かりやすいテストコードが書けるようになります。テストコードがなぜ必要なのか、良いテストコードとは何か、これらが気になるすべての方のための講義です。

초급

Software Test, junit5, Mockito

Practical Testing: 実用的なテストガイド

wbluke

SW 역량テスト合格 A型 with C++ (Advanced Algorithm)

bloodstrawberry

CodeTreeの過去問と、過去問を解くためのアルゴリズムとヒントをお伝えします。 C++を使用しますが、ライブラリを使用しないため、他の言語を使用する方も受講可能です。（Pythonコード提供）

입문

C++, Coding Test, Algorithm

SW 역량テスト合格 A型 with C++ (Advanced Algorithm)

bloodstrawberry

Java/Spring テストを追加したい開発者の間違いノート

kok202

Spring にテストを追加する方法を説明します。さらに、より自然なテストを行うために Spring の設計を変更する方法も学びます。

초급

TDD, Software Test, unittest

Java/Spring テストを追加したい開発者の間違いノート

kok202

[CSS&JS Master] - トレンドの感情記録日記を作成する

codecamp

最新の CSS プロパティと実用的な Javascript をプロジェクトを進めながら楽しく学ぶことができます。

입문

HTML/CSS, JavaScript, vanilla-javascript

[CSS&JS Master] - トレンドの感情記録日記を作成する

codecamp

ソフトウェア開発の7つの基本原則：最高のプログラマーになる方法

drajin

ソフトウェアの品質は習慣です！この講義では、企業が望む最高のプログラマーになる方法を学ぶことができます。

초급

Algorithm, C, software-design

ソフトウェア開発の7つの基本原則：最高のプログラマーになる方法

drajin

ISTQB AI Testing - ベストプラクティスを学び試験に備える

edu62481701

AI技術の現在と未来を理解し、機械学習などのAIモデルのテスト過程を体験し、テスターの役割を学びます。 AIベースのシステムテスト戦略の策定からテストケースの設計・実行、またテスト支援のためのAI活用方法まで幅広く習得します。本コースはISTQBのAI Testingシラバスに基づいて進められ、ISTQB AI Testing資格試験を完璧に準備できる機会を提供します。

입문

ISTQB, Software Test, AI

ISTQB AI Testing - ベストプラクティスを学び試験に備える

edu62481701

簡単なモバイルテストの自動化を始める: Appium Studio

qadaddy

AndroidとiOSデバイスでテストオートメーションの開発が気になったすべての人のための講義です。このレッスンにより、モバイルデバイスで自動化テストを実行できるようになります。

입문

Appium Studio, Software Test, quality assurance

簡単なモバイルテストの自動化を始める: Appium Studio

qadaddy

堅牢なJSソフトウェアの作り方

jeonghwan

同じ機能を作成する場合でも、JavaScript の文法を始めたばかりのジュニア開発者と経験豊富なシニア開発者のコードは、かなり異なります。もちろん、結果物は同じです。後者のコードが認められる理由は、構造化された設計と変更に対応できる拡張性にあるでしょう。この講義では、そのような優れたコードを作成する方法について説明します。

중급이상

Software Test, TDD, jasmine

堅牢なJSソフトウェアの作り方

jeonghwan

ストーリーブックと自動化テストを組み合わせたコンポーネント主導のフロントエンド開発

inflearn

입문

frontend, Software Test, storybook

ストーリーブックと自動化テストを組み合わせたコンポーネント主導のフロントエンド開発

inflearn

本当に！JavaScript - 基本から上級まで

codingmax

🌟 JavaScript の基礎から上級まで、本当に！ JavaScript レッスンから始めましょう！ 🌟

입문

JavaScript, ES6, es5

本当に！JavaScript - 基本から上級まで

codingmax

Java、アプリケーションをテストするさまざまな方法

whiteship

Javaプログラミング言語を使用している、または勉強している学生や開発者であれば、必ず知っておくべきアプリケーションをテストするさまざまな方法を学びます。

초급

Java, JUnit, Testcontainers

Java、アプリケーションをテストするさまざまな方法

whiteship

TDD開発方法論を活用したReact Nativeアプリの開発

huedonghopark0024

簡単なReactNativeアプリをTDD方法論で開発しながら、TDDの概念を確実に習得し、ReactNativeモバイルアプリ開発に適用できるように練習します。

초급

JavaScript, React, React Native

TDD開発方法論を活用したReact Nativeアプリの開発

huedonghopark0024

Flutterテスト基礎

survivalcoding

フラッターでのユニットテスト、UIテスト、統合テスト方法について公式文書の内容に基づいて説明する講義です。

초급

Flutter, Software Test, integration-tests

Flutterテスト基礎

survivalcoding

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

初心者でもできる、ウェブ、サーバー、モバイルアプリ、機械学習まで習得できるフルスタックの最終講義!! 開発をどこから始めたらよいかわからない場合は、この講義を強くお勧めします。Javascript 1 つで進めます!

입문

JavaScript, React, Node.js

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

🔥 漢字学習のためのカスタムプラットフォーム構築！ Google Gemini AIとFirestoreを活用し、自分だけの漢字単語帳、画数アニメーション、手書き認識まで直接実装してみましょう！

초급

gemini, HTML/CSS, TailwindCSS

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

Front-end testing áp dụng trực tiếp vào thực tế - Phần 2. Thử nghiệm sâu hơn: Hồi quy trực quan/Thử nghiệm E2E

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

🎊Sự kiện 🎊

Nếu bạn đã tham gia khóa học Phần 1, hãy nhận coupon giảm giá 50% cho Phần 2!

Chúng tôi hỗ trợ chi phí khóa học cho các bạn sinh viên và người chuẩn bị việc làm 💪

Bạn có đang
băn khoăn về những điều này không? 🤔

Các chuyên gia frontend thực tế
đã giới thiệu khóa học này 👍

Đa dạng kiểm thử frontend
Khóa học tốt nhất để học tất cả trong một lần 🚀

Phần 2 bao gồm tổng cộng sáu phần
được cấu trúc như sau 📚

Phần 1.
TDD và
Kiểm thử Frontend

Phần 2.
Kiểm thử Snapshot

Phần 3.
Kiểm thử hồi quy trực quan sử dụng Storybook và Chromatic

Phần 4.
E2E test là gì?

Phần 5.
Viết test E2E
sử dụng Cypress

Phần 6.
Kết thúc

Khóa học liên quan 📺

Kiểm thử Frontend áp dụng ngay vào thực tế

1부. Cơ bản về Testing: Unit Test và Integration Test

예상 질문 Q&A 💬

Khuyến nghị cho
những người này

Xin chào
Đây là

Chương trình giảng dạy

Đánh giá

Khóa học khác của hanjungv

Khóa học tương tự

Front-end testing áp dụng trực tiếp vào thực tế - Phần 2. Thử nghiệm sâu hơn: Hồi quy trực quan/Thử nghiệm E2E

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

🎊Sự kiện 🎊

Nếu bạn đã tham gia khóa học Phần 1, hãy nhận coupon giảm giá 50% cho Phần 2!

Chúng tôi hỗ trợ chi phí khóa học cho các bạn sinh viên và người chuẩn bị việc làm 💪

Bạn có đangbăn khoăn về những điều này không? 🤔

Các chuyên gia frontend thực tế đã giới thiệu khóa học này 👍

Đa dạng kiểm thử frontendKhóa học tốt nhất để học tất cả trong một lần 🚀

Phần 2 bao gồm tổng cộng sáu phầnđược cấu trúc như sau 📚

Phần 1.TDD và Kiểm thử Frontend

Phần 2.Kiểm thử Snapshot

Phần 3.Kiểm thử hồi quy trực quan sử dụng Storybook và Chromatic

Phần 4.E2E test là gì?

Phần 5.Viết test E2E sử dụng Cypress

Phần 6.Kết thúc

Khóa học liên quan 📺

Kiểm thử Frontend áp dụng ngay vào thực tế

1부. Cơ bản về Testing: Unit Test và Integration Test

예상 질문 Q&A 💬

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học khác của hanjungv

Khóa học tương tự

Bạn có đang
băn khoăn về những điều này không? 🤔

Các chuyên gia frontend thực tế
đã giới thiệu khóa học này 👍

Đa dạng kiểm thử frontend
Khóa học tốt nhất để học tất cả trong một lần 🚀

Phần 2 bao gồm tổng cộng sáu phần
được cấu trúc như sau 📚

Phần 1.
TDD và
Kiểm thử Frontend

Phần 2.
Kiểm thử Snapshot

Phần 3.
Kiểm thử hồi quy trực quan sử dụng Storybook và Chromatic

Phần 4.
E2E test là gì?

Phần 5.
Viết test E2E
sử dụng Cypress

Phần 6.
Kết thúc

Khuyến nghị cho
những người này

Xin chào
Đây là