بوت کمپ معماری و الگوهای فرانت اند

سرفصل ها و درس ها

مقدمه ای بر معماری نرم افزار Frontend Introduction to Frontend Software Architecture

• ساختار دوره Course structure

• معماری نرم افزار چیست؟ What is software architecture?

• چرا معماری نرم افزار برای توسعه frontend مهم است؟ Why is software architecture important for frontend development?

• مروری بر الگوهای مختلف معماری frontend Overview of different frontend architecture patterns

الگوی مبتنی بر مولفه Component-Based pattern

• ارائه مشکل Problem presentation

• الگوی مبتنی بر مولفه چیست؟ What is component-based pattern?

• ساخت یک برنامه کاربردی ساده مبتنی بر کامپوننت Building a simple component-based application

• مشکلات رایج در مورد الگوی مبتنی بر مؤلفه و نحوه کاهش آنها Common issues with component-based pattern and how to mitigate them

معماری کاربردی تک صفحه ای Single-Page Application Architecture

• ارائه مشکل Problem presentation

• برنامه تک صفحه ای (SPA) چیست؟ What is a Single-Page Application (SPA)?

• ساخت یک برنامه SPA ساده Building a simple SPA application

• مشکلات رایج در معماری SPA و نحوه کاهش آنها Common issues with SPA architecture and how to mitigate them

الگوی مدیریت دولتی State Management pattern

• ارائه مشکل Problem presentation

• الگوی مدیریت دولتی چیست؟ What is state management pattern?

• ساخت یک برنامه مدیریت ایالت ساده Building a simple state management application

• مسائل رایج در مورد الگوی مدیریت دولتی و نحوه کاهش آنها Common issues with state management pattern and how to mitigate them

معماری Microfrontends Microfrontends Architecture

• ارائه مشکل Problem presentation

• معماری micro frontend چیست؟ What is micro frontend architecture?

• ارائه یک اپلیکیشن میکرو فرانت اند ساده - قسمت 1 Presenting a simple micro frontend application - part 1

• ارائه یک اپلیکیشن ساده micro frontend - قسمت 2 Presenting a simple micro frontend application - part 2

• مشکلات رایج در معماری microfrontend و نحوه کاهش آنها Common issues with microfrontend architecture and how to mitigate them

معماری بدون سرور Serverless Architecture

• ارائه مشکل Problem presentation

• معماری بدون سرور چیست؟ What is serverless architecture?

• ساخت یک اپلیکیشن ساده بدون سرور Building a simple serverless application

• مشکلات رایج در معماری بدون سرور و نحوه کاهش آنها Common issues with serverless architecture and how to mitigate them

برنامه های وب پیشرو Progressive Web Apps

• ارائه مشکل Problem presentation

• برنامه های وب مترقی (PWA) چیست؟ What are progressive web apps (PWA)?

• ساخت یک PWA ساده Building a simple PWA

• بهترین شیوه ها برای PWA ها Best practices for PWAs

رندر سمت سرور (SSR) Server-Side Rendering (SSR)

• ارائه مشکل Problem presentation

• رندر سمت سرور (SSR) چیست؟ What is server-side rendering (SSR)?

• ساخت یک برنامه ساده SSR Building a simple SSR application

• مشکلات رایج با SSR و نحوه کاهش آنها Common issues with SSR and how to mitigate them

نتیجه گیری Conclusion

• ممنون و خداحافظ Thank you, and goodbye