FrontendMasters – JavaScript Design Patterns for Web Apps 2024-8

JavaScript Design Patterns for Web Apps, In this course, you will learn about design patterns for front-end projects using JavaScript. You’ll understand the benefits and challenges of design patterns and learn how to implement different patterns to improve the readability, reusability, modularity, and scalability of your simple JavaScript projects. You will learn how to implement classic and modern design patterns in front-end development, achieve better scalability in data management and application state, and improve user experience. The syllabus of this course includes design patterns for Single Page Applications (SPA), Multi Page Applications (MPA), data, state management and some advanced ideas that you can implement in your own projects if possible.

What you will learn in the JavaScript Design Patterns for Web Apps course

• How to write reusable and easy-to-maintain code
• The principles and methods of implementing design patterns in front-end programs
• Classic and modern design patterns such as MVC, MVVM and Observer
• Manage application data and state using appropriate templates
• Techniques for improving user experience in web applications

This course is suitable for people who:

• They have basic knowledge of working with simple JavaScript and DOM
• Looking to improve their skills in web application development
• Want to learn design patterns to create more efficient and scalable front-end applications
• Looking to improve the user experience of their web applications

Course details

• Publisher: FrontendMasters
• Lecturer: Maximiliano Firtman
• Training level: beginner to advanced
• Training duration: 4 hours and 24 minutes
• Number of courses: 34

Course headings

1- Introduction
2- What are Design Patterns
3- Components of a Design Pattern
4- Design Patterns for VanillaJS Web Apps
5- Classic Patterns
6- Singleton Factory Patterns
7- Decorator Pattern
8- Adapter Mixin Value Object Patterns
9- Observer Template Method Patterns
10- Memento Command Patterns
11- Todo Masters Project Setup
12- ECMAScript Modules globalThis
13- Observer Pattern with Mixins
14- Creating the Data Classes
15- Adding TodoList Methods
16- Add Delete Commands
17- Rendering TodoList Items
18- Saving Todos in LocalStorage
19- Adding Keyboard Shortcuts
20- Undo with Memento Pattern
21- Single Page Application Patterns
22- Coffee Masters Project Tour
23- Lazy Loading JavaScript Components
24- View Transitions
25- Morphing Elements Between Pages
26- HTML Template Interpolation
27- Routing Metadata
28- Multi-Page Application Patterns
29- Cooking Masters Project Tour
30- Prefetch Prerender
31- Promisify Flux Redux Patterns
32- Lazy Sync Proxy Middleware Patterns
33- Advanced Ideas
34- Wrapping Up

Course prerequisites

• Experience writing HTML and CSS
• Experience with JavaScript and DOM APIs

 Course images

Sample video of the course

Download link

Download Part 1 – 1 GB

Download Part 2 – 778 MB

File(s) password: www.downloadly.ir

Size

1.77 GB