강의

N
챌린지

멘토링

N
클립

커뮤니티

NEW
Programming

/

Web Development

Kiểm thử Frontend cốt lõi áp dụng ngay lập tức

Tôi luôn có câu hỏi 'Tại sao lại phải viết test cho frontend?' và với câu hỏi đó, tôi đã viết test một cách máy móc. Nhưng các bạn sẽ hiểu được 'tại sao phải viết test' và 'cần viết như thế nào tùy theo từng tình huống'.

10 học viên đang tham gia khóa học này

  • simplecoding
실습 중심
초보
알기쉬운설명
Jest
playwright
react-testing-library
unit-test
e2e

Bạn sẽ nhận được điều này sau khi học.

  • Bạn sẽ có thể bắt đầu với việc kiểm thử frontend vốn từng khiến bạn bối rối.

  • Bạn sẽ có thể áp dụng testing trong thực tế.


[Kiểm thử Frontend Cốt lõi Ứng dụng Ngay]

Kiểm tra...? Tại sao lại phải làm cái này chứ...?



🤔 Bạn đã từng băn khoăn về điều này chưa?

Thông qua khóa học này, bạn sẽ giải quyết được tất cả các vấn đề và có thể tự tin viết test code!

🤷‍♂️ "Test... Tại sao phải làm việc này?"

Chỉ cần kiểm tra bằng mắt xem code có hoạt động tốt không là được, tôi không hiểu tại sao phải mất thời gian viết thêm code nữa.


😱 "Bài kiểm tra đột nhiên trở nên phức tạp!"

Khi sử dụng các thư viện quản lý state như Context API, React Query, tôi đã gặp khó khăn ngay từ việc thiết lập môi trường test.

🤦‍♀️ "Không biết bắt đầu từ đâu và như thế nào..."

Tôi hoàn toàn không biết cách viết test code nên khó có thể bắt đầu dù chỉ một dòng. 😢_😭


😳 "Không thể sửa được test do AI viết."

Mặc dù đã nhận được sự trợ giúp từ AI, nhưng vì không hiểu được code nên không thể chỉnh sửa và cuối cùng nó trở nên vô dụng.



✅ Chương trình học tập trung vào cốt lõi thực tế

Khóa học này không chỉ đơn thuần liệt kê ngữ pháp. Thông qua chương trình học được cấu trúc "tập trung vào những gì thực sự đã được sử dụng", bạn sẽ học được kiến thức cốt lõi có thể áp dụng ngay trong công việc thực tế.

💡 Trước tiên hãy hiểu rõ lý do tại sao!

Kiểm thử component đóng góp như thế nào vào tính ổn định của dự án và tốc độ phát triển cũng như QA, chúng ta cần hiểu rõ điều này trước khi bắt đầu.

스크린샷 2025-12-02 오전 10.30.52

Ví dụ về bài giảng giới thiệu kiểm thử

🚀 Xây dựng nền tảng cơ bản không khó (Jest & React Testing Library)

  • Khung Jest sẽ được học từ cú pháp cơ bản một cách rất chậm rãi, giúp bạn cảm nhận được rằng code test không khó như bạn nghĩ.

  • Học các nguyên tắc cơ bản về viết test dựa trên React Testing Library (RTL) thực tế nhất.


스크린샷 2025-12-02 오전 10.35.19

Ví dụ bài giảng về cách sử dụng cơ bản của Test

🛠️ Làm chủ hoàn hảo các ví dụ cốt lõi thực chiến

Học cách viết test có thể áp dụng ngay thông qua các ví dụ thực tế đa dạng

  • Kiểm tra tương tác người dùng của Input Component

  • Kiểm tra logic của component đăng nhập

  • Kiểm thử logic nghiệp vụ của Custom Hooks

스크린샷 2025-12-02 오전 10.43.27

Ví dụ bài giảng kiểm thử component đăng nhập

🧩 Bí quyết xử lý các tình huống phức tạp (Context, React Query, v.v.)

Context API hoặc React Query - học các kỹ năng thực tế để thiết lập môi trường test và viết code trong các môi trường phức tạp như vậy. (Mocking, thiết lập Provider, v.v.)

스크린샷 2025-12-02 오전 10.46.26

# Ví dụ bài giảng kiểm thử component có React Query Dưới đây là ví dụ về bài giảng kiểm thử component sử dụng React Query: ## 1. Component cần kiểm thử ```tsx // UserProfile.tsx import { useQuery } from '@tanstack/react-query'; interface User { id: number; name: string; email: string; } export function UserProfile({ userI

🌐 Hoàn thiện Test Pipeline với MSW và Playwright

  • MSW giúp xây dựng môi trường test và phát triển nhanh hơn và tiện lợi hơn mà không cần gọi API thực tế.

  • Playwright tự động kiểm thử toàn bộ kịch bản theo luồng sử dụng thực tế của người dùng để đảm bảo tính ổn định cuối cùng.


스크린샷 2025-12-02 오전 10.50.46

Ví dụ về khóa học thử nghiệm Playwright

⚠️ Lưu ý trước khi học

Môi trường thực hành

  • Cần có môi trường Node.js.

  • Hệ điều hành của giảng viên là MacOS, và người dùng Windows cũng không sao cả.


Kiến thức cần có và lưu ý

  • Cần có kiến thức cơ bản về React. (state, component, context, v.v.)

  • Cần có kiến thức cơ bản về phiên bản App Router của Next.js, nhưng chỉ cần hiểu về hệ thống định tuyến dựa trên tệp là đủ.


