JavaScript для веб-разработки

  • в группе, индивидуально
  • очно, онлайн

Коротко о курсе

  • Знакомство с нововведениями стандарта ECMAScript (ES2015 и выше).
  • Профессиональное написание и использование JavaScript-скриптов на сайте.
  • Динамическое модифицирование веб-страниц. Обработка событийя.
  • Использование предопределенных объектов JavaScript. Создание анимации.

Краткое описание курса

Основы профессионального написания и использования JavaScript-скриптов на сайте.

Подробно о курсе

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

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

Выполнив практические упражнения, Вы научитесь разрабатывать гибкие интерактивные страницы, моментально реагирующие на действия пользователя. Будут подробно рассмотрены работа с событиями, динамическое изменение веб-страниц, нововведения стандарта ECMAScript последних лет.

Курс является базовым для овладения популярной специальностью Фронтенд-разработчик. После его прохождения Вы сможете углубить свои знания, изучив работу с библиотеками ReactJS и jQuery.

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

Тема 1. Введение в Java Script. Пишем первую программу на Java Script

Введение в программирование. Что такое компьютерная программа. Особенности языка JavaScript. Существующие стандарты JS. Добавление JavaScript на страницу. Внешние файлы JavaScript. Прикрепление внешнего файла JavaScript. Ваша первая программа на JavaScript. Написание текста на веб-странице. Вывод текста на экран. Вывод текста в консоль браузера.

Тема 2. Грамматика Java Script. Базовые типы

Типы данных в JavaScript. Тривиальные типы. Базовые типы. Переменные. Создание переменной. Использование переменных. Изменение значений в переменных. Нововведения стандарта ES2015. Особенности использования констант в JavaScript.

Число. Операторы для работы с числами. Операторы инкремента и декремента.

Строка. Выражения. Формат работы «обратные косые кавычки» в новом стандарте. Запрос информации от пользователя.

Работа с типами данных и переменными. Манипуляции с типами. Приведение типов. Объединение строк. Объединение чисел и строк. Функции проверки типов.

Тема 3. Динамическое модифицирование страниц

Объектная модель документа (DOM). Типы узлов. Методы узлов. Перемещение по DOM.

Выбор элементов страницы: по идентификатору, по типу, по имени, по классам CSS. Добавление содержимого на веб-страницу. Создание, вставка и удаление узла.

Тема 4. Добавление в программу логики и контроля

Логический тип данных. Операторы сравнения. Сравнение строк. Логические операторы.

Интеллектуальная реакция программы. Основы условных выражений. Проверка истинности более одного условия. Проверка истинности как минимум одного условия. Отрицание условия. Вложение условных выражений. Тернарный оператор. Инструкция переключения switch.

Тема 5. Массивы

Объектный тип данных: массивы. Создание массива. Длина массива. Доступ к элементам в массиве.

Добавление элементов в массив. Удаление элементов массива. Получение части массива. Сложение массивов. Поиск элементов в массиве. Сортировка массива.

Деструктуризация массивов. Операторы rest и spread.

Тема 6. Реализация повторяющихся задач с использованием циклов

Понятие цикла. Цикл While. Цикл For. Цикл Do/While. Инструкции прерывания и продолжения.

Использование циклов для перебора элементов массива. Цикл For/of.

Тема 7. Функции

Функции: превращение полезного кода в многократно используемые команды. Передача информации функциям. Установка значений по умолчанию в новом стандарте ECMAScript. Возвращение информации от функций. Функция как значение переменной.

Области видимости. Глобальные и локальные переменные. Блочная видимость переменных в новом стандарте ECMAScript. Временная мёртвая зона. Анонимная функция. Рекурсия. Стрелочные функции.

Использование функций с массивами. Обработка каждого элемента в массиве. Функция forEach(). Фильтрация массива.

Тема 8. События

Что такое события. События мыши. События документа/окна. События форм. События клавиатуры.

Обработка событий. Базовая (исходная) модель обработки событий. Отмена стандартной реакции элементов на события. Модель W3C DOM. Написание кроссбраузерного кода для обработки событий.

Тема 9. Объекты

Объектный тип данных: объект. Создание объекта. Свойства объекта. Обращение к свойствам объекта. Сравнение объектов. Методы объекта. Обнуление объекта. Использование цикла For/in для перебора свойств объекта.

Переменная this в JavaScript: особенности использования. Особенности использования стрелочных функций в объектах. Деструктуризация объектов.

Тема 10. Встроенные объекты JavaScript

Глобальный объект Window. Понятие глобального объекта. Свойства и методы глобального объекта. Работа с окном: создание, перемещение, передача фокуса, закрытие.

