qalight
Центр подготовки
IT специалистов
angular-small

Создание одностраничного приложения (SPA) с помощью Angular 7

Дата старта:

18.12.2018

Длительность:

30 часов

Вечер

 

Вт

Чт

Пн

19:00 — 22:00

Вт

19:00 — 22:00

Ср

19:00 — 22:00

Чт

19:00 — 22:00

Пт

19:00 — 22:00

Сб

19:00 — 22:00

Вс

19:00 — 22:00

Цена

6000 грн

Тренеры:

Описание курса:

angular js qalight курс

Для кого:

Курс рассчитан на начинающих программистов и новичков.

Базовые знания:

  • Основы HTML5 и CSS3;
  • Основы Javacript.

Краткое описание:

Angular на сегодняшний день — одна из самых современных, эффективных по производительности и мощных интерфейсных платформ. Angular позволяет создавать современные,  сложные, гибкие и масштабируемые веб-приложения.

Курс позволит вам  полностью понять архитектуру приложения Angular 7 и ее использование на практике, чтобы быстро зарекомендовать себя в качестве разработчиков интерфейса современных фронтенд приложений.

Курс охватывает все этапы создания проекта от установки до развертывания на боевом сервере. Вы узнаете все о компонентах, директивах, службах, формах, Http-доступе, аутентификации, оптимизации Angular-приложения и многое другое!

 

Преимущества:

  • Практика на реальных проектах, создание портфолио;
  • Тренеры — практикующие специалисты в сфере ИТ;
  • Поддержка во время и после обучения;
  • Гибкая система оплаты;
  • Обучение в мини-группах, индивидуальный подход;
  • Ваши новые возможности в сфере ИT.

 

Требования для прохождения курса:

Основы HTML5 и CSS3

Основы Javacript

 

Практика:

Создание одностраничного приложения с использованием фреймворка Angular.

Размещение его на бесплатном хостинге.

Также Вы получаете:

diploma-2

Сертификат об окончании

plane-2

Необходимые знания для FrontEnd разработчика

briefcase-2

Помощь в трудоустройстве

Программа курса:

Занятие №1 — Создание проекта

  • Начало работы с Angular
  • Структура проекта
  • Планирование приложения
  • Шаблон Model View Controller (MVC)
  • Первое MVC приложение
  • Конфигурация приложения
  • Отладка кода в браузере

 

Занятие №2 — Основы TypeScript

  • Базовые типы
  • Объявление переменных
  • Интерфейсы
  • Классы
  • Функции
  • Обобщения(Generics)
  • Перечисления (Enums)
  • Совместимость типов
  • Символы
  • Итераторы и генераторы
  • JSX
  • Декораторы
  • Примеси (Mixins)
  • json

 

Занятие №3 Модули

  • Модульность приложения
  • Пространства имен и модули
  • Жизненный цикл модуля
  • Создание модуля
  • Конфигурация модуля
  • Фаза выполнения модуля
  • Установка внешних модулей
  • Загрузка приложения

 

Занятие №4  Компоненты

  • Жизненный цикл компонента
  • Корневой компонент
  • Работа с компонентами
  • Создание компонента
  • Иерархия компонентов
  • Стили и шаблоны компонента
  • Взаимодействие между компонентами
  • Привязка событий
  • Привязка данных

 

Занятие №5 Директивы

  • Соглашение об именах
  • Атрибутивные директивы
  • Взаимодействие с пользователем
  • Параметры в директивах
  • Структурные директивы
  • Создание структурных директив
  • Добавление и удаление элементов
  • Динамическое изменение стилевых классов

 

Занятие № 6. Конвейеры (Pipes)

  • Работа с pipes
  • Встроенные Pipes
  • Создание собственных pipes
  • Параметры Pipes
  • Состояние Pipes
  • Создание фильтров
  • Чистые Pipes
  • Асигхронные Pipe

 

Занятие №7. Работа с формами

  • Области и связывание данных
  • Роли в форме
  • Использование полей формы
  • Модуль FormsModule
  • Получение и изменение модели
  • Директива NgForm
  • Валидация форм
  • Директивы валидации
  • Стилизация полей ввода
  • Обработка сообщений об ошибке

 

Занятие № 8  Сервисы

  • Создание сервиса
  • Определение значений и констант
  • Регистрация сервиса
  • Свойство Request
  • Параметры Callback
  • Метод Shortcut
  • Создание Ajax вызовов
  • Работа с JSON ответом

 

Занятие 9. Внедрение зависимостей (DI)

  • Внедрение зависимостей
  • Сервисы и dependency injection
  • Внедрение сервисов в компонент
  • Внедрение сервисов в сервисы
  • Провайдеры
  • Алиасы провайдеров
  • Провайдеры значений
  • Провайдер-фабрика
  • Токены внедрения зависимостей
  • Иерархическое внедрение зависимостей

 

Занятие № 10. HTTP

  • HTTP и взаимодействие с сервером
  • Как работают Http-запросы в SPA
  • Настройка заголовков запросов
  • Отправка данных в запросе
  • Отправка запросов POST
  • Отправка запросов GET
  • Отправка запросов PUT
  • Объект Observable и библиотека RxJS
  • Отправка возвращаемых данных
  • Перехват и обработка ошибок Http

 

Занятие № 11. Маршрутизация

  • Понятие маршрутизации
  • Определение маршрутов
  • Параметры маршрута
  • Создание ссылок
  • Параметры строки запроса
  • Навигация
  • Передача параметров URL
  • Программная навигация
  • Дочерние маршруты
  • Защитники
  • Модуль ngRoute.

 

Занятие №12 —  Одностраничное Приложение

  • Создание RESTful сервиса
  • Установка HTTP Request заголовков
  • Объект Response
  • Кеширование Response
  • Маршрутизация RESTful API
  • Определение маршрутов для frontend-приложения
  • Установка порта app
  • Запуск приложения
  • Создание собственного Node API
  • Работа с моделью

 

Занятие №13 — Работа с данными

  • Подключение данных к приложению
  • Работа с файлами данных
  • Соединение с базой данных
  • Работа с SQL базами данных
  • Создание моделей Mongoose
  • Области видимости приложения
  • Регистрация и авторизация пользователей
  • Регистрация/авторизация через социальные сети

 

Занятие №14  Отладка,  оптимизация и тестирование приложения

  • Ошибки, логирование и отладка
  • Основы производительности
  • Инструменты оптимизации
  • Ленивая загрузка
  • Минификация кода
  • Модульное тестирование
  • Тестирование End-to-End
  • Тестирование ngMock

 

Занятие №15 —  Публикация приложения

  • Подготовка приложения для Production-сервера
  • Установка Heroku Toolbelt
  • Git и Heroku
  • Хостинг вашего приложения на Heroku
  • Deploying Node.js на Heroku
  • Запуск проекта
  • Deploying Angular-приложения на Heroku
Читать дальше

Записаться на курс

Создание одностраничного приложения (SPA) с помощью Angular 7

Остались вопросы? Звони!