REST API : http://lab.kids-lu-server.xyz/README.html
Topic outline
HTML5, CSS3, LESS
jQuery, Bootstrap
Лекція №1. Опис курсу
- Що таке Frontend?
- Популярність JavaScript серед розробників.
- Огляд курсу: складові частини.
- Необхідні навички Junior Frontend developer.
- Практичне завдання: розробка клієнтської частини Web-додатку.
- Огляд курсу на дистанційному навчанні.
- Можливості розвитку курсу.
Лекція №2. HTML & CSS.
- Нові елементи HTML5.
- Структура Web-документу.
- CSS: види селекторів.
- CSS: специфічні селектори, псевдоселектори.
- Блочні та строкові елементи.
- Таблиці на div’ах.
- Побудова сіток: Float.
- Позиціонування елементів.
- Прикріплення футеру до низу сторінки.
Лекція №3. Початок роботи. Модель-вид-контролер. Фільтри.
- Підключення AngularJS.
- AngularJS: Статичний контент. Директиви ng-app, ng-init.
- AngularJS: Статичний масив даних. Директиви ng-model, ng-repeat.
- Модуль-вид-контролер.
- AngularJS: модулі та контролери. Директива ng-controller.
- Вбудовані фільтри AngularJS.
Лекція №4. Scope. Валідація форм. Фабрика, Сервіс.
- Взаємодія вид-контролер. AngularJS: $scope, директиви ng-show, ng-hide.
- Підключення стилів: ui.bootstrap та ngAnimate.
- AngularJS: Валідація форм. Директива ng-submit.
- Bootstrap класи: .has-error, .help-block. Властивості $pristine, $valid.
- AngularJS: Сервіси та фабрики. Dependency Injection.
Лекція №5. Шаблони. ngInclude. SPA. ngRoute. UI-Router.
- Робота с шаблонами. Директива ngInclude.
- Single Page Application. Директива ngRoute.
- Single Page Application. Робота з $routeParams.
- AngularJS: UI-Router.
Лекція №6. Json-server. $http. $resource. Обробка помилок.
- Робота з Javascript Object Notation (JSON).
- Протокол HTTP. Запит та відповідь.
- Встановлення json-server.
- Angular $http сервіс. Обробка помилок.
- Основи Representational State Transfer (REST).
- Angular $resource сервіс.
Лекційні ресурси
Лекційні ресурси
YouTube Playlist
Додаткові ресурси