FRNT-JS10. Программирование клиентской части на JavaScript

Длительность дисциплины: 44 ак.ч.

Аннотация

Данный курс посвящен языку программирования JavaScript, который позволяет создавать интерактивные пользовательские интерфейсы сайтов и web приложений. Освоив JavaScript, вы сможете управлять любыми элементами на странице и их стилями, менять их внешний вид и содержимое, без чего не обходится ни один современный сайт.

Цель курса - обучить студентов разработке программ на языке Javascript, объяснить устройство веб-страниц, DOM-модели и принципы построения клиентских веб-интерфейсов.

Знания и умения, полученные в результате изучения

По окончанию обучения слушатели будут обладать следующими знаниями и навыками:

Научатся основам программирования на языках высокого уровня
Познакомятся с объектной моделью браузеров
Научатся обрабатывать данные передаваемые через формы
Получат опыт, необходимый для проектирования пользовательских интерфейсов

В результате, студент сможет создавать несложные клиентские приложения на Javascript, работающие с формами, изображениями, таблицами, списками и другими элементами интерфейса.

Преподаватели

Лаабе Дмитрий Николаевич

Содержание дисциплины

Тема 1. Введение в JavaScript

Понятие о сценарном языке.
Основные сценарные языки веб-программирования.
Инструменты разработки веб-приложений.
Версии языка JavaScript и реализации интерпретатора.
Стандарт ECMA-262.
Встраивание сценариев JavaScript в html-документ.
Переменные.
Базовые типы данных.
Операторы языка.

Практические занятия

Работа со средой разработки.
Отладка приложений.
Работа с консолью браузера.
Задачи, решаемые программами на сценарном языке JavaScript.

Тема 2. Решение практических задач на JavaScript

Циклы.
Ветвления.
Массивы.
Функции.
Решение практических задач на JS.
Написание функций.
Передача функций в качестве параметров.
Работа со структурами данных – массив, словарь.

Практические занятия

Практические задачи, решаемые программами на сценарном языке JavaScript.
Внедрение кода JavaScript в HTML-документ.

Тема 3. Браузерные API

Объекты браузера.
Объект Window.
Манипулирование окнами браузера.
Взаимодействие между окнами.
Объект Location.
Объект Navaigator.
Объект Screen.
Методы работы с промежутками времени и адресной строкой.

Практические занятия

Управление окнами.

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

Понятие объекта в JavaScript.
Свойства и методы объекта.
Конструктор объекта.
Прототип объекта.
Модели наследования свойств и методов объекта.
Глобальный объект.
Объекты String и Number.

Практические занятия

Применение объектной модели для создания динамических эффектов.
Создание сворачивающихся списков и меню.

Тема 5. Асинхронное программирование

Создание и обработка событий.
Работа с датой и строками.

Практические занятия

Привязка событий к элементам документа. Обработка строк.

Тема 6. Разработка JS приложения использующего внешнее API

Структура и проектирование ООП приложения, получающего информацию из внешнего API и реализующее постраничное отображение этой информации.

Практические занятия

Разработка приложения, получающего информацию из внешнего API и реализующее постраничное отображение этой информации.