Frontend architecture and patterns bootcamp

4h 21m 43s
English
Paid

Course description

This comprehensive course covers a wide range of software architecture topics, including component-oriented patterns, Single Page Application (SPA) architecture, state management patterns, micro-frontend architecture, serverless architecture, Progressive Web Applications (PWA), and Server-Side Rendering (SSR). This knowledge will help you design and develop maintainable, scalable, and fast frontend applications, enhancing your users' experience. And most importantly, you will learn through practice! For each module, I have prepared a special repository where you can apply all the acquired knowledge.

Read more about the course

What You Will Learn:

For each course topic, we will cover:

  • A specific development issue. From "the project takes too long to execute the pipeline" to "multiple places need to be changed due to one requirement." I will provide you with a link to a repository with this issue, and you will be able to find the solution on your own.
  • An architecture or pattern designed to solve this issue.
  • How to implement this architecture or pattern (using only Vanilla JavaScript). For each module, I recommend working with the repository before watching the "solution session."
  • Good and bad practices when implementing the architecture/pattern, useful tips, and common mistakes.

Why You Should Enroll:

  • Practical Approach: You won't just listen to theory - you'll get real-world development problems and learn how to solve them in practice.
  • Know-how: You'll have a toolkit for solving the most common tasks in software development. How, for example, can you improve a page's ranking on Google? Here, you will learn one of the ways, and it's just the beginning!
  • Improving Product Quality: Do you want to write poor-quality code forever? Or strive to create scalable, maintainable, and fast frontend applications? Improve the user experience by building your own "toolbox" of techniques for creating high-quality platforms. Start building it here!

Who This Course Is For:

  • Web developers seeking to improve the overall performance of their websites
  • Frontend and full-stack developers who want to create smooth interfaces
  • Developers who want to learn to write quality code by applying current architectures and patterns

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 34 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Frontend architecture and patterns bootcamp

0:00
/
#1: Course structure

All Course Lessons (34)

#Lesson TitleDurationAccess
1
Course structure Demo
03:42
2
What is software architecture?
03:04
3
Why is software architecture important for frontend development?
03:09
4
Overview of different frontend architecture patterns
04:05
5
Problem presentation
06:33
6
What is component-based pattern?
03:24
7
Building a simple component-based application
07:36
8
Common issues with component-based pattern and how to mitigate them
03:48
9
Problem presentation
04:00
10
What is a Single-Page Application (SPA)?
04:42
11
Building a simple SPA application
26:53
12
Common issues with SPA architecture and how to mitigate them
02:39
13
Problem presentation
07:19
14
What is state management pattern?
03:05
15
Building a simple state management application
09:37
16
Common issues with state management pattern and how to mitigate them
04:01
17
Problem presentation
07:13
18
What is micro frontend architecture?
11:52
19
Presenting a simple micro frontend application - part 1
19:48
20
Presenting a simple micro frontend application - part 2
21:59
21
Common issues with microfrontend architecture and how to mitigate them
09:45
22
Problem presentation
03:08
23
What is serverless architecture?
04:32
24
Building a simple serverless application
17:45
25
Common issues with serverless architecture and how to mitigate them
02:56
26
Problem presentation
04:39
27
What are progressive web apps (PWA)?
09:12
28
Building a simple PWA
14:44
29
Best practices for PWAs
07:49
30
Problem presentation
07:27
31
What is server-side rendering (SSR)?
05:52
32
Building a simple SSR application
09:45
33
Common issues with SSR and how to mitigate them
04:09
34
Thank you, and goodbye
01:31

Unlock unlimited learning

Get instant access to all 33 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

SVG Animation with GreenSock

SVG Animation with GreenSock

Sources: Carl (Creative Coding Club)
Learn how to create SVGs in design programs, embed them in web pages, edit them using code, and animate them with GreenSock.
12 hours 34 minutes 48 seconds
The Approachable Guide to Accessible Components

The Approachable Guide to Accessible Components

Sources: fullstack.io
"A Clear Guide to Creating Accessible Components" is intended to provide a comprehensive understanding of web accessibility. The course covers the basics...
2 hours 19 minutes 45 seconds
UI Architecture Academy. Q&A Calls

UI Architecture Academy. Q&A Calls

Sources: Logic Room
A series of group coaching sessions, guidance from a coach, answers to questions, and support throughout the course "Academy of UI Architecture."
20 hours 50 minutes 44 seconds
Normal UI

Normal UI

Sources: Anthony Alicea
You don't need to be a designer to make a web application more user-friendly. Successful web applications are user-friendly web applications. The better...
39 minutes 16 seconds