Search

Lessons (27)

• Domain-Driven Design: Tactical Patterns

  … load → call domain → save → publish PlaceOrderHandler Domain event Something that happened in the domain OrderPlaced , OrderShipped Factory Encapsulates …

• Onion Architecture & Clean vs Hexagonal vs Onion

  … rings around the domain model](/img/architecture/onion.svg) The rings Ring (inside → out) Contains Example --- --- --- 🟡 Domain …

• Domain-Driven Design: Strategic Design

  … put the business domain at the centre of software design, build a shared language with domain experts, and …

• How Browsers Render a Page

  … The critical rendering path (DOM, CSSOM, layout, paint, composite) and why it matters for fast, smooth pages. The …

• React Fundamentals

  Components, props, state and the virtual DOM. Learn to think in React, with a picture of how renders …

• Vertical Slice Architecture & the Modular Monolith

  … uses a rich domain model export async function placeOrder(deps: { orders: OrderRepository; events: EventBus }, cmd: PlaceOrderCommand) { const order …

• Choosing an Architecture

  … Compare every style in this course on one page, match them to your team, domain and scale, see …

• Finding Service Boundaries with DDD

  … Learn bounded contexts, ubiquitous language, aggregates and context maps from Domain-Driven Design. The big idea The word …

• Hexagonal Architecture (Ports & Adapters)

  … domain + ports + use case ts // core/domain/Loan.ts export class Loan { constructor(readonly bookId: string, readonly memberId …

• Clean Architecture

  … pure business rules js // domain/User.js — no imports from frameworks or databases export class User { constructor({ id …

• Clean Architecture in Depth

  … pure business rules ts // src/domain/Order.ts — no imports from frameworks, databases or HTTP export type OrderLine …

• What Is Software Architecture?

  … inside an app (Layered, Clean, Hexagonal, Onion), the domain (DDD), and the whole system (microservices, event-driven, serverless …

• Frontend Security

  … userBio }} / // ✅ Sanitise first import DOMPurify from "dompurify"; <div dangerouslySetInnerHTML={{ html: DOMPurify.sanitize(userBio) }} / // ❌ 2. javascript: URLs <a href …

• React Hooks in Practice

  … memory ( useState ), side effects ( useEffect ), references to DOM nodes ( useRef ) and more. They let small functions do what …

• Architecture Patterns at Scale

  … products starting out Central service capacity Microservices Independent domain ownership/deployments Distributed operations and contracts Serverless Bursty event …

• Trees & Binary Search Trees

  Trees model hierarchies like folders, the DOM and org charts. Learn the vocabulary, the four traversals, and how …

• CQRS & Event Sourcing

  … RM When to use them ✅ Good fit: complex domains with rich business rules, strong audit requirements (finance, healthcare …

• KISS: Keep It Simple, Stupid

  … It's fun to watch, and it breaks if one domino is off by a millimetre. A light …

• React vs Vue vs Angular

  … re-run and diff"] R1[state changes] -- R2[component function runs again] -- R3[diff virtual DOM] -- R4[patch …

• Frontend Performance & Core Web Vitals

  … selectors mermaid flowchart LR subgraph Normal["10,000 DOM rows 🐢"] n1[row 1] --- n2[row 2] --- n3["… row …

• Layered (N-Tier) Architecture

  … to medium apps, CRUD-heavy Rich, complex business domains Teams new to architecture: easy to understand Parts that …

• Topics, Partitions & Offsets

  … Naming tips: use a consistent scheme such as <domain .<entity .<event : shop.orders.placed , shop.payments.completed . Partitions …

• Big-O Notation Made Simple

  … For huge n, the n² part dominates everything. 3. Different inputs get different letters. js function printPairs(colors …

• MVC, MVP & MVVM

  … VM -- UC["Use cases<br/ (application core)"] -- E[Domain model] Key takeaways - All three separate View (what users …

• Event-Driven Architecture

  … Inside a modular monolith , modules can communicate with in-process domain events , keeping modules decoupled without any broker …

• Frontend Testing Strategy

  … role "button" named "Save" Snapshot of the whole DOM Specific assertions on what matters Tests that check behaviour …

• Structural Patterns: How to Connect Objects

  … app.js 25kb] You've used it: the DOM tree, React component trees, menus with sub-menus, org …