inflearn logo

Phát triển Frontend hướng thành phần cùng Storybook & Kiểm thử tự động

(4.9) 16 đánh giá

1,017 học viên

Độ khó Nhập môn

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

frontend
frontend
Software Test
Software Test
storybook
storybook
frontend
frontend
Software Test
Software Test
storybook
storybook
Thumbnail

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

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

4.9

5.0

gaeunnnleee

100% đã tham gia

Cảm ơn bạn đã giải quyết sự nhầm lẫn của tôi trước khi vào TDD front-end. Tôi sẽ viết ra các trường hợp thử nghiệm và cố gắng thực hiện từng bước thử thách dựa trên những gì bạn đã dạy tôi.

5.0

또찌

100% đã tham gia

Là một lập trình viên backend đang học frontend, tôi luôn băn khoăn vì không có sự tự tin về testing và code của mình, cảm ơn lời khuyên!! Tôi luôn cảm thấy cần thiết phải đưa Storybook vào dự án nhưng lại lo lắng vì cần thêm công sức và học tập, cảm ơn bạn đã chỉ ra rằng có những phương pháp không cần sử dụng thư viện đó!!

5.0

강은비

100% đã tham gia

Thật là một bài giảng bổ ích!! Tôi mong chờ bài giảng Inflearn mới của Detective Rabbit 😊😊

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

  • Phát triển FE hướng thành phần cùng với Storybook

  • Phát triển FE hướng thành phần cùng với mã kiểm thử tự động


Video này là bản ghi lại buổi thuyết trình được thực hiện tại <Pangyo After-work Meetup với Inflearn - FE Test Code> vào tháng 8 năm 2024. 🙂

Phiên thảo luận 🎤

Phiên thuyết trình : Phát triển Frontend hướng thành phần cùng Storybook & Kiểm thử tự động

Frontend hiện đại xoay quanh các thành phần (component) dễ dàng kết hợp. Nhưng tại sao chúng ta vẫn đang phát triển tập trung vào trang (page)?

Storybook không chỉ dừng lại ở một thư viện thành phần dùng chung, mà còn là một công cụ cho phép phát triển xoay quanh các thành phần. Việc kiểm thử thành phần chạy trên trình duyệt thực tế vừa nhanh hơn e2e, vừa cho phép viết các bài kiểm tra từ góc nhìn của người dùng thực tế.

Phát triển hướng thành phần giúp phân định vai trò và ranh giới rõ ràng, đồng thời hỗ trợ tái hiện các trường hợp khác nhau một cách dễ dàng. Điều này giúp công việc trở nên thuận tiện và nhanh chóng hơn một cách tự nhiên.


Bài thuyết trình này sẽ giúp ích cho những ai?

  • Những người đang gặp khó khăn trong việc tái hiện và mocking nhiều trường hợp khác nhau

  • Những người không hài lòng với các bài kiểm tra E2E chậm chạp

  • Những ai muốn giảm bớt việc làm thêm giờ bằng cách học về tiêu chuẩn web và khả năng truy cập web

  • Những người chưa từng viết test cho frontend hoặc cảm thấy việc đó thật khó khăn


Diễn giả: Kim Tae-hee (Detective Rabbit),  Hiện là nhà phát triển tại Selfas
 
"Tôi đang làm việc với tư cách là nhà phát triển full-stack Clojure tại Selfas, đồng thời đảm nhận vai trò huấn luyện. Tôi đặc biệt quan tâm và nghiên cứu về lập trình hàm, kiểm thử frontend, khả năng tiếp cận và các tiêu chuẩn web, đồng thời áp dụng chúng vào công việc thực tế. Tôi cũng đã dịch tài liệu kiểm thử của Storybook và tự mình tạo ra cũng như sử dụng công cụ kiểm thử có tên là siheom."

Inflearn Pangyo Meetup đường về nhà

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

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

  • Những ai quan tâm đến mã kiểm thử FE (Front-end)

  • Những người quan tâm đến phát triển hướng thành phần (Component-Driven Development)

  • Những người quan tâm đến việc sử dụng Storybook

Xin chào
Đây là inflearn

723,821

Học viên

7,595

Đánh giá

118

Trả lời

4.8

Xếp hạng

150

Các khóa học

Tôi tin rằng cơ hội học tập cần phải được tự do khỏi những rào cản về kinh tế và vật chất.
Chúng tôi theo đuổi sự bình đẳng về cơ hội phát triển.

Đồng giảng viên

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

Tất cả

1 bài giảng ∙ (39phú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ả

16 đánh giá

4.9

16 đánh giá

  • dongjay00님의 프로필 이미지
    dongjay00

    Đánh giá 21

    Đánh giá trung bình 4.9

    5

    100% đã tham gia

    • gaeunnnleee4107님의 프로필 이미지
      gaeunnnleee4107

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Cảm ơn bạn đã giải quyết sự nhầm lẫn của tôi trước khi vào TDD front-end. Tôi sẽ viết ra các trường hợp thử nghiệm và cố gắng thực hiện từng bước thử thách dựa trên những gì bạn đã dạy tôi.

      • ninety25296님의 프로필 이미지
        ninety25296

        Đánh giá 146

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        • chateau85님의 프로필 이미지
          chateau85

          Đánh giá 37

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          • devddot님의 프로필 이미지
            devddot

            Đánh giá 3

            Đánh giá trung bình 5.0

            5

            100% đã tham gia

            Là một lập trình viên backend đang học frontend, tôi luôn băn khoăn vì không có sự tự tin về testing và code của mình, cảm ơn lời khuyên!! Tôi luôn cảm thấy cần thiết phải đưa Storybook vào dự án nhưng lại lo lắng vì cần thêm công sức và học tập, cảm ơn bạn đã chỉ ra rằng có những phương pháp không cần sử dụng thư viện đó!!

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

            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!

            Miễn phí