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

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

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

Знакомство с нововведениями стандарта ECMAScript (ES2015, ES2016, ES2017)

Профессиональное написание и использование JavaScript-скриптов на сайте

Динамическое модифицирование веб-страниц. Обработка событий

Использование предопределенных объектов JavaScript. Создание анимации

Продолжительность обучения: 40 академических часов

Дополнительно: 16 учебных часов самостоятельной работы — бесплатно!

Стоимость 10200 рублей СКИДКА ЗАПИСАТЬСЯ

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

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

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

В основе наших методик обучения лежат практические учебные курсы, разработанные с учетом нашего опыта и особенностей категорий обучающихся. Продолжительность курса в 45 учебных часов, отводимых на программу курса, является достаточной для того, чтобы получить базовые навыки веб-программирования с использованием JavaScript и jQuery, достаточные для трудоустройства или выполнения собственных проектов. Вы можете углубить свою подготовку, воспользовавшись дополнительным бесплатным временем для самостоятельной работы в объеме до 16 учебных часов.

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

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

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

Продолжительность курса при занятиях в группе составляет 40 учебных часов (1 учебный час равен 45 минутам). Кроме этого, каждый слушатель получает 16 часов бесплатного самостоятельного обучения в наших классах с использованием учебно-методических материалов Центра.

Обучение проводится в вечерних (с 17.40 до 20.20) группах. Обычно занятия проводятся 3 раза в неделю, конкретный график занятий определяется с учетом пожеланий слушателей на первом занятии. Время самостоятельной работы подбирается индивидуально с учетом возможностей клиента. При указанном расписании общая продолжительность курса составляет 4 недели.

При индивидуальном обучении продолжительность курса составляет до 33 учебных часов. Время занятий назначается с учетом пожеланий слушателя.

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

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

Стоимость курса при занятиях в группе составляет 10200 рублей. Осуществлять предоплату не требуется, более того, вы имеете право бесплатно посетить первое занятие (4 учебных часа) и уже после этого принять решение о продолжении обучения и оплате занятий.

При индивидуальном обучении стоимость курса составляет до 15840 рублей.

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

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

Сертификат по курсу JavaScript для веб-разработки


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

Введение в программирование. Что такое компьютерная программа.

Особенности языка JavaScript. Существующие стандарты JS.

Добавление JavaScript на страницу. Внешние файлы JavaScript. Прикрепление внешнего файла JavaScript.

Ваша первая программа на JavaScript. Написание текста на веб-странице. Вывод текста на экран. Вывод текста в консоль браузера.

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

Типы данных в JavaScript. Тривиальные типы. Базовые типы.

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

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

Строки. Выражения. Формат работы «обратные косые кавычки» в новом стандарте.

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

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

Запрос информации от пользователя.

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

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

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

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

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

Понятие цикла. Цикл While. Цикл For. Цикл Do/While.

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

Инструкции прерывания и продолжения.

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

Интеллектуальная реакция программы. Основы условных выражений.

Проверка истинности более одного условия. Проверка истинности как минимум одного условия. Отрицание условия. Вложение условных выражений.

Тернарный оператор.

Инструкция переключения switch.

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

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

Использование цикла For/in для перебора свойств объекта.

Сравнение объектов.

Переменная this в JavaScript: особенности использования.

ES2017: деструктуризация объектов.

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

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

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

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

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

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

Нововведения ES2017: стрелочные функции. Особенности использования стрелочных функций в объектах.

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

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

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

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

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

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

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

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

Тема 11. Создание анимации

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

Создание анимации при помощи setTimeout() и setInterval().

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