Enterprise UI Development

Enterprise UI Development

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 50 Lessons (8h 26m) | 1.60 GB

Perfect for lead UI developers managing large apps, migrating codebases, or starting scalable projects while maintaining code quality. Learn unit testing with Vitest, continuous integration via GitHub Actions, component and accessibility testing with Ax, mocking techniques, and code standard enforcement using ESLint and Husky & Lint-Staged. Guide your team toward coding scalability!

Table of Contents

1 Introduction
2 What is Enterprise UI Development
3 Tools for the Course
4 Types of Tests
5 Setup Unit Testing with Vitest
6 Vitest UI
7 Unit Testing Exercise
8 Unit Testing Solution
9 Async & Asymmetric Tests
10 Asymmetric Matching Exercise
11 Asymmetric Matching Solution
12 GitHub Actions
13 GitHub Actions UI
14 Build Step & Branch Protection Rules
15 Running Multiple Jobs
16 Caching Dependencies
17 Cache Configuration
18 Component Testing Overview
19 Component Testing Configuration
20 Using Vitest Environments
21 Interacting with the DOM
22 Abstracting Rendering & User Events
23 Counter Exercise & Solution
24 Testing Project Exercise
25 Testing Project: Input Field
26 Testing Project: Disabled & Enabled Button
27 Testing Project: Item in List
28 Test Isolation
29 Test Scope
30 Automated Accessibility Testing with Ax
31 Code Coverage
32 Vitest Code Coverage Configuration
33 Generating Artifacts Using GitHub Actions
34 Generating Coverage Report Artifact
35 Creating Mocks
36 Spying on Methods
37 Mocking Third-Party Libraries
38 Mocking TIme
39 Mocking API Requests
40 Playwright Overview
41 Playwright Setup
42 Playwright Configuration
43 Writing Playwright Tests
44 Recording Tests
45 Creating Screenshots
46 Mocking APIs with Playwright
47 Writing Custom ESLint Rules
48 Husky & Lint-Staged
49 Enforcing Standards Q&A
50 Wrapping Up

Homepage