udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Коллекция Паттернов Проектирования И Лучших Практик JavaScript
The JavaScript Design Patterns and Best Practices Collection
★3.4 (всего оценок - 16)
Продолжительность
5 ч 10 мин
Категория
JavaScriptКоличество уроков
46 Видео
Дата добавления
3 мар. 2021 г., 23:38
Язык
Английский
Дата выхода
16 авг. 2017 г., 03:00
Дата обновления
29 апр. 2026 г., 09:33
Освойте ключевые паттерны проектирования и лучшие практики JavaScript, которые помогут писать масштабируемый, чистый и предсказуемый код без привязки к конкретным фреймворкам.
Зачем изучать паттерны проектирования в JavaScript
Понимание шаблонов проектирования — фундаментальный навык для разработчиков, работающих с современным JavaScript. Они помогают решать повторяющиеся архитектурные задачи, улучшать структуру приложений и повышать качество кода.
Что делает этот курс уникальным
Практическая, прикладная направленность
Курс раскрывает не только теорию шаблонов проектирования, но и демонстрирует, как применять их в реальных проектах — от маленьких модулей до крупных архитектур.
- Более 20 паттернов с живыми примерами.
- Разбор реальных задач и типичных проблем фронтенд‑разработки.
- Пошаговое внедрение паттернов в код.
Упор на современный JavaScript
В курсе активно используются современные возможности языка, что делает обучение актуальным и соответствующим требованиям рынка:
- паттерны проектирования JavaScript в контексте ES6+;
- лучшие практики JavaScript для построения архитектуры;
- идиоматический JavaScript и модульный подход;
- фреймворк-независимые решения.
Для кого предназначен курс
Этот курс будет особенно полезен тем, кто хочет укрепить фундамент JavaScript и развиваться в сторону архитектуры.
- Junior-разработчикам, которые хотят перейти на новый профессиональный уровень.
- Middle-разработчикам для систематизации знаний и улучшения качества кода.
- Фронтенд- и фуллстек-разработчикам, работающим над сложными приложениями.
Основные темы курса
Фундамент JavaScript
- Современный и идиоматический JavaScript.
- ООП и функциональное программирование в JS.
- Работа с DOM API и браузерными механизмами.
- ES6+ возможности, транспиляция, полифилы.
Паттерны проектирования
- Порождающие: Singleton, Factory, Prototype и др.
- Структурные: Adapter, Facade, Decorator, Composite.
- Поведенческие: Observer, Strategy, Iterator, State.
Архитектурные подходы
- MVC, MVVM, MVP.
- Внедрение зависимостей и управление состоянием.
- Реактивные паттерны и событийно-ориентированная архитектура.
Практическая часть курса
Обучение построено на практических примерах, которые помогают закрепить теорию и применить её в собственных проектах.
- Мини-проекты на каждый модуль.
- Практические задачи по внедрению паттернов.
- Реальные кейсы из больших JS‑приложений.
- Разбор типичных ошибок и антипаттернов.
Результаты обучения
После завершения курса вы сможете
- Применять более 20 шаблонов проектирования в JavaScript.
- Строить масштабируемую и модульную архитектуру приложений.
- Создавать поддерживаемый и читабельный код.
- Разрабатывать фреймворк-независимые модули.
- Выбирать правильные паттерны под конкретные задачи.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:03:06Course Overview
- Урок 2. 00:05:21Using white space for readability
- Урок 3. 00:07:54Declaring variables
- Урок 4. 00:04:22Declaring complex data types and functions
- Урок 5. 00:04:15OOP naming conventions
- Урок 6. 00:04:46Creating a global namespace
- Урок 7. 00:03:50Constants (and pseudo constants)
- Урок 8. 00:04:24Smart coercion of data fields
- Урок 9. 00:04:55Targeting at JavaScript versions or features
- Урок 10. 00:03:40Creating an onload method that always works
- Урок 11. 00:04:24Using Modernizr to detect features
- Урок 12. 00:04:53Building a conditional logic flow
- Урок 13. 00:06:27Selecting DOM elements natively in HTML5
- Урок 14. 00:05:38Creating a cross-browser script loader
- Урок 15. 00:07:16Using sizzle to select DOM element
- Урок 16. 00:05:44Defining a namespace
- Урок 17. 00:05:46Creating private variables in JavaScript
- Урок 18. 00:06:52OnReady – our first cross-browser script
- Урок 19. 00:06:31The JavaScript Module design pattern
- Урок 20. 00:07:09Version controlling our library
- Урок 21. 00:11:18Building out our library
- Урок 22. 00:12:50The problem with the global scope
- Урок 23. 00:08:15Moving to one object and namespace
- Урок 24. 00:08:00The Module design pattern
- Урок 25. 00:06:34The Module Reveal pattern
- Урок 26. 00:05:48Controlling the global access completely
- Урок 27. 00:13:22The Singleton design pattern
- Урок 28. 00:09:45The Abstract Factory design pattern
- Урок 29. 00:06:21The Factory design pattern
- Урок 30. 00:12:12The Builder design pattern
- Урок 31. 00:05:05The Builder design pattern continued
- Урок 32. 00:05:00The Prototype design pattern
- Урок 33. 00:09:07Abstracting our Singleton
- Урок 34. 00:06:14The Adapter design pattern
- Урок 35. 00:12:00The Composite design pattern
- Урок 36. 00:04:25The Decorator design pattern
- Урок 37. 00:07:16The Fly Weight design pattern
- Урок 38. 00:05:00The Façade design pattern
- Урок 39. 00:05:19Getting things working again
- Урок 40. 00:01:35The Bridge design pattern
- Урок 41. 00:05:42The Proxy design pattern
- Урок 42. 00:06:04The chain of responsibility - Part I
- Урок 43. 00:08:52The Chain of responsibility – continued
- Урок 44. 00:08:40The Observer design pattern – adding and dispatching events
- Урок 45. 00:04:43The Observer design pattern – removing events
- Урок 46. 00:13:31The State design pattern
Автор - udemy
Комментарии
Внимания стоит только последний модуль, в котором уже собственно и рассказывают про паттерны, остальные модули легкие, рассчитаны на новичков (джунов)
Паттерны бессмертны, но все таки курсу уже много лет, так что лучше посмотреть что-нибудь поновее