UI Architecture Academy

UI Architecture Academy

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 168 Lessons (21h 37m) | 2.36 GB

The UI Architecture Academy is a 12 module program to teach you how to build, test and scale your UI apps. Students work through assessments, exercises and build real projects using the complete methodology they learn.

We learn to make testing a UI app so fast, you will never want to ship another SPA without doing it!

We then further advance your knowledge and show you the architectural rules and software design theory that will let you scale up your UI app to any size.

Table of Contents

1 Introduction
2 Debugging Guide
3 Logic Room API Spec Books Authors
4 CodeSandbox Running Code and Testing Locally
5 The No. 1 Reason JavaScript UI Testing Fails
6 The Dangers of UI Testing Mocks
7 The UI Testing Framework Trap
8 Bonus TDD Primer Introduction
9 Bonus TDD Primer Demo
10 Introduction 2
11 Code Sample Updates
12 Cornerstone Files
13 Cornerstone Data Models
14 Deep Dive The DTO Data Transfer Object
15 Deep Dive The Programmers Domain Model
16 Deep Dive The View Model
17 Why 3 Data Model Layers
18 Data Model Flow
19 Demo Books List with the Fast test Architecture
20 Exercise Standard Power up
21 Conclusion
22 Introduction 3
23 When to Use Async Await
24 When to Use Observables
25 Deep Dive App State vs Component State
26 Deep Dive Managing State
27 Putting It All Together
28 Demo
29 Exercise Standard Power up 2
30 Conclusion 2
31 Introduction 4
32 Finite State Machine
33 Black Box
34 Test Doubles
35 Reactive Cycles Async Test Fake Gateways
36 Practical Example Real UI
37 Demo Simple Test Books List
38 Exercise Standard Power up 3
39 Conclusion 3
40 Accountability Exercise 1 4
41 Introduction 5
42 Deep Dive Multi State Control
43 Deep Dive Multi Data Loading
44 Deep Dive Anchoring
45 Deep Dive Pivoting
46 Deep Dive Spot Checking
47 Putting It All Together 2
48 Exercise Standard Power up 4
49 Demo 2
50 Conclusion 4
51 Introduction 6
52 The Problem Scenario Duplication
53 The Solution Test Orchestration
54 The Solution Test Partitioning
55 Warning Side Effects
56 Demo Books List Public and Private Scenaios
57 Conclusion 5
58 Introduction 7
59 The Problem Feature Duplication
60 The Solution Test Harness
61 Demo Part 1 Adding Books Books List
62 Demo Part 2 Refactoring To The Test Harness
63 Demo Part 3
64 Exercise Standard Power up 5
65 Conclusion 6
66 Accountability Exercise 2 4
67 Introduction 8
68 Blending MV Patterns Basic Explanation
69 How The MV Patterns WorkAdvanced Session w Code
70 What Is Presentation.
71 Bad UI Markup Part 1 Inline Formatting
72 Bad UI Markup Part 2 Ambiguous Falsies
73 Bad UI Markup Part 3 Bad Mappings
74 Bad UI Markup Part 4 Obscure Inputs
75 Deep Dive Separating Concerns
76 Demo Part 1
77 Demo Part 2
78 Demo Part 3 2
79 Presenters ViewModels
80 Hierarchical ViewModels
81 Hierarchical ViewModels Walkthrough
82 Exercise Standard Power up
83 Conclusion 7
84 Introduction 9
85 Frontend Repositories vs Backend Repositories
86 Flat Models vs Hierarchical Models
87 Programmers Model Design Process
88 Demo Part 1 The First ViewModel
89 Demo Part 2 Finishing the First ViewModel
90 Demo Part 3 The Second ViewModel
91 Extending The Programmers Model Walkthrough
92 Programmers Model Domain Driven Design
93 Programmers Model Concentric Architectures
94 Programmers Model Model View Architectures
95 Programmers Model State
96 Programmers Model State Walkthrough
97 Exercise Standard Power up 6
98 Conclusion 8
99 Introduction 10
100 The OO vs Functional Religious Debate
101 Timing and Encapsulation
102 Deep Dive The Observer Pattern
103 Deep Dive The Observer Pattern Demo
104 Deep Dive The Observer Pattern Exercise
105 Deep Dive Functional Reactive Programming
106 Reactive Core
107 Demo Reactive Core
108 Exercise Reactive Core
109 Reactive Framework Radar
110 Reactive View
111 Demo Part 1 Reactive View
112 Demo Part 2 Reactive View
113 Exercise Reactive View
114 The Flow and Types of State
115 Reactive Forms Theory
116 Reactive Forms Demo Walkthrough
117 Conclusion 9
118 Accountability Exercise 3 4
119 What Is 2 Way Binding Bonus Video
120 Introduction 11
121 What is a Dependency.
122 OO vs Functional Dependencies
123 Dependency Inversion Inversion of Control
124 Dynamic Dependency Strategies
125 Why Use an IOC Container
126 Demo Building an IOC Container
127 Exercise Building an IOC Container
128 Dependency Lifecycle Singleton vs Transient
129 Composition Route
130 Advanced Dependency Inversion
131 Case Study Inversify IOC Container
132 Demo Inversify
133 Exercise Inversify
134 Circular Dependencies
135 Circular Dependencies Walkthrough
136 What Should Go Into The Injector.
137 Conclusion 10
138 Introduction 12
139 Providers HOC Hooks Injection
140 Mobx Bindings
141 Observe vs Computed in Mobx Community Question
142 Deep Dive What is Routing.
143 View Routing vs Application Routing
144 Logic Room Router Walkthrough
145 Pitfalls of Static Declaration
146 Choosing the Right Abstraction
147 Navigation Walkthrough
148 Building Complex Relationships
149 Hierarchical Presenters
150 Polymorphic Presenters
151 Hierarchical Presenters Walkthrough
152 Overview
153 Reactive Update Cycles
154 Challenges
155 rd Party Controls Walkthrough
156 Demo Part 1 Abstract Router Navigation
157 Demo Part 2 Abstract Router Navigation
158 Demo Part 3 Abstract Router Navigation
159 Demo Part 4 Abstract Router Navigation
160 Exercise Standard Power Up 7
161 Conclusion 11
162 Introduction System Specification
163 Introduction What Are The API Calls
164 Bootstrapping The Black Box (Part 1 of 5)
165 Fast Testing (Part 2 of 5)
166 Books Architecture (Part 4 of 5)
167 Authors Architecture (Part 5 of 5)
168 Accountability Exercise (4 4)

Homepage