Современный фронтенд с использованием JavaScript и HTML 5

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

Программа обучения

1. Введение в JavaScript

• Назначение и роль JavaScript;
• Инструменты разработчика;
• Консоль разработчика.

2. Общий синтаксис JavaScript

• Структура кода, переменные, типы данных;
• Операторы, циклы, конструкции;
• Взаимодействие с пользователем.

3. Функции и объекты в JavaScript

• Функции;
• Массивы;
• Объекты, методы и свойства.

4. Объектно-ориентированное программирование в JavaScript

• Реализация классов в JavaScript;
• Конструкторы, прототипы, наследование;
• Область видимости переменных, замыкания, пространства имен.

5. Введение в клиентский JavaScript

• Понятие DOM;
• События;
• Динамическое содержимое.

6. Взаимодействие с сервером

• HTTP запросы;
• XMLHttpRequest;
• JSON;
• Библиотека jQuery

7. Назначение и возможности библиотеки jQuery

• Селекторы;
• События;
• Манипуляции с DOM.

8. Дополнительные возможности jQuery

• Анимация;
• jQuery AJAX;
• Расширение возможностей jQuery посредством плагинов.

9. Использование jQuery плагинов

• Интеграция скрипта слайдера;
• Интеграция скрипта всплывающих окон;
• Интеграция скрипта формы обратной связи.;
• Фреймворк AngularJS

10. Основы AngularJS

• Архитектура и назначение фреймворка;
• Основные директивы;
• Фильтры, контроллеры, модули;
• HTML5

11. Что такое HTML5?

• Новые возможности в HTML5;
• Определение поддержки браузером HTML5 возможностей;
• Валидация HTML5.

12. HTML5 JavaScript API

• Audio;
• Video;
• Canvas.

13. HTML5 JavaScript API

• Geolocation;
• History;
• Storage.

14. HTML5 JavaScript API

• Forms;
• Drug&Drop;
• Messaging;
• CSS3

15. Что такое CSS3?

• Новые возможности в CSS3;
• Трансформация элементов;
• Анимация элементов.

16. Заключительное занятие

• Современные тенденции в разработке веб-приложений;
• Обзор полезных сервисов и ресурсов.