Scotch.io
Scotch.io - лучшие курсы и туториалы, которые вы найдете для веб-разработки. Руководства, курсы, учебные пособия и еще много крутого контена для изучения.
Создайте сайт "битва гифок" с Angular и Node
Build a Gif Battle Site with Angular and Node
★5 (всего оценок - 12)
Продолжительность
2 ч 33 мин
Категория
AngularКоличество уроков
26 Видео
Дата добавления
1 февр. 2018 г., 23:41
Язык
Английский
Дата выхода
12 сент. 2017 г., 00:00
Дата обновления
28 апр. 2026 г., 23:24
Хотите освоить полный цикл веб‑разработки — от создания backend‑API до разработки полноценного frontend‑приложения? В этом курсе вы шаг за шагом создадите сайт «битва гифок» с помощью Angular и Node.js, разберётесь с serverless‑архитектурой и внедрите практики профессиональной разработки.
О чём этот курс
Курс посвящён созданию современного, быстрого и масштабируемого веб‑приложения. Вы изучите работу Node API, освоите Angular и научитесь объединять обе части в единый функциональный проект.
Что вы создадите
- Serverless Node API для работы с данными
- Frontend‑приложение на Angular
- Интерактивный сайт «битва гифок» с пользовательскими разделами
- Механики голосования, загрузки и отображения GIF‑контента
Ключевые навыки
- Построение REST API на Node.js
- Развёртывание бэкенда в serverless‑среде
- Работа с Angular, компонентами и сервисами
- Интеграция backend и frontend
- Оптимизация и структура Angular‑приложений
Чему вы научитесь
Разработка backend‑части
Вы разберётесь, как проектировать API, обрабатывать запросы, работать с данными и адаптировать Node‑сервер под serverless‑платформы.
Практика в serverless
- Настройка окружения
- Создание функций
- Организация безопасных эндпоинтов
Создание frontend‑части на Angular
Курс охватывает ключевые инструменты Angular, включая работу с компонентами, модулями, сервисами, реактивными формами и маршрутизацией.
Оптимизация Angular‑приложений
- Разделение на модули
- Бестпрактики структуры проекта
- Обработка данных из API
Почему этот курс полезен
После завершения обучения вы сможете уверенно создавать современные одностраничные приложения, подключать их к Node API и развёртывать их в облаке. Это идеальная практика для тех, кто хочет перейти от базового уровня к уверенной разработке на Angular и Node.js.
Для кого курс
- Начинающих разработчиков, которые хотят пройти полный путь создания веб‑проекта
- Фронтенд‑разработчиков, стремящихся освоить backend и serverless
- Работающих программистов, желающих углубить навыки Angular
- Урок 1.00:04:12Introduction
- Урок 2.00:06:59Node API Starter
- Урок 3.00:05:32Angular Starter
- Урок 4.00:04:16Adding Bulma (CSS Framework)
- Урок 5.00:05:15Angular Core Module
- Урок 6.00:04:54Angular Header and Footer
- Урок 7.00:07:51Base Components and Routing
- Урок 8.00:08:59API Foundation
- Урок 9.00:08:07Working with the Giphy API
- Урок 10.00:07:00Getting a Random Gif API Endpoint
- Урок 11.00:03:05Storing a Gif API Endpoint
- Урок 12.00:06:32Angular Gif Service Foundation
- Урок 13.00:10:18Displaying a Random Gif
- Урок 14.00:03:06Styling Captions
- Урок 15.00:07:46Create a Gif
- Урок 16.00:05:44Versus API Endpoint
- Урок 17.00:03:43Vote API Endpoint
- Урок 18.00:06:49Displaying a Battle
- Урок 19.00:04:25Voting on a Gif
- Урок 20.00:06:31Creating a Gif Custom Component
- Урок 21.00:02:21Styling Child Components
- Урок 22.00:05:16Gif Model
- Урок 23.00:06:56Leaderboard
- Урок 24.00:06:48Notification Messages
- Урок 25.00:09:43Desploying to Firebase
- Урок 26.00:01:36Conclusion
Автор - Scotch.io
Комментарии