Объект Math. Методы объекта Math. Применение методов объекта Math с массивами.

Объект Date. Методы объекта Date. Создание календаря.

Тема 11. Использование таймеров

Таймеры setTimeout() и setInterval(). Запуск и остановка сценария по таймеру.

Вернуться в начало раздела

Организация занятий

Необходимая подготовка

Для успешного освоения программы курса необходимо иметь подготовку в объеме курса HTML5 и CSS3. Создание сайтов по стандартам W3C или аналогичную.

Продолжительность курса и график занятий

Основная форма обучения взрослых слушателей в нашем Центре — индивидуальные занятия. Такая форма обучения является максимально эффективной: внимание преподавателя сосредоточено только на Вас, и Вы можете проходить программу в комфортном для себя темпе. Продолжительность курса при индивидуальном обучении в среднем составляет ## (1 учебный час равен 45 минутам). Она может оказаться меньше, если у слушателя уже есть подготовка и он может освоить программу курса быстрее, или больше, если слушатель пожелает изучить дополнительные темы сверх программы.

Конкретный график занятий определяется с учетом Ваших пожеланий. Мы рекомендуем 2-3 занятия в неделю по 2 учебных часа. Это позволяет заниматься достаточно интенсивно, но не перегружаться. Продолжительность курса при таком расписании составляет . Однако возможно и другое расписание, всё согласовываем индивидуально.

Также данный курс можно пройти в нашем Центре дистанционно. Для уточнения деталей такого обучения, пожалуйста, свяжитесь с нами любым удобным Вам способом.

Стоимость обучения и запись на курсы

Стоимость академического часа при индивидуальном обучении составляет руб., то есть общая стоимость за весь курс (##) получится  руб. Однако Вы не должны оплачивать всю сумму сразу — и это ещё один «плюс» индивидуального обучения. Оплата производится за каждое занятие по факту его проведения, поэтому финансовая нагрузка на Ваш бюджет распределяется равномерно и не оказывается слишком высокой, как при единоразовом платеже.

Если одновременно поступает несколько заявок на курс, мы можем предложить обучение в мини-группе (до 4 человек). Стоимость учебного часа в этом случае будет ниже (будет зависеть от количества людей), а количество часов для прохождения курса увеличится, так как при групповом обучении интенсивность подачи материала снижается. Если Вам интересен формат обучения в мини-группе (например, вместе с друзьями или коллегами), свяжитесь с нами, и мы рассчитаем точную стоимость.

Документ, подтверждающий прохождение курсов

По окончании обучения и после сдачи практических зачетов вы получите Сертификат по курсу .

Так выглядит сертификат, выдаваемый по курсу JavaScript для веб-разработки

Согласие на обработку персональных данных

Настоящим в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» от 27.07.2006 года свободно, своей волей и в своем интересе выражаю свое безусловное согласие на обработку моих персональных данных АНО ДПО «ИНСТИТУТ СОВРЕМЕННОГО ОБРАЗОВАНИЯ» (ОГРН 1143600000290, ИНН 3666999768), зарегистрированным в соответствии с законодательством РФ по адресу: ул. Карла Маркса, дом 67, Воронеж, Воронежская область, Россия, 394036 (далее по тексту — Оператор).
Персональные данные — любая информация, относящаяся к определенному или определяемому на основании такой информации физическому лицу.
Настоящее Согласие выдано мною на обработку следующих персональных данных:
 — Имя;
 — Телефон.

Согласие дано Оператору для совершения следующих действий с моими персональными данными с использованием средств автоматизации и/или без использования таких средств: сбор, систематизация, накопление, хранение, уточнение (обновление, изменение), использование, обезличивание, а также осуществление любых иных действий, предусмотренных действующим законодательством РФ как неавтоматизированными, так и автоматизированными способами. Данное согласие дается Оператору для обработки моих персональных данных в следующих целях:
 — предоставление мне услуг/работ;
 — направление в мой адрес уведомлений, касающихся предоставляемых услуг/работ;
 — подготовка и направление ответов на мои запросы;
 — направление в мой адрес информации, в том числе рекламной, о мероприятиях/товарах/услугах/работах Оператора.

Настоящее согласие действует до момента его отзыва путем направления соответствующего уведомления на электронный адрес [email protected]. В случае отзыва мною согласия на обработку персональных данных Оператор вправе продолжить обработку персональных данных без моего согласия при наличии оснований, указанных в пунктах 2 — 11 части 1 статьи 6, части 2 статьи 10 и части 2 статьи 11 Федерального закона № 152-ФЗ «О персональных данных» от 27.07.2006 г.