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

Программирование на самом популярном и актуальном языке в сфере Web-разработки
Программирование
Web-разработка
Javascript
Создание сайтов
ВОЗРАСТ
13+ лет
ТРЕБОВАНИЯ
Web-design
УРОВЕНЬ
Продвинутый
ПРОДОЛЖИТЕЛЬНОСТЬ
32 урока
Записаться на курс

О курсе

На этом курсе дети продолжат знакомство с миром Web-разработки и узнают о том, из чего состоит сайт. Как работать с информацией пользователя, как взаимодействовать с пользователем и добавить интерактивность сайту

ТЕМЫ
  • Программирование сайтов
  • Сложная анимация
  • Создание веб-игр
  • Взаимодействие с DOM-деревом

Пример проекта

1 / 5
Результаты курса
Программирование на JS для создания интерактивности на сайте
Результаты курса
Создание сложных функций
Результаты курса
Знакомство с библиотеками для усложнения своих проектов
Результаты курса
Создание сложных анимаций
Больше проектов в HUB

Тимур Кадырбеков, 15 лет, изучает JavaScript

Родители часто спрашивают про 

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

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

Модуль 1. Повторение HTML и CSS, введение в JS

Урок 1: Основы HTML, введение в JS

Урок 2: Переменные

Урок 3: Input

Урок 4: Проект «Интерактивный сайт»

Ребята знакомятся с основами HTML, узнают про взаимодействие с пользователем через JS и создают мини-проект

Модуль 2. Эффекты и анимация

Урок 5: Параллакс-эффект

Урок 6: Transform и keyframes

Урок 7: Анимация при загрузке страницы

Урок 8: Эффекты: появляющийся фон, сложная анимация при клике на кнопку

Студенты изучат анимации в CSS и Java Script

Модуль 3. Рисование с помощью canvas

Урок 9: Работа с canvas

Урок 10: Массивы

Урок 11: Анимация в canvas

Урок 12: Случайные числа

Ученики знакомятся с важным элементом JS - массивами и работают в canvas, создавая первые проекты для портфолио

Модуль 4. Элементы интерфейса, плагины

Урок 13: Основы UI и UX, цвета, структура страницы с учетом правил UI

Урок 14: Работа над проектом. Часть 1

Урок 15: Работа над проектом. Часть 2

Урок 16: Представление проектов

Студенты знакомятся с дизайном и создают своего портфолио

Модуль 5. Игры на Java Script

Урок 17: JQuery

Урок 18: Сложная анимация - anime.js

Урок 19: Обработка событий клавиатуры

Урок 20: Игра-кликер

Студенты познакомятся с библиотеками, изучат сложные и красивые анимации, а также создадут первую игру

Модуль 6. Разработка мобильных сайтов и их особенности

Урок 21: Медиа-запросы

Урок 22: Геолокация

Урок 23: Бургер-меню и свайп

Урок 24: Полностью адаптивный сайт

Ученики познакомятся с адаптацией и сделают полностью адаптивный сайт

Модуль 7. Работа над своим проектом

Урок 25: Работа в Figma

Урок 26: Flexbox

Урок 27: Формы

Урок 28: Адаптивность

На этом этапе студенты повторят работу в Figma, узнают про флексы и формы, а также закрепят адаптивность

Модуль 8. Завершение работы над проектом и презентация

Урок 29: Плавная прокрутка

Урок 30: Карусель

Урок 31: Последние штрихи

Урок 32: Представление проектов

По окончанию модуля, ученики будут иметь свой большой и адаптивный проект, добавят функциональную карусель и представят свои работы

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

Онлайн-курс Scratch состоит из 6 модулей от 4 до 7 уроков  в каждом.

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

Первые проекты

Ученики поймут, как программировать движение спрайтов с помощью координат, условий и циклов в Scratch. Создадут свои проекты в школе волшебства Кодвартс.

Урок 1: Основы Scratch

Урок 2: Движения спрайтов

Урок 3: Магический графический редактор

Урок 4: Кто такие баги?

Урок 5: Коддич — настоящее соревнование волшебников-программистов

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

Анимация и звуки в Кодвардсе

