English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 34 lectures (4h 21m) | 5.78 GB
Ultimate guide to learn frontend architectures and patterns, its pros and cons, and the best: all in Javascript!
Frontend Architecture and Patterns bootcamp
This comprehensive course covers a wide range of software architecture topics, including component-based patterns, single-page application architecture, state management pattern, microfrontend architecture, serverless architecture, progressive web apps (PWAs), and server-side rendering (SSR). With this knowledge, you’ll be ready to design and develop maintanable, scalable and faster frontend applications, improving your user’s experience! And better: you’ll learn practically! For each module of this course, I have prepared a specific repository, where you’ll be able to play with and apply all the knowledge I teach you!
Practical Approach: You’ll not just watch theorical classes about architectures and patterns. You’ll have real world issues, from software development world, and at the same time, you’ll be able to learn how to fix these problems.
Know-how: You’ll have a portfolio of tools you can use to solve the most common software developments world issues. What should you do to rank your page well in Google, for example? Here you’ll have one of the tools to solve this problem, and this is just one!
Improve the quality of your products: Do you want to keep writing shitty code forever? Or do you want to write scalable, maintainable and faster frontend applications? Improve your user’s experience, constructing a tools box of techniques to serve quality platforms. This tools box construction starts here!
What You’ll Learn:
- For each of the topics of this course, we are going to talk about:
- A generic software development problem. From “project takes to long to run the pipeline”, to “many places should be changed because of one changing requirement”. I’ll give you a link to a repository with this problem, and you’ll be able to solve this problem by yourself
- An architecture or pattern that comes to solve this problem
- How do we implement this architecture or pattern (using only Vanilla Javascript). For all the modules, I recommend you to play with the repository, before watch this “solving class”
- Good and bad practices in this architecture/pattern implementation, tips and common issues
- How to create well architectured frontend projects
- The pros and cons of each frontend architecture/pattern, and how to avoid implementation problems
- The basis of good frontend architectures, in a framework agnostic way
- How to implement some famous frontend architectures/patterns and its benefits
Table of Contents
Introduction to Frontend Software Architecture
1 Course structure
2 What is software architecture
3 Why is software architecture important for frontend development
4 Overview of different frontend architecture patterns
ComponentBased pattern
5 Problem presentation
6 What is componentbased pattern
7 Building a simple componentbased application
8 Common issues with componentbased pattern and how to mitigate them
SinglePage Application Architecture
9 Problem presentation
10 What is a SinglePage Application SPA
11 Building a simple SPA application
12 Common issues with SPA architecture and how to mitigate them
State Management pattern
13 Problem presentation
14 What is state management pattern
15 Building a simple state management application
16 Common issues with state management pattern and how to mitigate them
Microfrontends Architecture
17 Problem presentation
18 What is micro frontend architecture
19 Presenting a simple micro frontend application part 1
20 Presenting a simple micro frontend application part 2
21 Common issues with microfrontend architecture and how to mitigate them
Serverless Architecture
22 Problem presentation
23 What is serverless architecture
24 Building a simple serverless application
25 Common issues with serverless architecture and how to mitigate them
Progressive Web Apps
26 Problem presentation
27 What are progressive web apps PWA
28 Building a simple PWA
29 Best practices for PWAs
ServerSide Rendering SSR
30 Problem presentation
31 What is serverside rendering SSR
32 Building a simple SSR application
33 Common issues with SSR and how to mitigate them
Conclusion
34 Thank you and goodbye
Resolve the captcha to access the links!