• Post category:StudyBullet-16
  • Reading time:7 mins read


Ultimate guide to learn frontend architectures and patterns, its pros and cons, and the best: all in Javascript!

What you will learn

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

Description

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!

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

Why Enroll:


Get Instant Notification of New Courses on our Telegram channel.


-> 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!

Who Is This For:

  • Web developers aiming to improve the overall performance of their websites
  • Frontend and full stack developers aiming to create silky-smooth user interfaces
  • Developers that want to learn how to write quality code, applying the most actual architectures and patterns in the market

Enroll now and let’s redefine web together!

English
language

Content

Introduction to Frontend Software Architecture

Course structure
What is software architecture?
Why is software architecture important for frontend development?
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
What is a Single-Page Application (SPA)?
Building a simple SPA application
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 Architecture

Problem presentation
What is micro frontend architecture?
Presenting a simple micro frontend application – part 1
Presenting a simple micro frontend application – part 2
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
What are progressive web apps (PWA)?
Building a simple PWA
Best practices for PWAs

Server-Side Rendering (SSR)

Problem presentation
What is server-side rendering (SSR)?
Building a simple SSR application
Common issues with SSR and how to mitigate them

Conclusion

Thank you, and goodbye