Scotch.io
Scotch.io - лучшие курсы и туториалы, которые вы найдете для веб-разработки. Руководства, курсы, учебные пособия и еще много крутого контена для изучения.
Продолжительность
1 ч 59 мин
Категория
AngularКоличество уроков
18 Видео
Дата добавления
17 авг. 2018 г., 05:01
Язык
Английский
Дата обновления
29 апр. 2026 г., 00:58
Освойте основы Angular и создайте свой первый одностраничный веб‑сайт. В этом материале вы узнаете, как эффективно применять Angular CLI, настраивать маршрутизацию, работать с API GitHub, подключать Sass и оптимизировать проект с помощью lazy loading.
Что вы изучите в этом курсе
Курс помогает новичкам быстро войти в экосистему Angular и шаг за шагом собрать полноценное приложение.
Работа с Angular CLI
Вы научитесь пользоваться инструментами генерации компонентов, модулей и сервисов, настроите окружение и познакомитесь с базовой структурой проекта.
Маршрутизация через Angular Router
Разберёте принципы навигации внутри SPA, научитесь создавать маршруты, работать с параметрами и строить удобную архитектуру страниц.
Вызовы API через Angular HTTP
Курс научит отправлять HTTP‑запросы к API GitHub, обрабатывать ответы и безопасно выводить полученные данные на странице.
Использование Sass в Angular
Освоите подключение Sass, организацию стилей, переменные и вложенность, что упростит поддержку и масштабирование дизайна.
Оптимизация с помощью lazy‑load
Поймёте, как разбивать приложение на модули и загружать их по требованию, чтобы ускорить загрузку сайта.
Какие навыки вы получите
- Создание и настройка Angular‑проекта
- Понимание архитектуры SPA
- Работа с компонентами, сервисами и модулями
- Интеграция API с помощью Angular HTTP
- Организация стилей с использованием Sass
- Оптимизация приложения для повышения производительности
Для кого подходит курс
Материал будет полезен начинающим разработчикам, которые хотят перейти от теории к практике и создать свой первый полноценный веб‑проект на Angular.
Результат прохождения
После завершения курса вы соберёте собственный Angular‑сайт и получите базовые навыки, необходимые для дальнейшего изучения фреймворка и развития в веб‑разработке.
- Урок 1.00:04:39Introduction
- Урок 2.00:10:06Starting an Angular App with the Angular CLI
- Урок 3.00:07:25Angular App Tour
- Урок 4.00:03:58Angular CLI: Serving and Building for Production
- Урок 5.00:03:45Adding Bulma CSS to An Angular App
- Урок 6.00:07:23Creating an Angular Header and Footer
- Урок 7.00:02:57Adding an Image/Logo in Angular
- Урок 8.00:06:38Creating the Home Page
- Урок 9.00:13:55Create a Contact Page and Contact Form
- Урок 10.00:06:40Contact Form Validations
- Урок 11.00:04:31Routing to Two Pages
- Урок 12.00:06:11Lazy Loading an Angular Section
- Урок 13.00:09:51Creating a User Service to Connect to GitHub
- Урок 14.00:07:53Showing a List of GitHub Users
- Урок 15.00:08:42Show a Single User Using Route Parameters
- Урок 16.00:06:55Refactoring to a Core Module
- Урок 17.00:06:06Deploying to Firebase
- Урок 18.00:01:35Conclusion
Автор - Scotch.io
Комментарии