강의

멘토링

커뮤니티

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'.

(5.0) 5 đánh giá

36 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • simplecoding
Jest
Jest
playwright
playwright
react-testing-library
react-testing-library
unit-test
unit-test
e2e
e2e
Jest
Jest
playwright
playwright
react-testing-library
react-testing-library
unit-test
unit-test
e2e
e2e

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

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

5.0

5.0

yjcoyjco

32% đã tham gia

Về test code vốn khiến tôi bối rối, giảng viên đã giải thích từng bước một, từ đầu đến cuối, rất dễ hiểu! Trong các yêu cầu bắt buộc hoặc ưu tiên của tin tuyển dụng, test code xuất hiện khá thường xuyên. Nếu xem bài giảng và thực hành theo để làm quen, rồi áp dụng vào thực tế, có vẻ sẽ nâng cao được sức cạnh tranh khi xin việc.

5.0

hg354323

100% đã tham gia

Rất tốt vì dễ hiểu. Việc giảng viên đề cập đến React Query và custom hook trong các ví dụ bài giảng đã rất hữu ích, và tôi nghĩ mình có thể áp dụng ngay vào dự án thực tế. Nhìn chung, giảng viên đã giải thích một cách dễ hiểu nên tôi có thể theo dõi tốt đến cuối. Cảm ơn vì khóa học hay!

5.0

fabiola

35% đã tham gia

Tôi không biết tầm quan trọng của test code. Khi trải nghiệm thực tế trong công việc thì phát hiện ra vấn đề con người nhiều hơn tôi nghĩ... Bản thân tôi cũng bỏ sót nhiều phần... Vì vậy tôi thực sự cảm thấy tầm quan trọng của test code, và khóa học này đã giúp tôi rất nhiều vì có thể thử nghiệm một cách dễ dàng và thoải mái. Thật tuyệt vời khi anh đã bỏ qua phần dài dòng và chỉ dạy ngay phần cốt lõi và trọng tâm!

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ự ántố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.

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.


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

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.)

# 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.


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,624

Học viên

176

Đá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ờ 52phút)

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

Đánh giá

Tất cả

5 đánh giá

5.0

5 đánh giá

  • yjcoyjco님의 프로필 이미지
    yjcoyjco

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    32% đã tham gia

    Về test code vốn khiến tôi bối rối, giảng viên đã giải thích từng bước một, từ đầu đến cuối, rất dễ hiểu! Trong các yêu cầu bắt buộc hoặc ưu tiên của tin tuyển dụng, test code xuất hiện khá thường xuyên. Nếu xem bài giảng và thực hành theo để làm quen, rồi áp dụng vào thực tế, có vẻ sẽ nâng cao được sức cạnh tranh khi xin việc.

    • hg354323님의 프로필 이미지
      hg354323

      Đánh giá 1

      Đánh giá trung bình 5.0

      Đã chỉnh sửa

      5

      100% đã tham gia

      Rất tốt vì dễ hiểu. Việc giảng viên đề cập đến React Query và custom hook trong các ví dụ bài giảng đã rất hữu ích, và tôi nghĩ mình có thể áp dụng ngay vào dự án thực tế. Nhìn chung, giảng viên đã giải thích một cách dễ hiểu nên tôi có thể theo dõi tốt đến cuối. Cảm ơn vì khóa học hay!

      • minjun232213193님의 프로필 이미지
        minjun232213193

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        32% đã tham gia

        • pabiola211237님의 프로필 이미지
          pabiola211237

          Đánh giá 2

          Đánh giá trung bình 5.0

          5

          35% đã tham gia

          Tôi không biết tầm quan trọng của test code. Khi trải nghiệm thực tế trong công việc thì phát hiện ra vấn đề con người nhiều hơn tôi nghĩ... Bản thân tôi cũng bỏ sót nhiều phần... Vì vậy tôi thực sự cảm thấy tầm quan trọng của test code, và khóa học này đã giúp tôi rất nhiều vì có thể thử nghiệm một cách dễ dàng và thoải mái. Thật tuyệt vời khi anh đã bỏ qua phần dài dòng và chỉ dạy ngay phần cốt lõi và trọng tâm!

          • suk39521116700님의 프로필 이미지
            suk39521116700

            Đánh giá 2

            Đánh giá trung bình 5.0

            Đã chỉnh sửa

            5

            100% đã tham gia

            Trước đây tôi không thể viết được một dòng test code nào, nhưng giờ đã có thể sử dụng cả MSW và Playwright rồi. Không chỉ giải thích lý thuyết mà còn trình bày ngay bằng ví dụ thực tế nên hiểu nhanh hơn rất nhiều. Tôi rất khuyến khích các bạn developer junior như tôi !!

            705.360 ₫

            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!

            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!