Создание сайтов с нуля
Тут сайт пишется руками: HTML держит структуру, CSS отвечает за внешний вид, JavaScript — за реакцию на действия пользователя. По дороге Flexbox, Grid, мобильная вёрстка, формы, модальные окна и табы. Готовый сайт выкладываем на GitHub Pages, ссылку можно кому-то отправить. После такого курса логично идти в React или Vue.
60 минут индивидуально · 90 минут в группе
Что освоит ребёнок
С чего начать — решим на пробном. Если тема уже знакома, дадим задачи посложнее и не будем гонять по основам.
HTML
Структура страницы: теги, текст, ссылки, изображения, шапка, меню и карточки.
CSS
Оформление, Flexbox, Grid, hover-эффекты и адаптивная вёрстка под телефон.
JavaScript
Переменные, функции, DOM, события, интерактивные виджеты и проверка форм.
Публикация
Мини-приложения, публикация через GitHub Pages и финальный адаптивный сайт.
Программа курса
44 урока · 11 модулей. В конце модулей ребёнок представляет свой проект.
Основы HTML
Первая HTML-страница и аккуратная папка проекта.
- Как устроен сайт
- Теги и текст
- Ссылки и изображения
- Проект: первая страница
Структура страницы
Шапка, меню, секции и карточки.
- Шапка и меню
- Секции и карточки
- Списки и контакты
- Проект: структура сайта
Основы CSS
Основы CSS и визуальное оформление.
- Подключение CSS
- Цвета и шрифты
- Отступы и кнопки
- Проект: оформленная страница
Flexbox
Карточки, Flexbox и первый современный макет.
- Карточки
- Flexbox
- Первый экран и меню
- Проект: первый макет
Сетки и эффекты
CSS Grid, hover-эффекты и лендинг.
- CSS Grid
- Hover-эффекты
- Первый экран
- Проект: лендинг-галерея
Мобильная версия
Адаптивная вёрстка под компьютер и телефон.
- Media queries
- Мобильное меню
- Проверка на устройствах
- Проект: адаптивный сайт
Основы JavaScript
JavaScript: переменные, условия, функции, массивы.
- Переменные и условия
- Функции
- Массивы
- Практика на примерах
DOM и события
Страница реагирует на действия пользователя.
- DOM и события
- Кнопки и смена темы
- Input и элементы
- Проект: интерактивная страница
Интерактивные элементы
Модальные окна, вкладки и проверка форм.
- Модальное окно
- Вопросы и ответы, вкладки
- Проверка формы
- Проект: лендинг с интерактивом
Публикация
Мини-проекты на JavaScript и публикация.
- Мини-приложение на выбор
- GitHub Pages
- Подготовка проекта
- Публикация
Свой сайт
Финальный адаптивный сайт с HTML, CSS и JavaScript.
- Идея и структура
- Вёрстка
- Интерактив
- Презентация
▼ ВСЕ 44 УРОКА
Стоимость занятия
Платите за отдельные занятия или берите абонемент. Первый урок бесплатный, карту привязывать не нужно — автосписаний у нас нет.
Мини-группа
- До четырёх учеников в группе
- 90 минут с преподавателем
- Общая программа и задания курса
- Можно обсуждать проекты с ребятами
Индивидуально
- Занимаемся по программе курса
- Всё внимание преподавателя одному ученику
- Все материалы и проекты остаются у ребёнка
- Темп с учётом подготовки ребёнка
Свой маршрут
- Задания под интересы ребёнка
- Индивидуальные занятия над своим проектом
- Можно совмещать разные направления
- Подходит, если у ребёнка уже есть базовые навыки
Цены указаны за одно занятие. Суммы в местной валюте ориентировочные и пересчитаны по курсу; валюту и итоговую сумму согласуем перед оплатой
Частые вопросы
Остались вопросы о курсе? Напишите нам в Telegram ↗
Можно ли начать без опыта?
Да, курс «Создание сайтов с нуля» начинается с основ. Темп подбираем под ребёнка: где-то задержимся и потренируемся, знакомые темы пройдём быстрее.
Что нужно из техники?
Нужны ноутбук или компьютер, микрофон и стабильный интернет. Требования зависят от курса: для Unity и Blender заранее проверим характеристики устройства. С установкой программ поможем. Планшет не заменит компьютер на курсах программирования.
Как часто заниматься?
Обычно один или два раза в неделю. Индивидуальное занятие длится 60 минут, в группе — 90 минут. На каникулах можно встречаться чаще. Время согласуем с вами.
Можно ли заморозить или вернуть деньги?
Да, вы оплачиваете фактически прошедшие занятия. Если нужна пауза, напишите менеджеру. Порядок переноса и возврата обсудим до оплаты.
Кто преподаватели?
У нас преподают специалисты из IT и разработки игр с педагогической подготовкой. Перед началом работы они проходят методическую стажировку. С преподавателем ребёнок познакомится на пробном занятии.
Попробовать
можно бесплатно
60 минут один на один с преподавателем. Ребёнок попробует направление, а вы посмотрите со стороны, заходит ему такое или нет.
- Познакомимся и узнаем об интересах ребёнка
- Сделаем небольшой проект
- Расскажем родителю, как прошёл урок
- Подберём курс и удобное расписание
Продолжать или нет — решите после урока. Уговаривать не будем.