강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

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

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!

(4.9) 42 đánh giá

548 học viên

  • jasonkang
실습 중심
jest
테스트코드
React
Cypress
Jest
ChatGPT
storybook

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

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

  • Cách viết mã kiểm tra bằng jest và cypress

  • Cách sử dụng storybook trong phát triển thành phần

  • Triển khai thông qua tự động hóa thử nghiệm

  • Cách viết mã kiểm tra bằng ChatGPT

Khóa học dành cho các nhà phát triển front-end muốn viết mã kiểm thử !

"Viết mã kiểm tra" như đã thấy trong các bài đăng tuyển dụng. Giờ bạn cũng có thể làm được!

Tôi giới thiệu điều này cho những người này 👍

Các nhà phát triển không có kinh nghiệm kiểm thử

Tài liệu này dành cho các nhà phát triển muốn viết bài kiểm tra nhưng vẫn tò mò về việc kiểm tra cái gì, như thế nào và tại sao.

Các nhà phát triển tò mò muốn biết liệu họ có đang thử nghiệm tốt hay không

Điều này dành cho các nhà phát triển đang viết bài kiểm tra và vận hành dịch vụ, nhưng không chắc chắn liệu các bài kiểm tra họ viết có đủ hiệu quả hay không vì không có người cấp cao nào xem xét chúng.

Câu chuyện từ những người tham gia lớp học đầu tiên 📝

Bạn sẽ làm gì sau khi học xong lớp này? 😎

  • Bạn có thể hiểu cần tập trung vào thử nghiệm những gì ở phần giao diện.

  • Bạn có thể viết mã kiểm tra bằng jest và cypress.

  • Tìm hiểu cách sử dụng Storybook trong phát triển front-end.

  • Bạn có thể xây dựng một quy trình kiểm thử tự động.

Học cái này 🏫

Cách sử dụng các công cụ kiểm tra như Jest và Cypress

Tìm hiểu cách viết mã kiểm thử bằng các công cụ kiểm thử phù hợp cho kiểm thử đơn vị, kiểm thử tích hợp và kiểm thử đầu cuối. Bạn có thể theo dõi các bài giảng và viết mã kiểm thử bằng mã nguồn được cung cấp trong kho lưu trữ GitHub .

Viết mã Cypress

Phát triển front-end bằng ChatGPT

ChatGPT đang rất thịnh hành hiện nay! Làm thế nào bạn có thể tận dụng AI để hợp lý hóa quá trình phát triển front-end? Tìm hiểu cách tạo lời nhắc tận dụng ChatGPT.

Trò chuyệnGPT

CI/CD thông qua tự động hóa thử nghiệm

Tìm hiểu cách vận hành dịch vụ một cách đáng tin cậy thông qua quy trình triển khai tận dụng CI/CD và tự động hóa thử nghiệm.

CI/CD

Ai đã tạo ra khóa học này 👨‍🦱

Bạn có thắc mắc nào không?

H. Tôi chưa có kinh nghiệm viết mã kiểm thử. Tôi có thể tham gia khóa học này không?

  • Nó được thiết kế sao cho ngay cả những người không có hiểu biết cơ bản về mã kiểm tra cũng có thể theo dõi được.

  • Khóa học bắt đầu bằng phần giải thích chi tiết về các khái niệm cơ bản và phương pháp viết mã kiểm thử, dần dần chuyển sang các phương pháp kiểm thử dành riêng cho React.

  • Vì vậy, ngay cả khi bạn không có kinh nghiệm viết mã kiểm tra, bạn vẫn có thể bắt đầu mà không gặp bất kỳ vấn đề gì.