Tài liệu học tập

  • Tài liệu bài giảng sẽ được cung cấp qua link Notion trong bài giảng thứ hai.

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

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

  • Các lập trình viên junior không thể bắt đầu viết test code

  • # Lập trình viên không hiểu tại sao phải viết test code

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

  • Cần có kiến thức cơ bản về Javascript, Typescript, React, Next.js.

  • Next.js chỉ cần biết rằng routing được thực hiện theo từng file là được.

Xin chào
Đây là

2,440

Học viên

156

Đánh giá

1

Trả lời

4.9

Xếp hạng

3

Các khóa học

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

Tất cả

31 bài giảng ∙ (6giờ 51phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Ưu đãi có thời hạn

507.720 ₫

29%

716.781 ₫

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

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

Bước đầu tiên để học Git & Github một cách dễ dàng - Làm chủ cộng tácCourse Thumbnail

Bước đầu tiên để học Git & Github một cách dễ dàng - Làm chủ cộng tác

simplecoding

Đây là khóa học Git và Github để học cách sử dụng các thuật ngữ dễ hiểu và hình ảnh chi tiết. Tìm hiểu cách giải thích các khái niệm phức tạp bằng những thuật ngữ dễ hiểu và áp dụng chúng vào các dự án hợp tác thực tế.

Beginner

Beginner

Git, GitHub

Bước đầu tiên để học Git & Github một cách dễ dàng - Làm chủ cộng tácCourse Thumbnail

Bước đầu tiên để học Git & Github một cách dễ dàng - Làm chủ cộng tác

simplecoding

React cơ bản - Khóa 1 (dạng mớm tận miệng)Course Thumbnail

React cơ bản - Khóa 1 (dạng mớm tận miệng)

simplecoding

Khóa học giúp bạn hiểu rõ các khái niệm cơ bản của React thông qua hình ảnh minh họa.

Beginner

Beginner

React, react.js, frontend

React cơ bản - Khóa 1 (dạng mớm tận miệng)Course Thumbnail

React cơ bản - Khóa 1 (dạng mớm tận miệng)

simplecoding

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!

Khái niệm cơ bản về kiểm thử front-end trong 2 giờCourse Thumbnail

Khái niệm cơ bản về kiểm thử front-end trong 2 giờ

jasonkang

Mã kiểm tra! Tôi đã chuẩn bị điều này cho những người không biết bắt đầu từ đâu. Từ viết thử nghiệm đến triển khai thông qua tự động hóa, tất cả cùng một lúc!

Basic

Basic

React, Cypress, Jest

Khái niệm cơ bản về kiểm thử front-end trong 2 giờCourse Thumbnail

Khái niệm cơ bản về kiểm thử front-end trong 2 giờ

jasonkang

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 E2ECourse Thumbnail

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

hanjungv

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.

Basic

Basic

Software Test, JavaScript, e2e

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 E2ECourse Thumbnail

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

hanjungv

Bắt đầu với thử nghiệm front-end thực tếCourse Thumbnail

Bắt đầu với thử nghiệm front-end thực tế

captain

Bài giảng kiểm tra bắt buộc phải làm nếu bạn muốn trở thành một lập trình viên front-end có năng lực. Từ phần giới thiệu đến thực hành, tất cả ở một nơi 👊

Basic

Basic

Software Test, Cypress, e2e

Bắt đầu với thử nghiệm front-end thực tếCourse Thumbnail

Bắt đầu với thử nghiệm front-end thực tế

captain

Kiểm tra với Jest: Học đúng cách từ Zero ChoCourse Thumbnail

Kiểm tra với Jest: Học đúng cách từ Zero Cho

zerocho

Trong bài giảng này, chúng tôi sẽ chỉ ra khi nào cần thử nghiệm và những lợi ích của việc thử nghiệm bằng khung Jest. Áp dụng thử nghiệm đơn vị và thử nghiệm tích hợp cho React, Express, v.v.

Basic

Basic

Software Test, Jest, react-testing-library

Kiểm tra với Jest: Học đúng cách từ Zero ChoCourse Thumbnail

Kiểm tra với Jest: Học đúng cách từ Zero Cho

zerocho

Playwright cơ bản - Cách sử dụng cơ bản và nguyên lý cốt lõiCourse Thumbnail

Playwright cơ bản - Cách sử dụng cơ bản và nguyên lý cốt lõi

duckyoung lee

Bài viết này đề cập đến cách sử dụng cơ bản và các nguyên tắc cốt lõi của Playwright, một framework kiểm thử E2E.

Beginner

Beginner

e2e, Software Test, playwright

Playwright cơ bản - Cách sử dụng cơ bản và nguyên lý cốt lõiCourse Thumbnail

Playwright cơ bản - Cách sử dụng cơ bản và nguyên lý cốt lõi

duckyoung lee

Phát triển TDD bằng cách theo dõi và học hỏi [cập nhật 2023.11]Course Thumbnail

Phát triển TDD bằng cách theo dõi và học hỏi [cập nhật 2023.11]

John Ahn

Trong bài giảng này, chúng ta sẽ tạo một ứng dụng Node.js bằng cách sử dụng phương pháp phát triển dựa trên thử nghiệm (TDD).

Basic

Basic

TDD, Node.js, Express

Phát triển TDD bằng cách theo dõi và học hỏi [cập nhật 2023.11]Course Thumbnail

Phát triển TDD bằng cách theo dõi và học hỏi [cập nhật 2023.11]

John Ahn