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


Записаться
Заполнить заново


Записаться
Заполнить заново


Записаться
Заполнить заново

Персональные данные обрабатываются в соответствии с требованиями
Федерального закона от 27.07.2006 №152-ФЗ «О персональных данных»

10-14 ЛЕТ

Разработка и дизайн сайтов

УРОВЕНЬ 1

Основы

Курс, на котором ваш ребенок сможет создать свой собственный сайт, используя профессиональные инструменты создания веб-страниц.

В digital-мире создание своих сайтов на просторах интернета становится эффективным способом самовыражения. Овладев навыками работы в профессиональной среде разработки сайтов, ребята научатся создавать свои уникальные сайты и наполнять их информацией о чем угодно, например, своей любимой игре, музыканте или хобби. Курс будет интересен всем, кто хочет научиться создавать свои сайты с нуля. Ребята будут писать код в профессиональной среде разработки, поймут, как устроены сайты, получат необходимые навыки для самостоятельной работы. Дети будут изучать язык гипертекстовой разметки (HTML) и каскадные таблицы стилей (CSS), а также примерят на себя роль веб-дизайнера.

Курс рассчитан на детей 10-14 лет, которые интересуются созданием сайтов и веб-технологиями.

Развиваем навыки

Верстка веб-страниц
Навыки работы в профессиональной среде разработки
Понимание принципов покадровой анимации и реализация ее в программе Scratch
Базовые знания веб-дизайна
Умение работать с файловой системой ПК.
Командная работа
Планирование проекта
Постановка и решение задач
Презентация готовой работы

Задачи курса

- Познакомить с HTML и CSS

- Дать базовые навыки разработки сайтов

- Обучить основам веб-дизайна

План курса

.1
Создаем свой первый сайт
Знакомимся с понятиями сайт, страница, домен, хостинг.
Знакомимся со структурой сайта и html файла.
Знакомимся с основными тегами - html, body, head, header, footer.
Создаем свои структуры html файла, наполняем страницы контентом.
Практический результат
Свой первый сайт, общее понимание того, как устроены веб-страницы.
.2
Изучаем таблицы стилей
Знакомимся с CSS, изучаем селекторы, классы, основные CSS-свойства.
Знакомимся с относительным и абсолютным позиционированием.
Верстаем главную страницу сайта.
Практический результат
Главная страница сайта с использованием CSS.
.3
Учим страницы сайта видеть друг друга
Учимся использовать внутренние и внешние ссылки.
Изучаем позиционирования элементов.
Создаем внутренние страницы сайта и меню навигации.
Практический результат
Внутренние страницы сайта и меню навигации.
.4
Делаем слайдер.
Знакомимся с атрибутами тегов.
Изучаем radio-кнопки, метки label, выпадающие списки
Создаем слайдер на CSS.
Практический результат
Динамическая галерея.
.5
Знакомимся с фреймами.
Изучаем продвинутые теги: aside, title, meta.
Встраиваем внешние стили.
Знакомимся с тегом iframe, встраиваем видео, карты и другие внешние элементы.
Практический результат
Видео с YouTube или Яндекс карта на главной странице сайта.
.6
Добавляем на страницы эффекты
Создаем шапку сайта, прописываем все мета теги, создаем меню.
Создаем тело сайта, наполняем изображениями, видео, фреймами.
Изучаем кнопки, псевдоклассы, создаем кнопки с ссылками, меняем CSS-свойства при наведении.
Создаем подвал сайта.
Практический результат
Цветовые эффекты на элементах страниц сайта.
.7
Учимся быть веб-дизайнером.
Продолжаем разработку сайта, изучаем теги href в режиме якоря.
Изучаем код-стайл, правила хорошего тона при верстке и каскадировании и базовые понятия веб-дизайна.
Изучаем подключения внешних скриптов, знакомимся с JavaScript.
Работаем с графическим редактором для нарезки шаблонов.
Практический результат
Умение работать с графическим редактором, знание главных принципов веб-дизайна, а также понимание, что такое скрипты и как их подключать.
.8
Становимся Front-end разработчиком.
Создаем свой индивидуальный сайт.
Загружаем сайт на хостинг.
Практический результат
Готовый индивидуальный сайт ребенка на свободную тему, загруженный на хостинг.

Результаты курса

Полностью готовый многостраничный сайт, сделанный в соответствии с современными требованиями HTML5, CSS3, Веб-дизайна и Code Style. Сайт загружен на хостинг и доступен всем пользователям интернета.

УРОВЕНЬ 2

Профи

Курс для творческих ребят, которые хотят освоить основы графического дизайна и создать концепт собственной игры на Scratch.

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

Курс рассчитан на детей 10-14 лет, которые интересуются созданием сайтов, программированием и веб-технологиями.

Развиваем навыки

