Третий шаг в IT: сайты в коде

О курсе

^{ТРЕТИЙ ШАГ В ПРОГРАММИРОВАНИИ!}

ПРИГЛАШАЕМ УЧЕНИКОВ 6-11 КЛАССОВ НА КУРСЫ СОЗДАНИЯ САЙТОВ И ПРОГРАММИРОВАНИЯ!

Данный курс - не просто «учим теги и код». Это прокачка мышления, первые реальные проекты, уверенность в себе и открытая дверь в профессию будущего. А если он выберет другой путь — эти навыки всё равно останутся с ним навсегда.

Чему научится подросток на курсах фронтенда:

HTML — создание страниц. Подросток учится строить структуру сайта: заголовки, тексты, картинки, ссылки, формы.

CSS — оформление. Цвета, шрифты, анимации, красивые кнопки и, главное, адаптивная вёрстка — чтобы сайт отлично выглядел и на телефоне, и на компьютере.

JavaScript — оживление сайта. Кнопки, которые реагируют на клики, викторины, мини‑игры, динамические эффекты. Здесь начинается настоящее программирование и логика.

Собственные проекты в портфолио. Личный сайт‑портфолио, лендинг, игра или приложение‑список дел. И важный навык — публикация сайта в интернете, чтобы его увидел любой человек по ссылке.

Как это поможет в жизни

✅Фора в профессии. К окончанию школы у подростка уже есть портфолио — а это ценнее любого аттестата. В 16–17 лет можно брать первые заказы, а к 20 годам — выйти на уровень уверенного специалиста.

✅ Первые собственные деньги. Простые сайты и лендинги реально заказывать ещё во время учёбы в школе. Подросток на практике понимает: знания = доход, и это сильно меняет мотивацию учиться.

✅ Уверенность в себе. Когда твой сайт работает и его можно отправить друзьям — это настоящая гордость и желание развиваться дальше.

✅ Польза, даже если не станет программистом. Цифровая грамотность и понимание, как устроен интернет, нужны в любой сфере: маркетинге, дизайне, менеджменте, науке, своём деле.

✅ Легче в школе. Информатика становится любимым предметом, а ОГЭ и ЕГЭ по ней сдаются гораздо спокойнее.

✅Правильное окружение. На курсах подросток попадает в компанию увлечённых сверстников — такие знакомства часто перерастают в совместные проекты и даже стартапы.

✅ Умение учиться. IT меняется быстро, и человек, привыкший осваивать новое в подростковом возрасте, легко адаптируется к любым переменам в будущем.

При формировании групп учитываются пожелания учеников по дню недели и времени занятий, открываем группы по мере набора.

Занятия проходят 2 раза в неделю по 2 академ. часа.

_{Записаться на курсы можно прямо сейчас!}

Оставить заявку

Содержание курса

Введение. Сетевые информационные технологии

Основы Интернет. Глобальная компьютерная сеть Интернет.
Технические и программные средства Интернет.
Структура, адресация, протоколы передачи.
Основные услуги компьютерных сетей: электронная почта, телеконференции, файловые архивы.
Сервис WWW. История создания World Wide Web.
Web-страницы Гипертекст. Гиперссылки.
Web-сайты. Типы сайтов, назначение, цель, целевая аудитория.
Содержание, структура и дизайн Web-сайта.
Этапы разработки Web-сайта.
Инструментальные средства разработки Web-сайта.
Планировка отдельных страниц и сайта в целом. Советы начинающим
Обозреватели (браузеры) Интернет.
Навигация в обозревателе. Поиск информации.
Настройка пользователем программного средства электронных коммуникаций.

Основы языка HTML

Инструментарий для создания Web-страниц.
Назначение языка HTML.
Теги и атрибуты тегов.
Структура документа HTML.
Определение функциональных разделов документа.
Синтаксис HTML и структура HTML
Тело документа.
Первая веб-страница.
Тестирование страницы.
Разметка текста.
Элемент заголовка
Элемент абзаца.
Элемент разрыва строки.
Элемент цитирования.
Списки.
Специальные символы.
Гипертекстовые ссылки.
Проверка кода.

Таблицы каскадных стилей. CSS

Применение внешней таблицы стилей.
Преимущества каскадных таблиц стилей (CSS).
Селекторы и определения.
Использование цвета фона и текста.
Разметка внутренних стилей CSS
Изменение текста.
Селекторы класса, идентификатора и потомка.
Использование внешних таблиц стилей.
Центрирование.
Каскадность стилей.
Валидация CSS.

Графические элементы.

Конфигурирование линий и границ
Типы графических изображений.
Изображения-ссылки.
Фоновые изображения.
Источники графических файлов. (Adobe Photoshop)
Визуальные эффекты CSS

Разработка макета страницы.

Блочная модель.
Нормальный поток.
Позиционирование с помощью CSS.
Плавающий эффект.
Удаление обтекаемого элемента.
Макеты страниц в две колонки. CSS
Гиперссылки в виде неупорядоченного списка.
Интерактивность CSS.
Проверка синтаксических ошибок.

Таблицы.

Элемент таблиц.
Строки, ячейки, заголовки.
Объединение строк и столбцов.
Конфигурирование доступной таблицы.
Использование CSS для оформления таблиц.

Формы.

Элемент управления.
Элемент ввода данных
Текстовая область с прокруткой.
Раскрывающийся список.
Кнопки-изображения.
Доступность и формы.
Стилизация форм.
Обработка на стороне сервера.

Регистрация сайта.

Процесс разработки сайта.
Доменное имя.
Веб-хостинг.
Регистрация.
Загрузка сайта на сервер.

Показать полностью...

IT для школьников