Design patterns

/vercel/path0/src/pages/principles/design_patterns.md

Updated 2 days, 20 hours ago

Free design patterns courses

• Patterns.dev - React and JavaScript patterns
• Mostly Adequate Guide to Functional Programming
• Anjana Vakil - Learning Functional Programming with JavaScript
• Refactoring Guru - Refactoring: clean your code
• Refactoring Guru - Design Patterns
• Alex Bespoyasov - Clean Architecture on Frontend
• Jack Herrington - Design Patterns with TypeScript:
  • Factory Patterns
  • Pub/Sub Patterns
  • Visitor and Iterator Patterns
  • Command & Memento Patterns
  • Proxy & Flyweight Patterns

Paid design patterns courses

• Refactoring Guru - Dive into Design Patterns

Additional content about design patterns

• Fireship - 10 Design Patterns explained in 10 minutes
• Continuous Delivery - Object-oriented programming (OOP) vs Functional Programming (FP)
• Fireship - Object Oriented vs Functional Programming in TypeScript
• Traversy Media - 5 Design Patterns Every Engineer Should Know (with Jack Herrington)
• Fireship - Test-Driven Development // Fun TDD Introduction with JavaScript
• Jack Herrington - Micro-Frontends in Just 10 Minutes
• Jack Herrington - Micro-Frontends: What, why and how
• Organized SCSS Folder Structures for Design Systems

Polish materials about design patterns

• Localhost Academy - Wzorce MVC + Separation of Concerns w React - jak to wygląda i jak to zastosować w praktyce?
• Localhost Academy - Obsługa błędów (error handling), walidacja kodu oraz dzielenie go na mniejsze części zgodnie z zasadami DRY i KISS (oglądać do 1:18:55)
• Localhost Academy - Jak zadbać o strukturę folderów projektu? Jak rozbić problem na mniejsze, zrozumiałe części? Czym jest architektura i od czego ona zależy?
• Localhost Academy - OOP w JavaScript/TypeScript - teoria i praktyka, czym jest abstrakcja i o co w niej chodzi? (jeden z trudniejszych wykładów do zrozumienia). Dodatkowo trochę o asynchroniczności i obsłudze błędów.
• Localhost Academy - Uniwersalne koncepty/wzorce w programowaniu - czym jest i do czego służą te “magiczne” słowa: DRY, KISS, YAGNI, WYSIWYG, SOLID i inne takie?
• Localhost Academy - Po co się waliduje kod? W jaki sposób to robić, żeby to było dobrze zrobione?
• Localhost Academy - 10 zasad w programowaniu, które warto znać. (oglądać do 1:12:29)
• Przeprogramowani - Jak uczyć się wzorców projektowych na froncie? Odpowiedź dla Juniora, Mida i Seniora
• Przeprogramowani - SOLID i Open-Closed Principle w praktyce | Lepszy kod w 20 minut