H. Khóa học này sử dụng những công cụ kiểm tra hoặc thư viện nào?

  • Tôi sử dụng Jest và Cypress.

  • Jest là một trong những khuôn khổ thử nghiệm phổ biến nhất trong môi trường JavaScript, được sử dụng để thử nghiệm đơn vị và tích hợp.

  • Mặt khác, Cypress là một công cụ chuyên về thử nghiệm e2e, rất hữu ích để thử nghiệm toàn bộ luồng của ứng dụng web theo góc nhìn của người dùng.

  • Bằng cách tận dụng hai công cụ này, bạn có thể tích lũy kinh nghiệm với nhiều loại thử nghiệm khác nhau và có được kiến thức và kỹ năng thực tế cần thiết để phát triển chiến lược thử nghiệm cho các dự án thực tế.

H. Các bài giảng được giảng dạy theo hình thức nào? Có thực hành không, hay có nhiều giải thích lý thuyết?

  • Khóa học này chủ yếu tập trung vào đào tạo thực hành .

  • Lý thuyết chung về mã kiểm tra được giải thích ngắn gọn ở phần đầu bài giảng và sau đó, bạn sẽ tự học bằng cách viết mã kiểm tra thông qua nhiều bài tập thực hành khác nhau.

  • Nếu bạn cần giải thích thêm trong quá trình thực hành, chúng tôi sẽ trình bày lý thuyết chi tiết hơn trong khi viết mã thực tế.

Những điều cần lưu ý trước khi tham gia khóa học 📢

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

  • Trang khái niệm chứa các giải thích lý thuyết

  • Mã nguồn GitHub repo

Kiến thức và biện pháp phòng ngừa của người chơi

  • Kinh nghiệm phát triển sử dụng React

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

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

  • Nhà phát triển mới/cấp dưới chưa có kinh nghiệm viết bài kiểm thử

  • Nhà phát triển cấp dưới muốn đảm bảo rằng họ đã viết bài kiểm tra của mình đúng cách

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

  • Phản ứng

Xin chào
Đây là

12,082

Học viên

630

Đánh giá

349

Trả lời

4.9

Xếp hạng

9

Các khóa học

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

Tất cả

36 bài giảng ∙ (1giờ 48phút)

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

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

42 đánh giá

4.9

42 đánh giá

  • 채채님의 프로필 이미지
    채채

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    62% đã tham gia

    • 노종열님의 프로필 이미지
      노종열

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      24% đã tham gia

      1년차 프론트엔드 웹 개발자입니다. 사내 프로젝트 리뉴얼로 Testing Library에 신경 쓸 시간이 없어 따로 공부하지 못했는데, 마침 좋은 강의를 발견했습니다. 사전 지식이 없이도 알아 듣기 쉽게 설명해주시고 잘 정리된 문서까지 제공해주시는 점에서 해당 강의의 본질인 '테스트 기본기'를 확실히 알려주시는 거 같습니다.

      • 강병진
        Giảng viên

        노종열님 감사합니다! 시작하시는 분들을 위해 기본적인 내용을 잘 녹여내려고 노력했습니다. 계속 공부하시다가 궁금한 점이 있으시면 질문에 올려주세요~

    • 이용혁님의 프로필 이미지
      이용혁

      Đánh giá 11

      Đánh giá trung bình 5.0

      5

      8% đã tham gia

      • 정유열님의 프로필 이미지
        정유열

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        실무에 테스트 코드를 도입해보기 전에 가볍게 개념을 훑어보고싶어서 수강했습니다. 강의가 짧게 쪼개져있고 무겁지 않게 구성되어있으면서도 포인트는 잘 짚어주셔서 좋았습니다.

        • 이진영님의 프로필 이미지
          이진영

          Đánh giá 1

          Đánh giá trung bình 5.0

          Đã chỉnh sửa

          5

          100% đã tham gia

          jest, cypress, storybook을 짧은 시간 안에 이해할 수 있고, 비교와 현업 사용까지 알 수 있다는 것이 매우 큰 장점입니다. 어느정도 할 수 있는 개발자보다는 테스트를 완전히 처음 시작하는 사람이 보고 가면 좋을 것 같습니다.

          • 강병진
            Giảng viên

            찍먹 느낌으로 “이런 것들이 있어요~“를 준비해봤습니다. 감사합니다 😊

        717.461 ₫

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

        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!