5000 ₽
4 занятия
| Запишитесь на бесплатный урок Напишите нам, мы проконсультируем и подберем курс по интересам ребенка |
№ | Название темы |
1 | 🌐 Знакомство с веб-разработкой: как создаются сайты? |
2 | ✍️ Работа с текстом: основы редактирования и форматирования |
3 | 🎨 Основы стилей: первый опыт с CSS и использование селекторов |
4 | 🖼️ Как работать с таблицами, изображениями и гиперссылками? |
5 | 📦 Основы блочной модели: как структурировать страницу? |
6 | 🧭 Отступы и центрирование: как управлять расположением элементов |
7 | 🌈 Работа с цветами, рамками и фонами: создаем стильные страницы |
8 | 📍 Как позиционировать элементы на странице с помощью CSS? |
9 | 📝 Создание форм: как собирать данные от пользователей? |
10 | 💡 Изучение Flexbox I: как верстать гибкие и адаптивные макеты |
11 | 🔧 Изучение Flexbox II: как создавать сложные макеты с Flexbox |
12 | ✒️ Шрифты и обтекание: как создать стильный текст? |
13 | 🧩 Макеты страниц: как структурировать и разделить сайт? |
14 | 🏷️ Семантические теги: как улучшить SEO и сделать сайт доступным? |
15 | 🏗️ Практическое задание: создание трёх-колоночного макета. Часть I |
16 | 🔄 Практическое задание: создание трёх-колоночного макета. Часть II |
17 | ❌ Сброс стилей и магия псевдоклассов: улучшение дизайна с помощью CSS |
18 | 📏 Единицы измерения: как точно задать размеры на странице? |
19 | ⚡ Преобразования и анимации: как добавить динамики на страницу? |
20 | ⚡ Преобразования и анимации: использование переходов для объектов |
№ | Название проекта |
21 | 📖 Проект “Дневник” |
22 | 🎬 Проект “Комикс” |
23 | 📰 Проект “Газета” |
№ | Название темы |
1 | 🔢 Основы JavaScript: первый взгляд на язык программирования |
2 | 🔎 Работа с числами и строками: основные операции |
3 | 🧮 Типы данных в JavaScript: числа, строки и логика |
4 | 🔠 Объекты в JavaScript: работа с коллекциями данных |
5 | 🔧 Массивы: хранение и обработка данных в списках |
6 | 🎛️ Условия и логика в JavaScript: как принимать решения в коде |
7 | 🔄 Циклы в JavaScript: повторяй до результата! |
8 | 🎯 Функции: создание и использование блоков кода |
9 | ⚡ Стрелочные функции: сокращаем код без потери смысла |
10 | ⏱️ Работа с таймерами: setTimeout и setInterval для событий |
11 | 📂 Работа с DOM: взаимодействие с элементами HTML на странице |
12 | 📋 Методы и селекторы в JavaScript: выбор элементов на странице |
13 | 🔨 Работа с классами, методами и атрибутами DOM |
14 | 📝 Практика JavaScript: повторение основ и создание простых приложений |
15 | 🗂️ События в JavaScript: как реагировать на действия пользователя |
16 | 💾 Основы Git: контроль версий и работа с репозиториями |
17 | 🔄 Git: SSH, Pull Requests и ветки — работа с современными инструментами |
№ | Название проекта |
1 | 🎮 Проект "Мои любимые игры" |
2 | 📚 Проект "Мой сайт по книжкам" |
3 | 🏙️ Проект "Мой любимый город" |
№ | Название темы |
1 | 🔢 Реализация первого калькулятора на сайте |
2 | 🧮 Дополняем калькулятор: добавляем новые функции |
3 | 🧮 Третий этап калькулятора: совершенствование логики |
4 | 🌍 Что такое адаптивный сайт и как его создать? |
5 | 🌍 Адаптация сайта под мобильные устройства: медиазапросы |
6 | 🖥️ Как создать сайт-портфолио: навигация и структура |
7 | 🖥️ Создание секции "О себе" на сайте-портфолио |
8 | 🖥️ Как оформить секцию “Навыки” на портфолио |
9 | 🖥️ Контактная информация на сайте-портфолио |
10 | 🖥️ Адаптивность сайта и создание меню (Burger-menu) |
11 | 🖥️ Как разместить свой сайт в интернете |
№ | Название проекта |
1 | 🎮 Проект “Магическое угадывание” |
2 | 📋 Проект “Список дел” |
3 | ⏱️ Проект “Умный таймер” |
4 | 🏓 Проект “Пинг-понг на JavaScript” |
5 | 🔍 Проект “Поиск информации” |
6 | 📖 Проект “Моя книжная полка” |
7 | 🕹️ Проект “Пары на скорость” |