+7 (812) 703-02-02 info@hse.spbstu.ru

Семестр 2. Основы программирования на JavaScript

C 8 класса | 13 занятий | Очно или онлайн

Длительность курса: 82 ак. часа (13 занятий по 4 ак. часа + 30 часов домашней работы)

О чём курс

JavaScript — это язык программирования, который используют для написания frontend- и backend-частей сайтов, а также мобильных приложений. Это язык программирования высокого уровня, то есть код на нем понятный и хорошо читается.

Клиентская часть веб-приложений (frontend). Это интерфейс страницы, то есть всё, что видит пользователь: контент, кнопки, формы обратной связи, меню. С помощью JavaSscipt интерфейс реагирует на действия пользователя (клики мыши, нажатия клавиш), также язык отвечает за запоминание данных и автозаполнение форм.

В frontend-части сайтов язык используют для создания интерактива (анимаций, всплывающих форм, автозаполнения), так как он связан с HTML и CSS и может ими манипулировать.

Серверная часть веб-приложений (backend). Серверный код пишут на платформе Node.js. На JS работают, например, запросы AJAX (asynchronous javascript and XML), которые отправляются на сервер в фоновом режиме, без перезагрузки веб-страницы, и push-уведомления — всплывающие сообщения в браузере, которые реализуются с помощью технологии Comet. Такие уведомления приходят со специального Comet-сервера, который постоянно поддерживает соединение с браузером. Как раз с помощью JavaScript устанавливается это соединение.

В backend-части с языком JavaScript работают на платформе Node.js. С ее помощью, например, разрабатывают серверные веб-приложения и подключают библиотеки. В поисковике Google на JavaScript работает строка автозаполнения, а Netflix, Uber, eBay используют его в своем backend. Уже 6 лет JS — самый популярный язык среди разработчиков по версии GitHub.

Мобильные приложения для Android и  iOS также могут быть созданы на JavaScript. JavaScript используют в том случае, когда нужно кросс-платформенное приложение или адаптация веб-приложения.

JavaSscipt поддерживают все популярные браузеры.

Цель курса - изучение языка программирования JavaScript для создания различных визуальных эффектов и интерактивных элементов управления.

Чему научим

Знания и представления:

  • Простые типы данных, динамическая типизация.
  • Действия с данными: ввод, вывод, присваивание.
  • Арифметические операции.
  • Операции сравнения.
  • Логические операции.
  • Условные инструкции If..Else и Switch.
  • Циклы While и For.
  • Классы Array, String, Date, RegExp и методы работы с ними.
  • Создание собственных функций.
  • Объектная модель документа.
  • События и объект Event.
  • Программное рисование и анимация.

Умения и навыки:

  • Работа с простыми типами данных.
  • Применение арифметических операций.
  • Реализация разветвлённых алгоритмов.
  • Использование операций сравнения и логических операций.
  • Реализация классических задач программирования с помощью циклов.
  • Работа со строками и массивами.
  • Разработка собственных функций.
  • Работа с объектной моделью документа.
  • Обработка событий.
  • Работа с датой и регулярными выражениями.
  • Создание программной анимации.

Занятие 1

Введение

    • Размещение сценария
    • Особенности JavaScript
    • Комментарии
    • Переменные и константы
    • Свободная типизация
    • Типы данных
    • Массивы и объекты
    • Операторы
    • Ввод-вывод информации

Занятие 2

Условные инструкции

    • Условная инструкция if..else
    • Инструкция switch
    • Логические операторы в условии

Циклы в JavaScript

    • Цикл for
    • Цикл do..while
    • Цикл while
    • Оператор break
    • Оператор continue

Занятие 3

Функции в JavaScript

    • Объявление и вызов функции
    • Аргументы функции
    • Возврат значения
    • Функциональные выражения
    • Стрелочные функции
    • Правила "этикета" для функций

Занятие 4

Массивы в JavaScript

    • Объявление массива
    • Работа с массивом
    • Особенности массивов
    • Свойство length
    • Перебор массива
    • Методы для работы с массивами

Занятие 5

Объектная модель

    • Браузерное окружение
    • Объектная модель документа
    • Поиск элементов в dom
    • Навигация по dom
    • Свойства узлов
    • Атрибуты и dom-свойства
    • Создание, добавление и удаление узлов

