Курс “Программирование на JavaScript” и мастер класс

Описание материала

Курс разработан для ребят 12-15 лет
Что мы будем изучать?
В рамках курса «Программирование на JS» каждый из учеников изучит основы программирования на JS, узнает, как JS взаимодействует с веб-страницами, научится работать с пользовательскими интерфейсами, создаст собственные небольшие веб-приложения.
Структура курса:
• Основы программирования на JS
• Основы работы с HTML-документом
• Создание небольшого веб-приложения

Перед прохождением данного курса рекомендуется пройти курс «Frontend-разработчик сайты на HTML_CSS_JS ».
Данный курс доступне на нашей платформе

Курс “Frontend-разработчик: разработка сайтов на HTML/CSS/JavaScript”

Мастер-класс
План занятия
Теоретическая часть
• Что такое программирование?
• Что такое программа?
• Что такое алгоритм?
• Что такое язык программирования?
• Какие языки программирования вы знаете?
• Что такое веб-разработка?
• Что такое JavaScript?
• Кто такой веб-разработчик?
• Почему быть веб-разработчиком – это круто?
• Что мы будем изучать?
Практическая часть
• Знакомство с рабочими инструментами
• Открываем браузер
• Нажимаем F12
• Выбираем вкладку консоль
• Решаем несколько простых задач
• Создаем html-файл
• Тег script
• Подключение внешнего скрипта
• Что такое данные?
• Что такое переменная?
• Что такое типы данных?
• Краткий обзор работы с веб-страницей
• Добавление и удаление классов у элементов при помощи JS
• Изменение цвета текста при помощи JS
• Обработка событий
• Заключение и ответы на вопросы

Краткий обзор программы курса «Программирование на JavaScript»

Первый модуль

Первое занятие

• Знакомство с JS
• Понятие переменной
• Работа с JavaScript в браузере
• Функции alert и prompt
• Решение задач с помощью JS

Второе занятие

• Работа со строками
• Методы и свойства строк
• Решение задач со строками
• Условный оператор в JS
• Решение задач с условным оператором

Третье занятие

• Работа с массивами
• Методы и свойства массивов
• Понятие цикла
• Цикл for
• Перебирающие методы массивов

Четвертое занятие

• Понятие функции
• Создание функций в JS
• Объекты
• Методы и свойства объектов

Второй модуль

Первое занятие

• Знакомство с DOM
• getElementBy*
• Взаимодействие с html-элементами с помощью JS
• Изменение css-свойств тегов с помощью JS

Второе занятие

• Создание тегов в JS
• Различные методы вставки тегов в DOM
• Изменение текстового контента
• Работа с атрибутами с помощью JS

Третье занятие

• События в JS
• Onclick
• Обработка события нажатия на кнопку
• addEventListener и removeEventListener

Четвертое занятие

• Отслеживание загрузки документа
• Ленивая загрузка изображений
• Событие scroll
• Создание функции для ленивой загрузки изображений

Третий модуль

Первое занятие

• Работа с формами
• Атрибуты форм
• Взаимодействие с формами с помощью JS
• Начало работы над формой

Второе занятие

• Material design by Google
• Вёрстка формы в material design
• Событие focus

Третье занятие

• Функции-handler
• Сервис SimpleForm
• Создание скрипта для отправки формы на почту

Четвертое занятие

• AJAX
• Создание ajax-запросов с помощью средств JS
• Доработка формы и публикация на GitHub

Комментарии

Комментарии закрыты.