Створення інтернет магазину за допомогою Angular4

Дата старту:

23.11.2017

Тривалість:

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 грн

Можлива оплата частинами

Тренери:

Опис курсу:

angularjs-qalight-kurs

Angular – найпопулярніший фреймворк для побудови Front-end додатків на сьогоднішній день.
Angular має надійну SPA інфраструктурою, яка може бути використана для створення динамічних Front-end додатків, які можуть працювати як в настільних браузерах, так і на мобільних пристроях (телефонах і планшетах).

Вимоги для проходження курсу:

Основи HTML5 та CSS3

основи Javacript

основи NodeJS

Практика:

Створення інтернет-магазину.

Розміщення його на безкоштовному хостингу.

Також Ви отримуєте:

diploma

Сертифікат про закінчення

plane

Необхідні знання для FrontEnd розробника

briefcase

Допомога в працевлаштуванні

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

Заняття №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

Читати далі

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

Створення інтернет магазину за допомогою Angular4

Залишилися питання? Дзвони!

Angular4