Каникулы! Летние курсы 2026. Программирование, ИИ, Цифровое творчество

Создание сайтов и Web-Design

На курсе ребята будут изучать важные концепты и инструменты, необходимые для создания красивых, динамичных и функциональных веб-сайтов, включая верстку, язык разметки HTML, каскадные таблицы стилей CSS и язык программирования JavaScript. Школьники получат практические навыки в создании интерактивных веб-страниц, работе с графическими редакторами и создании дизайна, позволяющие им создавать профессиональные и креативные веб-сайты с нуля.

Возраст 12-16 лет
Формат курса В группе до 7 человек
Длительность курса 8 месяцев
Записаться
Иллюстрация

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

Будете заниматься с одними из наших лучших преподавателей

чтобы научиться новому и закрепить изученное

Яся Басалаева

Яся Басалаева

Чугаева Елена

Чугаева Елена

Дмитрий Маслак

Дмитрий Маслак

Реализуется согласно федеральному государственному образовательному стандарту (ФГОС)

Программа

  1. Знакомство с VSC
  2. Введение в HTML
  3. Структура HTML-документа
    • Теги верхнего уровня
    • Вложенные теги
    • Разметка текста
    • Атрибуты тегов
    • Валидность кода
  4. Мультимедиа и встраивание
    • Изображения
    • Аудио и видео контент
  5. Фреймы и разметка страницы
  6. Конспект и проверка усвоенного

 

Результат: на занятиях ученики усвоят язык разметки HTML. Создадут свою первую веб-страницу.

  1. Введение в CSS. Как устроен CSS?
  2. Основы CSS
    • Селекторы
    • Свойства и значения
    • Каскад и наследование
    • Блочная модель CSS
    • Фон и границы
    • Градиент
    • Стилизация текста и медиаконтента
    • Основы SVG

 

Результат: на занятиях ученики усвоят язык разметки CSS, добавят интерактивности созданной в первом модуле веб-странице.

  1. Введение в UX/UI-дизайн
    • Основы пользовательского интерфейса
  2. Прототипирование проекта в Figma
  3. Начало работы над своим проектом. Прототипирование будущего сайта

 

Результат: на занятиях ученики усвоят базу дизайна интерфейсов, поймут, как создаются прототипы и задизайнят свой будущий сайт.

  1. Введение в CSS-верстку.
    • Flexbox
    • Грид
    • Поплавки (Float)
    • Позиционирование
  2. Проверка усвоенного
  3. Псевдоэлементы и псевдоклассы
  4. Адаптивная и отзывчивая верстка
  5. Работа с пользовательскими данными: форма

 

Результат: на занятиях ученики усвоят углубленный уровень языка разметки CSS, сверстают сайт, дизайн которого создали в предыдущем модуле.

  1. Введение в JS
  2. Добавление интерактивности на сайт
    • Переменные
    • Функции
    • Условия
    • Создаем галерею изображений
    • Элемент canvas: графика и анимации

Результат: на занятиях ученики усвоят язык программирования JavaScript, научаться делать сайты интерактивными и отзывчивыми.

  1. Создание сайта для бизнеса
    • Особенности сайтов для бизнеса: реклама и информационные материалы
    • Прототипирование
    • Наполнение контентом
  2. Создание сайта для благотворительной организации

Расписание

на занятиях в группах

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

по средам 15:30-17:30
Можно присоединиться с c 1 сентября

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

по субботам 10:00-12:00
Можно присоединиться с c 1 сентября

Создание игр в Roblox Studio

по субботам 12:00-14:00
Можно присоединиться с c 1 сентября

Создание игр в Roblox Studio

по понедельникам и средам 16:00-17:00
Можно присоединиться с c 1 сентября

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

по пятницам 16:00-18:00
Можно присоединиться с c 1 сентября

Создание сайтов и Web-Design

по понедельникам и четвергам 17:00-18:00
Можно присоединиться с c 1 сентября

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

по вторникам и четвергам 17:00-18:00
Можно присоединиться с c 1 сентября
по четвергам и субботам 10:00-11:00
Можно присоединиться с c 1 сентября

Что нужно знать о курсе

Ребенок научится создавать и оформлять сайты с помощью языков HTML и CSS.
Ребенок научится программировать интерактивные элементы для сайтов: анимации, формы и другие.
Работа над проектом требует планирования и организация работы, распределение задач, управление временем и ресурсами.
Ребята создадут несколько сайтов — лендинги и многостраничные сайты.
Ребенок научится создавать эстетически привлекательные и функциональные интерфейсы и макеты сайтов.
Ребенок будет решать разнообразные технические и дизайнерские задачи, что способствует развитию их креативного мышления.
Работа в команде требует от детей общения, обмена идеями, умения находить общий язык и совместных сил.
Ребята научатся верстать сайты под потребности заказчика и бизнеса.

Выдаем сертификат

Каждый ученик в конце курса получит именной физический сертификат.

Пример сертификата курса

Проконсультироваться по поводу обучения

Занятия можно попробовать бесплатно - чтобы познакомиться с преподавателем и программой.

    Оставляя заявку, вы принимаете оферту, условия договора на оказание услуг и политики обработки персональных данных.

    Почему выбирают Code it!

    Ценим процесс, а не просто результат обучения

    Сподвигаем к решению и поддерживаем вызовы

    Создаем среду для всестороннего развития: технологии, креатив, наука

    Учим на ошибках

    Применяем академический подход к обучению

    Возникли вопросы?

    Уроки проводятся в комфортном классе по адресу ул. Эгерский бульвар, 6к1. Каждому ребенку выделяется отдельный компьютер и рабочее место. После зачисления в группу ребенку выдается доступ к Личному кабинету, где можно отслеживать оценки занятий, проверять домашние задания.
    Приходите на бесплатное пробное занятие, после которого и вы, и мы будем уверенны в том, что именно подойдет для вашего ребенка!
    Оставьте заявку, чтобы мы связались с вами и объяснили, когда будет следующий набор в группы. Перед зачислением необходимо будет пройти тестирование знаний на определение уровня подготовки ребенка.
    Если вы относитесь к одной из социально-уязвимых категорий населения, ваш ребенок будет заниматься с постоянной скидкой в 10%.
    В таком случае, мы поможем подобрать любой другой курс в нашей школе.
    Да, сертификат об окончании обучения будет отличным дополнением к портфолио ребенка!

    Как нас найти