udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Создание фулстек клона Trello: WebSocket, Socket IO
Build Fullstack Trello clone: WebSocket, Socket IO
★4.8 (всего оценок - 25)
Продолжительность
8 ч 49 мин
Категория
AngularКоличество уроков
47 Видео
Дата добавления
20 февр. 2023 г., 14:45
Язык
Английский
Дата выхода
13 янв. 2023 г., 01:00
Дата обновления
29 апр. 2026 г., 17:12
Что представляет собой этот курс
Курс посвящён созданию фулстек клона Trello с использованием Angular, Typescript, Node.js, Express, MongoDB и Socket.IO. Обучение построено вокруг практики: вы создаете приложение с нуля, постепенно переходя от базовой структуры к сложной логике и работе в реальном времени.
Основные особенности обучения
- Пошаговая реализация реального проекта с нуля.
- Глубокое погружение в архитектуру фронтенда и бэкенда.
- Разбор и применение современных подходов к структурированию кода.
- Интеграция WebSocket и построение взаимодействия в реальном времени.
- Единая кодовая база на Typescript для клиента и сервера.
Что вы будете делать в процессе обучения
Каждый урок посвящён конкретной задаче или функциональному модулю. В итоге у вас сформируется понимание не только *как* что-то сделать, но и *почему это делается именно так*.
Создание архитектуры проекта
Вы научитесь разрабатывать структуру профессионального веб‑приложения, разбивать код на модули и компоненты и поддерживать удобную масштабируемость.
Разработка фронтенда на Angular
Рассматриваются ключевые шаблоны Angular, принципы взаимодействия компонентов, управление состоянием и создание чистой, понятной логики интерфейса.
Построение API на Node.js и Express
Вы научитесь реализовывать REST‑эндпоинты, настраивать middleware, работать с MongoDB и обеспечивать безопасность приложения.
WebSocket и Socket.IO
Отправка и получение событий в реальном времени — ключевая функция Trello. Вы создадите стабильное WebSocket‑соединение и реализуете синхронные обновления между клиентами.
Аутентификация и авторизация
Важная часть курса — безопасная аутентификация как через HTTP, так и через WebSocket. Вы разберёте управление токенами, защиту маршрутов и обработку прав доступа.
Развёртывание на реальный сервер
После завершения разработки вы научитесь публиковать приложение в продакшен, настраивать окружение и обеспечивать стабильную работу.
Что включено в курс
- Исходный код для каждого урока.
- Постепенное увеличение сложности.
- Пояснения по структуре, паттернам и лучшим практикам разработки.
- Финальное работающее приложение, которое можно использовать как портфолио.
Чему вы научитесь
- Профессионально структурировать и настраивать проекты.
- Писать чистый и поддерживаемый Typescript-код.
- Создавать модульную архитектуру с контроллерами, сервисами, middleware.
- Внедрять аутентификацию в HTTP и WebSocket.
- Применять архитектурные подходы Angular и Express.
Для кого этот курс
Курс подходит как новичкам в фулстек‑разработке, так и тем, кто уже знаком с Angular, Typescript, Express или MongoDB, но хочет понять, как выстроить настоящее производственное приложение.
Почему этот курс вам подходит
Если вы изучали веб‑разработку, но не чувствуете уверенности в создании полноценного проекта, этот курс даст вам системное понимание процесса — от архитектуры до публикации.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:03:34What technologies do we use?
- Урок 2. 00:00:41Downloadable resources
- Урок 3. 00:08:10Installing Node & Angular
- Урок 4. 00:05:06Configuring server
- Урок 5. 00:07:28Installing database
- Урок 6. 00:02:20Do you use a good editor?
- Урок 7. 00:11:54Setting up socket with Express
- Урок 8. 00:22:21Creating Mongoose user model
- Урок 9. 00:20:11Adding registration
- Урок 10. 00:11:05Implementing login
- Урок 11. 00:15:41Creating auth middleware
- Урок 12. 00:19:00Creating auth module
- Урок 13. 00:12:56Register page - Markup + Form
- Урок 14. 00:11:07Register page - service + validation
- Урок 15. 00:10:01Login page
- Урок 16. 00:08:14Home page
- Урок 17. 00:08:06Auth interceptor
- Урок 18. 00:13:53Auth guard
- Урок 19. 00:14:16Gettings boards
- Урок 20. 00:10:01Frontend for gettings boards
- Урок 21. 00:15:29Inline form
- Урок 22. 00:19:20Implementing creating a board
- Урок 23. 00:07:39Adding Top bar and logout
- Урок 24. 00:08:59Creating board module
- Урок 25. 00:02:48Getting a single board
- Урок 26. 00:06:27Adding board stream
- Урок 27. 00:09:56Creating socket service
- Урок 28. 00:17:20Joining and leaving board
- Урок 29. 00:11:28Authentication in socket.io
- Урок 30. 00:09:15Getting columns
- Урок 31. 00:12:15Create column with websockets
- Урок 32. 00:11:38Getting columns
- Урок 33. 00:15:58Create column form
- Урок 34. 00:09:36Creating a basic task
- Урок 35. 00:11:43Getting tasks
- Урок 36. 00:08:25Create task form
- Урок 37. 00:15:28Update board name
- Урок 38. 00:08:19Delete board
- Урок 39. 00:10:10Delete column
- Урок 40. 00:08:55Update column
- Урок 41. 00:06:55Unsubscribe
- Урок 42. 00:15:55Task module and basic component
- Урок 43. 00:13:58Get task and columns
- Урок 44. 00:14:43Update task
- Урок 45. 00:07:31Delete task
- Урок 46. 00:31:30Deployment
- Урок 47. 00:02:03Homework
Автор - udemy
Комментарии
lifegtnМеня одного смущает вымученное повествование? Тяжко слушать же
ivan lifegtnТак не слушай :-)- lifegtn ivanКуда ты, дорогой, с указами ринулся. Не твое дело что мне делать :-)
dvrepaВ 4 уроке автор упустил момент что для работы ts-node нужен глобально установленный typescript. Если такого нет, то лучше поставить локально в проект "npm install -D typescript"