Ученики познакомятся с событиями в Scratch, запустят скрипты последовательно и параллельно. Узнают о принципах анимации и как менять костюмы спрайтам. Напишут программу для уникального музыкального приложения.

Урок 1: Скретч-события

Урок 2: Принципы анимации

Урок 3: Работаем с фонами и музыкой

Урок 4: Создание магической музыкальной группы

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

Магия разработки игр в Scratch

Ученики выяснят, какие игровые жанры самые распространенные. Запрограммируют полноценную игру, разработанную в соответствии с правилами выбранного жанра.

Урок 1: Какие бывают игры?

Урок 2: Собственные блоки: зачем нужны и как создавать

Урок 3: Жанр приключение: написание сценария игры

Урок 4: Что такое RPG?

Урок 5: Учимся придумывать персонажей

Урок 6: Дебаггинг экшн-игр

Урок 7: Коддич

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

Роль сторителлинга в процессе разработки игр

Ученики научатся придумывать авторские истории и адаптировать их в игры на скретч. Начнут тестировать свои проекты и следить за стабильностью программ. Создадут сюжетную игру.

Урок 1: Гейм-техники — ингредиенты отличной игры

Урок 2: Игры для начинающих

Урок 3: Взаимодействия в играх

Урок 4: Счет в игре: учимся работать с переменными

Урок 5: Бонус-уровни. Учимся усложнять игры

Урок 6: Ищем баги

Урок 7: Коддич: финал

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

Продвинутый Scratch

Ученики познакомятся с такими дополнениями в Scratch, как «Перо», «Музыка», «Видео распознавание» и «Текст в речь». Узнают, как их применять на практике. Воплотят в жизнь свои Scratch-проекты с удивительными возможностями.

Урок 1: Дополнения и расширения

Урок 2: Учимся распознавать видео

Урок 3: Создание клонов спрайта

Урок 4: Дизайн программы

Урок 5: И снова отладка

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

Хакатон. Финальные проекты

Ученики поймут, как выстраивать этапы реализации проекта, напишут сюжет игры, запрограммируют свой уникальный проект, протестируют его и расскажут об его особенностях.

Урок 1: Как планирование сделает твой проект самым-самым?

Урок 2: Разработка самого удивительного проекта

Урок 3: Зачем нужны тестирование и обратная связь?

Урок 4: Секреты успешной демонстрации

Образовательный процесс, интересный ребёнку и понятный вам

Интерактивная образовательная платформа

Платформа Kodland разработана для обучения детей востребованным цифровым навыкам. Все задания интерактивные. Когда ученик создаёт проект, она автоматически дает подсказки и хвалит за успехи!

Поддержка наставника

Преподаватели программы формируют для детей доверительную атмосферу, вовлекают и поддерживают самых юных студентов. Поэтому ваш ребёнок не останется один на один с непонятной темой.

ХАБ

Хаб ― это среда, где юный программист может реализовывать свои проекты и делать их публичными. Площадка позволяет изучать и обсуждать работы других. Читайте подробнее на сайте: https://hub.kodland.org/ru

Удобный график для родителей

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

Прокачка софт-скиллов

Учёба в Kodland улучшает как технические навыки, так и «мягкие». Мы обучаем детей Scratch для развития их креативного, пространственного и критического мышления, способности работать в команде и цифровой грамотности.

Бесплатный пробный урок

Мы знаем, что сегодня цифровой мир ― это огромное количество направлений. Детям, порой, сложно самостоятельно определить, что бы они хотели изучить из сферы IT. Чтобы им было проще это сделать, мы проводим бесплатный пробный урок.

1

Знакомимся со студентом

Наши преподаватели начинают вводные занятия с того, что устанавливают связь с детьми и узнают об их интересах.

2

Выбираем направление

Как только преподаватель узнает больше об учащемся и его текущих навыках работы с компьютером, необходимо выяснить, какое направление подойдет лучше всего!

3

Делаем практическое задание

В последние 20 минут пробного занятия ребёнок начнет создавать свой проект: игру, мультфильм или рисунок!
Teachers have a tremendous influence on the results of the company's development, so we are looking not just for good programmers, but also for those who know how to teach children.
Alexander Nosulich
Founder & CEO
Попробовать