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
Watch Online Frontend architecture and patterns bootcamp
0:00
/ #1: Course structure
All Course Lessons (34)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsSimilar courses
Clean Code: Writing Code for Humans
Sources: pluralsight
Anyone can write code a computer can understand, but professional developers write code *humans* can understand. Clean code is a reader-focused development styl
3 hours 10 minutes 36 seconds
![Testing Fundamentals [EpicWeb]](https://cdnq.courseflix.net/course/thumbnail/testing-fundamentals-epicweb-320x180.webp "Testing Fundamentals [EpicWeb]")
Testing Fundamentals [EpicWeb]
Sources: Artem Zakharchenko
In this workshop, Artem Zakharchenko, testing expert and creator of the Mock Service Worker API mocking library, will guide you through creating your own versio
5 hours 16 minutes 16 seconds
HTMX - The Practical Guide
Sources: Academind Pro
Are you tired of picking the right JS library from a vast sea of libraries? And do you sometimes feel like frontend JavaScript development & code became unnecessarily complex? H...
4 hours 5 minutes
Animating the web with Framer Motion
Sources: Jeroen Reumkens
Making smooth, performant and beautiful animations is hard. Framer Motion helps you overcome a lot of these struggles. In this course, I'll guide you through ev
6 hours 3 minutes 51 seconds
Want to join the conversation?
Sign in to comment