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

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

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

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

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