Занятие 6

События

    • Обработчик события
    • Объект события (Event)
    • Всплытие и погружение
    • Делегирование событий
    • События мыши
    • События клавиатуры
    • События указателя
    • Прокрутка
    • События документа

Объект Image и предзагрузка изображений

Занятие 7

Формы и элементы форм

    • События форм и элементов
    • Методы форм и элементов

Строчный тип данных

    • Свойство строки
    • Методы класса String
    • Сравнение строк
    • Изменение строк

Занятие 8

Дата и время

    • Создание экземпляра объекта класса Date
    • Автоисправление даты
    • Методы класса Date

Занятие 9

Регулярные выражения

    • Создание шаблона регулярного выражения
    • Методы для работы с регулярными выражениями
    • Расширенный поиск с флагами
    • Регулярное выражение для проверки email

Занятие 10

Программное рисование

    • Рендеринг содержимого
    • Рисование замкнутых фигур
    • Рисование контуров
    • Задание цвета и стилей линии
    • Градиенты
    • Вывод текста на холст

Занятие 11

Программная анимация

    • Шаги анимации
    • Управление ходом анимации

Занятие 12

Практикум по программированию на JavaScript

  • Вкладки
  • Выпадающее меню
  • Спойлер
  • Слайдер

Занятие 13

Итоговое занятие

Стоимость

19 400 ₽

Есть скидки от 10% до 20%. Узнать подробнее...

Как поступить

Для тех, кто еще не учится в АИШ:

  • Вступительное тестирование

Для уже обучающихся в АИШ:

  • Основы HTML и CSS – промежуточная аттестация не менее 60 баллов или итоговая оценка не ниже «удовлетворительно»
Тест № ВКТ-556 Основы HTML и CSS (для АИШ)

Необходимые знания и навыки для успешного прохождения тестирования:

  • Понятие тега
  • Понятие селектора
  • Адрес ресурса
  • Знание основных тегов HTML:
    • разметка теста
    • списки
    • таблицы
    • структурные элементы (шапка, навигация, основное содержимое, доп. содержимое, подвал, раздел, статья)
    • формы и элементы форм
    • изображения
  • Понятие CSS-свойства и его значения
  • Знание основных CSS-свойств:
    • гарнитура шрифта
    • размер текста
    • высота строки
    • размеры блока
    • отступы и поля
    • обтекание
    • цвет текста
    • фон элемента
    • тени
    • гибкая раскладка (flexbox)
    • сетка (grid)
    • медиа-запросы
    • границы
    • единицы измерения
    • позиционирование элементов
    • анимация перехода
  • Многоколоночная верстка
  • Адаптивная верстка

В результате прохождения тестирования необходимо набрать не менее 60 баллов.

Длительность: 45 минут. Количество попыток: 2.


Тест № ВКТ-530.1 Основы информатики. Математическая культура (для АИШ)

Необходимые знания и умения для успешного прохождения тестирования:

  1. Знания курса математики за 7 классов общеобразовательной школы.
  2. Общие принципы организации и работы ЭВМ. Представление информации в памяти компьютера.
  3. Перевод чисел из одной системы счисления в другие.
  4. Знание основных логических операций.
  5. Вычисление и упрощение логических выражений.
  6. Умение анализировать и формализовать постановку задачи.
  7. Умение решать задачу в общем виде, строить математическую модель.

По результатам выполнения практического задания необходимо набрать не менее 50 баллов для поступления на:

  • Семестр 1. Начала алгоритмизации и программирования на C#
  • Семестр 1. Основы HTML и CSS
  • Семестр 2. Создание сценариев на JavaScript

По результатам выполнения практического задания необходимо набрать не менее 60 баллов для поступления на

  • Семестр 1. Начала алгоритмизации и программирования на Python

Как записаться на занятия

О дате начала набора будет объявлено дополнительно.

Академия информатики для школьников в цифрах

18 лет

успешной работы
в Политехническом университете Петра Великого

16

направлений обучения

83

учебные программы

3 500

школьников
проходят обучение
ежегодно

4

учебные площадки

36

компьютерных классов