Web Design — это погружение ребенка в мир Web-разработки, ребята изучат языки разметки и стилей, научатся связывать сайт с базой данных, создадут макеты и сделают свой полноценный сайт
Ксения Комарова, 13 лет, изучает Веб-дизайн
Урок 1: Введение в HTML. Ребята узнают, что такое HTML страница, и попробуют создать свою первую верстку, используя простейшие теги <p><img><h1>, а также поймут, что такое теги верхнего уровня
Урок 2: Мультимедиа и встраивание. Ребята научатся использовать теги мультимедии: <img>, <video>, <audio>
Урок 3: Фреймы и разметка страницы, изучение тега <iframe> и встраивание элементов на свой сайт, а также структура сайт
Урок 4: Знакомство с CSS. Ребята изучат основы CSS и применят свои первые стили на страницу
За первый модуль ученики создадут веб-страницы с интеграцией мультимедиа-контента, изучат основы стилизации элементов.
Урок 5: Селекторы CSS. Ребята узнают, что такое селекторы и как задавать стили не всем тегам, а определенному элементу
Урок 6: Блочная модель CSS. Блочная и строчная модель элементов, что такое display и все свойства блоков
Урок 7: Ссылки и свойства фона. Тег <a>, и внутренние, и внешние ссылки, изучение настройки фона и работа со стилями
Урок 8: Позиционирование. Поток документа и позиции элементов, свойство position и фиксация
Во втором модуле студенты освоят фундаментально важные темы для достижения профессионального оформления сайта, создадут первые веб-страницы в современном дизайне
Урок 9: Введение в дизайн. Что такое UХ- и UI-дизайн, в чем их отличие
Урок 10: Анализ поисковых запросов. Изучение поисковиков и работы интернета, как поднять свой сайт в поиске и что на это влияет
Урок 11: Макет итогового проекта: знакомство с Figama, основы макетирования
Урок 12: Flexbox. Ребята изучат важнейшее свойство в CSS – флекс-сетки – и как их использовать
Ученики изучат основы разработки дизайна сайта, анализа целевой аудитории, подбора востребованной тематики для собственных проектов. В конце модуля разработают дизайн своего будущего проекта, опираясь на современные дизайнерские концепции и собственные исследования целевой аудитории
Урок 13: Верстка сайта по макету, работа с VSC. Знакомство с редактором и работа над своим первым проектом
Урок 14: Завершение проекта. Доработка и завершение проекта
Урок 15: Публикация проекта. Что такое GitHub и как опубликовать свой сайт? Подключение Яндекс.Метрики
Урок 16: Презентация проектов. Подводим небольшой итог, что мы сделали за 4 модуля
Студенты создадут свой первый сайт, опубликуют его в интернете, подключат обратную связь от пользователей, сделают доступным в поисковых системах. Для детей старше 14 лет с согласия родителей доступно подключение приема платежей на сайте
Урок 17: Псевдоклассы и псевдоэлементы. Ребята изучат важные псевдоклассы и псевдоэлементы и разберут реальные кейсы
Урок 18: Трансформации. Изучение трансформаций, как сделать интерактив с пользователем и добавить движений
Урок 19: Анимации. Свойство animation и как работают анимации в CSS
Урок 20: Блочная модель: PRO, добавляем в проект все, что узнали за модуль. Все что нужно знать про блоки, различие margin и padding. На этом уроке ребята дополнят к своему проекту все, что изучили за этот модуль
Студенты углубятся в изучение CSS и улучшат свой проект
Урок 21: Grid-layout. Второе важное свойство CSS – грид-сетки. В чем отличие от флексов? Где использовать и как применять?
Урок 22: Переменные в CSS. Переменная root, которая изменит наш сайт до неузнаваемости
Урок 23: Адаптивная и отзывчивая верстка. Как сделать сайт адаптивным? В чем отличие от отзывчивости и что лучше использовать?
Урок 24: Взаимодействие с информацией пользователя. Формы, как отправить информацию о пользователе на сервер
Ученики изучат более удобные сетки, разберут много реальных кейсов и научатся делать адаптив
Урок 25: Локальный сервер и знакомство с PHP. Изучение PHP для работы с сайтом, взаимодействие с HTML
Урок 26: Углубление в PHP. Изучение циклов и массивов, как создать свой php сайт
Урок 27: Wordpress. Движки сайтов и Wordpress, как создать сайт из блоков PHP
Урок 28: Движок сайта и натяжка своего проекта на движок. Положим на Wordpress свой проект и улучшим его
Ученики изучат хостинги и php, а также перенесли свой проект на движок
Урок 29: Доработка проекта, alert, prompt, переменные, консоль. Знакомство с JS и доработка проекта по чек-листу
Урок 30: Доработка проекта, работа с формами, готовый код на проверку правильности ввода. Добавление бургер меню на JS на сайт и работа над проектом
Урок 31: Доработка проекта, бургер меню, карусель, фишки из JS. Завершаем проект, добавляем карусель
Урок 32: Представление проектов
За все модули ребята дорабатывают свой проект, что позволяет им создать хороший продукт
Онлайн-курс Scratch состоит из 6 модулей от 4 до 7 уроков в каждом.
Веб-дизайн: Создание сайтов
Урок 1: Основы Scratch
Урок 2: Движения спрайтов
Урок 3: Магический графический редактор
Урок 4: Кто такие баги?
Урок 5: Коддич — настоящее соревнование волшебников-программистов
Веб-дизайн: Создание сайтов
Урок 1: Скретч-события
Урок 2: Принципы анимации
Урок 3: Работаем с фонами и музыкой
Урок 4: Создание магической музыкальной группы
Веб-дизайн: Создание сайтов
Урок 1: Какие бывают игры?
Урок 2: Собственные блоки: зачем нужны и как создавать
Урок 3: Жанр приключение: написание сценария игры
Урок 4: Что такое RPG?
Урок 5: Учимся придумывать персонажей
Урок 6: Дебаггинг экшн-игр
Урок 7: Коддич
Веб-дизайн: Создание сайтов
Урок 1: Гейм-техники — ингредиенты отличной игры
Урок 2: Игры для начинающих
Урок 3: Взаимодействия в играх
Урок 4: Счет в игре: учимся работать с переменными
Урок 5: Бонус-уровни. Учимся усложнять игры
Урок 6: Ищем баги
Урок 7: Коддич: финал
Веб-дизайн: Создание сайтов
Урок 1: Дополнения и расширения
Урок 2: Учимся распознавать видео
Урок 3: Создание клонов спрайта
Урок 4: Дизайн программы
Урок 5: И снова отладка
Веб-дизайн: Создание сайтов
Урок 1: Как планирование сделает твой проект самым-самым?
Урок 2: Разработка самого удивительного проекта
Урок 3: Зачем нужны тестирование и обратная связь?
Урок 4: Секреты успешной демонстрации
Интерактивная образовательная платформа
Платформа Kodland разработана для обучения детей востребованным цифровым навыкам. Все задания интерактивные. Когда ученик создаёт проект, она автоматически дает подсказки и хвалит за успехи!
Поддержка наставника
Преподаватели программы формируют для детей доверительную атмосферу, вовлекают и поддерживают самых юных студентов. Поэтому ваш ребёнок не останется один на один с непонятной темой.
ХАБ
Хаб ― это среда, где юный программист может реализовывать свои проекты и делать их публичными. Площадка позволяет изучать и обсуждать работы других. Читайте подробнее на сайте: https://hub.kodland.org/ru
Удобный график для родителей
Онлайн-формат позволит родителям сэкономить время на дороге до места проведения занятий.
Прокачка софт-скиллов
Учёба в Kodland улучшает как технические навыки, так и «мягкие». Мы обучаем детей Scratch для развития их креативного, пространственного и критического мышления, способности работать в команде и цифровой грамотности.
Мы знаем, что сегодня цифровой мир ― это огромное количество направлений. Детям, порой, сложно самостоятельно определить, что бы они хотели изучить из сферы IT. Чтобы им было проще это сделать, мы проводим бесплатный пробный урок.
1
Знакомимся со студентом
2
Выбираем направление
3
Делаем практическое задание