Frontend Architecture
🙌 Proposal
- ⏰ 4 days of online course, 4 hours per day (morning or afternoon)
- 👨💻 Team
- 💶 Price
🤞 Requirements
- ⌨️ Node +14
- 🏃 Typescript
- 📜 git
🏋🏼 The work modality will be with https://www.codescouts.academy/blog/mob-programming/
💡Optional: Each class will be recorded and uploaded to the Codescouts Campus automatically at the end of each session (private workspace for you) So students can review the classes, or see them if they have not been able to attend → [https: //campus.codescouts.academy/] (https://campus.codescouts.academy/)
📋 Agenda
1️⃣ Day 1 - Frontend architecture 🤔
- 🤝 Presentation → ⏲️10min
- 🤲 Enter the Explanation course agenda → ⏲️10min
- 📕 Theory → ⏲️30min
- 🏗️ Architecture fundamentals
- 🧅 Layer Architecture
- 💪 What advantages we have when dividing into layers
- 🧫 Evolution
- 🎐 Decoupling
- 🏉 Exercise 1 - Separation of concerns ⏲️90min
- 🥐 Break → ⏲️10min
- ⚽️ Exercise 2 - Moving from UI ⏲️90min
- 🤔 Reflection → ⏲️10min
2️⃣ Day 2 - Clean architecture 👀
- 🤝 Doubts of yesterday → ⏲️5min
- 📕 Theory → ⏲️30min
- 🧹 Clean Architecture
- 🔌 Why should we get away from frameworks / libraries
- 🤔 Thinking about domain
- 🧪 Testebility
- 🏉 Exercise 1 - Clean architecture ⏲️90min
- 🥐 Break → ⏲️10min
- ⚽️ Exercise 2 - Rich domain model instead of components BE ⏲️90min
- 🤔 Reflection → ⏲️10min
3️⃣ Day 3 - Dependencies and Events 👀
- 🤝 Doubts of yesterday → ⏲️5min
- 📕 Theory → ⏲️30min
- 🎭 Domain events
- 💉 Dependency injection
- ⚛️ Reactivity from our domain
- 🎯 Exercise 1 - Dependency injection → ⏲️90min
- 🥐 Break → ⏲️10min
- 🎳 Exercise 2 - Domain Events → ⏲️90min
- 🤔 Reflection → ⏲️10min
4️⃣ Day 4 - High level domain components 🏃
- 🤝 Doubts of yesterday → ⏲️5min
- 📕 Theory → ⏲️30min
- 🚨 And if we think at a high level
- 🧳 Defining generic architecture components
- ⏳ Changing implementations by platform / URL / at execution time
- 🎳 Exercise 1 - High level domain → ⏲️90min
- 🥐 Break → ⏲️10min
- 🎾 Exercise 2 - Generic architecture components → ⏲️90min
- 🤔 Reflection → ⏲️10min
🥋 Coach
Damián Pumar
Technical coach / Software craftsman / Speaker
🌐 https://damianpumar.com/
🐦 https://twitter.com/damianpumar
🎤Latest speaker conference 👉
https://www.damianpumar.com/events/
