Курс «Основы программирования в JavaScript»

Ближайшие даты начала занятий

Предварительная запись
записаться
Стоимость
4 000рублей
Учебных часов
20ак. часов
Продолжительность
2 недели
Учащихся в группе
8-10 человек
Цель курса

Изучить основы языка JavaScript и фреймворка JQuery. Уметь манипулировать элементами DOM-дерева, применять простую анимацию. Подключать сторонние JQuery-плагины. Изучить основы взаимодействия с сервером через AJAX.

Предварительная подготовка

Знание:

HTML и CSS (структура страницы, теги, атрибуты, селекторы, свойства);
Основы программирование (переменные, функции, циклы, условные операторы).

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

Мы в Фейсбуке



Мы ВКонтакте

Отзывы по курсу

"Понятный курс, отличный тренер, рекомендую всем как, курс по основам строительства сайта. Программа курса вполне достаточна для создания собственной информационной страницы. Советую!"

— Шпильберг Радий Миронович

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

Ни один современный веб-сайт сегодня не обходится без интерактивного взаимодействия с посетителями.

Проверка форм, карты проезда, комментарии к статьям, перестаскивание товара в корзину или просмотр увеличенных фотографий - всё это и многое другое реализуется с помощью JavaScript - языка программирования, встроенного в браузер.

Если Вы - начинающий веб-разработчик, то знание основ JavaScript будет ещё одним шагом на пути к профессионаьному росту, ну, и, конечно, огромным плюсом на собеседовании на новое место работы.

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

Тема Аннотация Ак.ч.
Язык JavaScript.

Основы синтаксиса:

Внешние скрипты. Структура кода. Переменные. Типы данных. Основные операторы. Операторы сравнения. Условные операторы. Логические операторы. Преобразование типов. Циклы. Конструкция switch. Функции. Функциональные выражения. Рекурсия, стек.

Отладка кода в браузере:

Веб-инспектор Chrome. Управление выполнением, точки останова. Консоль. Ошибки.

Стиль кодирования:

Синтаксис. Именование. Уровни вложенности. Функции. Комментарии.

Структуры данных:

Введение в методы и свойства. Числа. Строки. Объекты как ассоциативные массивы. Объекты: перебор свойств. Объекты: передача по ссылке. Массивы с числовыми индексами. Массивы: методы. Массив: перебирающие методы. Псевдомассив аргументов "arguments". Дата и Время

Замыкания, область видимости:

Глобальный объект. Замыкания, функции изнутри. Модули через замыкания.

setTimeout и setInterval.

4
Работа с DOM и события.

Документ и объекты страницы:

Дерево DOM. Навигация по DOM-элементам. Атрибуты и DOM-свойства. Добавление и удаление узлов. Размеры и прокрутка элементов. Размеры и прокрутка страницы.

Работа с событиями:

Типы событий. Обработчики событий. Порядок обработки событий. Объект события. Всплытие и перехват. Делегирование событий. Обработка событий мыши. Обработка событий клавиатуры. Обработка событий загрузки. Обработка отправки формы.
4
Обзор JQuery

Подключение jQuery:

Локально или CDN. Основы использования JQuery.

Выборка элементов:

Фильтрация. DOM: отношения элементов. Работа с элементами веб-формы.

Изменение HTML и CSS:

Добавление и удаление узлов DOM. Изменяем внешний вид элементов. Добавление содержимого в элемент.

Обработка событий в Jquery:

Объект Event. Отмена событий. Делегирование событий.

Анимация и эффекты jQuery:

Базовые эффекты. Управление эффектами. Метод animate().

Работа с плагинами jQuery:

Слайдер изображений. Выбор даты . Закрепляем меню . Таймер обратного отсчета.
4
Основы AJAX

Введение:

Что такое AJAX? Механизмы взаимодействия с сервером. Объект XmlHttpRequest. Синхронные и асинхронные запросы. Получение данных с сервера.

AJAX и HTTP:

Методы передачи данных на сервер. Передача простых данных методом GET. Управление кэшированием ответа. Метод HEAD. Передача простых данных методом POST. Получение и разбор комплексных данных.

Передача сложных типов данных. Формат JSON:

Недостатки простых текстовых форматов. Сериализация сложных данных. Что такое JSON. Разбор JSON пакета в браузере. Разбор JSON пакета на сервере (PHP). Получение данных с сервера.
4
Практика. Создание записной книги.

Интерфейс приложения:

Подключаем jQuery и Bootstrap. Пишем HTML и CSS. Форма добавления записи. Добавляем обработку событий и анимацию. Обработка событий формы, анимация кнопки. Обработка событий кнопок.

Организуем взаимодействие с сервером:

Отправляем данные на сервер через AJAX. Получаем ответ от сервера и разбираем его. Обновляем DOM-дерево.
4
ИТОГО: 20
записаться на курс