Chia Sẻ Khóa Học Web Component & Design System Với StencilJS [Khóa 5823 A]
Build, Test, Document và Publish lên NPM một Design System/UI Lib hoàn chỉnh cho React, Angular, Vue và Vanilla JavaScript.
Những gì bạn sẽ học được:
- ✓ Build các Web Component bằng StencilJS.
- ✓ Triển khai các best practice cho các thư viện UI có thể tái sử dụng.
- ✓ Triển khai các accessibility best practice trong các web component.
- ✓ Viết các unit & E2E test cho các StencilJS component với Jest và Playwright.
- ✓ Document các StencilJS component hiệu quả bằng Storybook.
- ✓ Thiết lập và quản lý một multi-package monorepo với Turborepo.
- ✓ Publish một StencilJS component library lên NPM và tích hợp nó vào các ứng dụng của bên thứ ba.
- ✓ Tích hợp các web component với các framework như React, Angular và Vue.
Làm chủ StencilJS và Xây dựng một Design System Chuyên nghiệp.
Vượt xa các hướng dẫn, build, test (unit, E2E, snapshot testing), document (Storybook) và publish (NPM) một Design System UI component library hoàn chỉnh, được các ứng dụng thực tế tin cậy. Sử dụng StencilJS, bạn sẽ tạo ra các Web Component hiệu suất cao, không phụ thuộc vào framework, tích hợp liền mạch với React, Angular, Vue và Vanilla JavaScript/HTML.
Bên trong, bạn sẽ khám phá cách:
- ✓ Kiến trúc các UI component có thể tái sử dụng và mở rộng như một pro.
- ✓ Đưa accessibility vào ngay từ đầu.
- ✓ Cung cấp documentation hoàn chỉnh với Storybook.
- ✓ Đảm bảo độ tin cậy với Jest & Playwright test.
- ✓ Tối ưu hóa quá trình phát triển với Turborepo.
- ✓ Xuất bản lên NPM và ship production-ready code.
Đây không phải là phần giới thiệu hời hợt, bạn sẽ làm theo một phương pháp tiếp cận thực tế, dựa trên dự án, xây dựng các component thực tế tuân theo các best practice hiện đại và tiêu chuẩn ngành. Trong quá trình học, bạn sẽ có được những hiểu biết sâu sắc về design systems, UI consistency, maintainability và developer experience, những yếu tố sẽ giúp bạn trở thành một front-end developer nổi bật.
Cho dù bạn muốn tạo một thư viện cho công ty của bạn, đóng góp vào open source hay bán premium component kit của riêng mình, bạn sẽ rời khỏi khóa học này với các tool, workflow và sự tự tin để biến điều đó thành hiện thực, bất kể trình độ kỹ năng hiện tại của bạn là gì.
Cuối cùng, bạn sẽ không chỉ "biết" StencilJS mà còn thành thạo nó với một design system đầy đủ chức năng, sẵn sàng sử dụng ngay trong các dự án chuyên nghiệp hoặc sản phẩm thương mại.
Mục lục:
- ✓ 1. Giới thiệu về Khóa học.
- ✓ 2. Giới thiệu nhanh [rất nhanh] về Web Components & StencilJS.
- ✓ 3. Thiết lập môi trường StencilJS, Các Library & Sandbox.
- ✓ 4. Stencil Components 101.
- ✓ 5. Accessibility trong StencilJS.
- ✓ 6. StoryBook & Documentation Generation.
- ✓ 7. Testing với Jest & Playwright.
- ✓ 8. Các phương pháp tiếp cận về Server-Side Rendering trong StencilJS.
- ✓ 9. Deploy lên NPM package & Testing trên tất cả các Framework.
Khóa học này dành cho ai:
- ✓ Các Frontend developer muốn xây dựng các web component có thể tái sử dụng, không phụ thuộc vào framework.
- ✓ Các Developer quan tâm đến việc tạo và xuất bản các tUI component library.
- ✓ Các kỹ sư đang làm việc trên các design system hoặc component library được chia sẻ trên nhiều dự án.
- ✓ Nhiều Team sử dụng React, Angular, Vue hoặc Vanilla JS muốn chuẩn hóa và thống nhất UI của tất cả các ứng dụng.
- ✓ Bất kỳ ai muốn học StencilJS nhanh nhất có thể mà không cần những thứ vớ vẩn và không lãng phí thời gian vào những thứ không quan trọng.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU