[QALight] Создание интернет магазина с помощью Angular4

Создание интернет магазина с помощью Angular4
​

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

Базовые знания:
· Основы HTML5 и CSS3;
· Основы Javacript;
· Основы NodeJS.

Краткое описание:
Сегодня Angular — самый часто используемый и наиболее популярный фреймворк для построения Front-end приложений.

Среди его преимуществ можно выделить такие:
· высокая скорость разработки;
· большое комьюнити;
· модульность;
· многофункциональность;
· надежная SPA инфраструктура.

На курсе Angular4 Вы основательно разберетесь в специфике и особенностях этого фреймворка, а также получите возможность отточить свои знания на практике. Программа построена таким образом, что пройти Аngular 4 обучение может программист любого уровня, и даже новичок.

На курсе Angular в QALight упор сделан на максимальном количестве практики, занятия проходят в мини-группах, и Вы всегда сможете получить рекомендацию от тренера. Благодаря этому, после окончания курса «Angular 4 с нуля до профи» у Вас будут наработки для портфолио и возможность успешно устроиться на работу.

Во время Angular обучения Вы с нуля создадите интернет-магазин с помощью Angular4 и разместите его на бесплатном хостинге.

Также каждый желающий может пройти Angular курс онлайн.

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

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

Требования для прохождения курса:
Основы HTML5 и CSS3
Основы Javacript
Основы NodeJS

Практика:
Создание интернет-магазина.
Размещение его на бесплатном хостинге.

Остальные этапы курса:
1. Веб-дизайн и разработка на основе HTML5 и CSS3 (Скоро сбор)
2. JavaScript Basic
3. Разработка CMS на основе PHP
4. Полный стек разработки на фреймворке Laravel
5. Веб-разработка на основе Node.js
6. Создание интернет магазина с помощью Angular4

Спойлер: Преподаватель

Спойлер: Программа курса

Занятие №1 — Создание проекта
Начало работы с фреймворком
Использование шаблона Model View Controller (MVC)
Первое MVC приложение
Структура package.json
Конфигурация Node
Конфигурация приложения
Frontend Application с Angular
Bootstrap Layout

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

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

Занятие №4 Компоненты
Жизненный цикл компонента
Root Component
Работа с компонентами
Создание Component
Иерархия компонентов
Стили и шаблоны компонента
Взаимодействие между компонентами
Привязка к событиям дочернего компонента
Привязка данных

Занятие №5 Основы директив в Angular
Соглашение об именах
Создание атрибутивных директив
Взаимодействие с пользователем, HostListener и HostBinding
Получение параметров в директивах
Структурные директивы ngIf, ngFor, ngSwitch
Создание структурных директив
Добавление и удаление элементов
Динамическое изменение стилевых классов

Занятие № 6. Pipes
Работа с pipes
Встроеные Pipes
Создание собственных pipes
Параметры Pipes
Состояние Pipes
Создание Filter Pipe
Pure и Impure Pipes
Async Pipe

Занятие №7. Ратота с формами
Работа с формами
Области и связывание данных
Роли в форме
Использование Input Text Box
Использование Radio Buttons
Использование Checkbox
Использование Select
Использование Disabling в Input
Модуль FormsModule
Получение и изменение модели
Состояние модели и валидация
Директива NgForm
Подход Data-Driven к работе с формами
Валидация форм
Директивы валидации
Стилизация полей ввода
Обработка сообщений об ошибке

Занятие № 8 Основы Service
Один сервис для всех компонентов
Создаем Service
Определение значений и констант
Регистрация сервисов
Конфигурация свойств Request
Параметры Callback
Метод Shortcut
Создание Ajax вызовов
Работа с JSON ответом

Глава 9. Основы Dependency Injection (DI)
Внедрение завсимостей в Angular2
Сервисы и dependency injection
Внедрение сервисов в компонент
Внедрение сервисов в сервисы
Провайдеры
Алиасы провайдеров
Провайдеры значений
Провайдер-фабрика
Токены внедрения зависимостей
Неклассовые зависимости
Иерархическое внедрение зависимостей

Занятие № 10. HTTP
HTTP и взаимодействие с сервером
Отправка get-запросов
Объект Observable и библиотека RxJS
Обработка ошибок
Отправка данных в запросе
POST-запросы

Занятие № 11. Маршрутизация
Понятие Routing
Определение маршрутов
Конфигурация Main Routes
Параметры маршрута
Создание ссылок
Параметры строки запроса
Навигация
Передача параметров URL
Программная навигация
Дочерние маршруты
Guards
ngRoute Module

Занятие №12 — Одностраничное Приложение
Создание RESTful сервиса
Установка HTTP Request Headers
Объект Response
Кеширование Response
Маршрутизация RESTful API
Определение routes для frontend Angular application
Установка порта app
Запуск приложения
Создание собственного Node API
Работа с моделью
Установка Angular core.js

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

Занятие №14 Отладка Оптимизация Тестирование приложения
Инструкции Debugger
Exceptional Service
Ошибки, логирование и отладка
Основы производительности
Инструменты оптимизации
Chrome Developer Tools
Lazy Loading
Минификация кода
Unit Tests
Структура Jasmine
Тестирование End-to-End
Тестирование ngMock

Занятие №15 — Одностраничное Приложение deploy
Подготовка приложения для Production сервера
Установка Heroku Toolbelt
Git и Heroku
Хостинг вашего приложения на Heroku
Deploying Node.js на Heroku
Запуск проекта

Deploying Angular2 приложения на Heroku
Angular — самый популярный фреймворк для построения Front-end приложений на сегодняшний день.
Angular обладает надежной SPA инфраструктурой, которая может быть использована для создания динамических Front-end приложений, которые могут работать как в настольных браузерах, так и на мобильных устройствах (телефонах и планшетах).