Верстка веб-страниц.
Навыки работы в профессиональной среде разработки
Понимание принципов покадровой анимации и реализация ее в программе Scratch
Создание анимированных эффектов
Программирование на языке JavaScript
Навыки работы с фреймворком jQuery
Умение работать с файловой системой ПК
Планирование проекта
Постановка и решение задач
Презентация готовой работы

Задачи курса:
- Познакомить с языком программирования JavaScript

- Обучить основам программирования

- Научить создавать адаптивные сайты

- Научить применять фреймворки при разработке

План курса

.1
Знакомство с CSS-фреймворком Bootstrap
Разбираем структуру страницы.
Знакомимся с сеткой страницы.
Изучаем позиционирование.
Знакомимся со встроенными во фреймворк элементами.
Практический результат
Страница, написанная на Bootstrap.
.2
Изучение адаптивности
Изучаем адаптивность блоков.
Настраиваем сетку сайта.
Изучаем технологию Flexbox.
Делаем страницу, заточенную под мобильные устройства.
Практический результат
Сайт, который автоматически подстраивается под различные устройства.
.3
Изучение JavaScript
Погружаемся в JavaScript.
Знакомимся с функциями.
Изучаем обработку событий в JavaScript.
Изменяем страницу с помощью программирования.
Практический результат
Страница, которая меняется при наступлении определенных событий.
.4
Знакомство с jQuery
Начинаем работу с JS-фреймворком jQuery.
Меняем содержимое страницы с помощью jQuery.
Изучаем вложенные CSS-селекторы.
Знакомимся с объектной моделью документа.
Практический результат
Страница, на которой с помощью программирования меняется содержимое отдельных элементов.
.5
Изучение эффектов CSS3
Создаем анимированные эффекты.
Изменяем CSS-свойства при наступлении событий.
Изучаем продвинутые функции jQuery.
Практический результат
Интерактивная страница с эффектами, выполненными на CSS и JavaScript.
.6
Создание веб-приложения
Обрабатываем события на странице.
Меняем CSS с помощью JavaScript.
Создаем веб-приложение.
Практический результат
Готовое веб-приложение, работающее с помощью JavaScript & jQuery.
.7
Создание анимации
Изучаем ключевые кадры в CSS.
Заставляем предметы двигаться.
Создаём реалистичную анимацию.
Добавляем звуки на страницу.
Практический результат
Реалистичная анимация, выполненная с помощью CSS
.8
Front-end разработка
Создаем свое индивидуальное веб-приложение.
Загружаем приложение на хостинг.
Практический результат
Готовое веб-приложение ребенка на свободную тему, загруженное на хостинг. Например, генератор паролей для социальных сетей, или приложение для учета расходов, которое поможет контролировать свои траты.

Результат обучения

Веб-приложение, которое адаптируется под разные устройства и выглядит одинаково хорошо на всех экранах.

Дети рассказывают о своих проектах

Наши преподаватели

Все ребята имеют профильное образование, опыт работы в IT и регулярно проходят аттестацию

Как проходит обучение в Кодабре?

Офлайн-курсы
Дизайн и анимация в играх 
6-9 лет
УРОВЕНЬ 1
Основы
Подробнее о курсе
Офлайн-курсы
Программирование в Minecraft 
10-13 лет
УРОВЕНЬ 1
Основы
УРОВЕНЬ 2
JavaScript
Подробнее о курсе
Офлайн-курсы
Разработка и дизайн сайтов 
10-14 лет
УРОВЕНЬ 1
Основы
УРОВЕНЬ 2
Профи
Подробнее о курсе
Офлайн-курсы
Создание игр: математика и логика 
6-9 лет
УРОВЕНЬ 1
Основы
УРОВЕНЬ 2
Алгоритмы и игровая логика.
Подробнее о курсе
Офлайн-курсы
Творчество в Minecraft. 
6-9 лет
УРОВЕНЬ 1
Компьютерная грамотность
УРОВЕНЬ 2
Квест
Подробнее о курсе
Офлайн-курсы
Создание игр на Unity 
10-14 лет
УРОВЕНЬ 1
Основы
УРОВЕНЬ 2
Приложение для телефона
Подробнее о курсе
Офлайн-курсы
Разработка игр на Python 
10-14 лет
УРОВЕНЬ 1
Разработка игр на Python
Подробнее о курсе
Офлайн-курсы
Разработка и дизайн сайтов. Основы HTML, CSS и JavaScript 
14-17 лет
УРОВЕНЬ 1
Разработка и дизайн сайтов. Основы HTML, CSS и JavaScript
Подробнее о курсе
Офлайн-курсы
Разработка нейронной сети на Python 
14-17 лет
УРОВЕНЬ 1
Основы машинного обучения
Подробнее о курсе
Офлайн-курсы
Монтаж своего видеоролика для YouTube 
10-14 лет
УРОВЕНЬ 1
Монтаж своего видеоролика для YouTube
Подробнее о курсе