Разработка сайтов: HTML, CSS, JS

Курс веб-разработки для подростков в Днепре от My Computer Academy. Ученики 12–16 лет изучают HTML5, CSS3, Flexbox, Grid, JavaScript с нуля. От первой страницы до адаптивного сайта-портфолио с интерактивными элементами. Реальные проекты на каждом занятии. Веб-разработка — одна из самых востребованных IT-специальностей. Онлайн и офлайн в Днепре, малая группа до 5 учеников, 40 занятий за 5 месяцев. Первый урок бесплатно.

• Тема 1: Введение в веб-разработку — Как работают сайты, backend и frontend. Sublime Text, первая HTML-страница, теги, атрибуты, CSS-стили.
• Тема 2: Язык HTML — Структура HTML5, основные теги, веб-формы, валидация, таблицы, семантическая вёрстка и стандарты.
• Тема 3: История и стандарты — Развитие интернета, WWW, XHTML, блочные и линейные элементы, заголовки H1-H6, редакторы и браузеры.
• Тема 4: Основы CSS — Синтаксис CSS, правила каскадности, группировка и наследование стилей, приоритеты.
• Тема 5: Селекторы CSS — Комбинированные селекторы, группировка и наследование, приоритеты стилей в CSS.
• Тема 6: Ссылки и пути — Тег ссылки, относительные и абсолютные пути, URL/URN, фрагменты страницы, именование папок.
• Тема 7: Списки, символы, метаданные — Маркированные и нумерованные списки, Unicode, MIME-типы, метаданные KEYWORDS и DESCRIPTION, SEO-основы.
• Тема 8: CSS. Блочная модель и позиционирование — Box model, border/margin/padding, обтекание, навигация, Relative/Absolute/Flex/Fixed.
• Тема 9: Шрифты и текст — Шрифтовое и текстовое оформление, выравнивание, интерлиньяж, кернинг, цвет, написание текстов для Web.
• Тема 10: Цвета и изображения — Цветовые модели в CSS, форматы JPEG/GIF/PNG, фоновые изображения, градиент, тени, UI-генераторы.
• Тема 11: Расположение элементов (CSS) — Relative/Absolute, z-index, селекторы по иерархии, классы и идентификаторы, внешние таблицы стилей.
• Тема 12: Таблицы — Структура таблицы, объединение ячеек, оформление классами, карты ссылок, устаревшая табличная вёрстка.
• Тема 13: Медиазапросы — Синтаксис медиазапросов, логические операторы, viewport, стратегии адаптивности, ориентиры по размерам экрана.
• Тема 14: Псевдоклассы и анимации CSS — Псевдоклассы текста, ссылок, кнопок, оформление списков, библиотека Animate.css, практика блоков.
• Тема 15: Итоги базовой вёрстки — Разделение наполнения и оформления, инициатива доступности Web, размещение страниц в интернете.
• Тема 16: Адаптивность и кроссбраузерность — Резиновый сайт, media-запросы, Flexbox, сетки, особенности браузеров, инструменты проверки.
• Тема 17: Flexbox — Гибкий контейнер, оси, порядок элементов, многострочность, коэффициенты роста/сжатия, выравнивание.
• Тема 18: Advanced CSS — Сложные селекторы, !important, псевдоэлементы, трансформации, БЭМ, Bootstrap, SASS/LESS.
• Тема 19: Ведение собственных проектов — Монетизация, фриланс, биржи, командная работа, конверсия, воронки продаж, анализ и тестирование.
• Тема 20: Основы JavaScript — Подключение JS, jQuery, обработка событий, показ/скрытие элементов, работа с сетью, JS-фреймворки.
• Тема 21: Оформление веб-проекта — Фон, градиенты, тени, типографика, спецсимволы, форматы изображений, Favicon, SVG и Canvas.
• Тема 22: Инструменты верстальщика — Домен и хостинг, Git, таск-трекеры, сборщики, минификаторы, прототипирование, WebStorm. Дипломная работа.