Модуль 1
19,00ч

Веб-верстка

1.Основы HTML. Структурные, текстовые, строчные элементы
2.Основы CSS. Layouts
3.Advanced CSS
4.Git. GitHub
Часов в программе
4,00 часа
лекции
7,00 часов
практика
7,00 часов
самостоятельная
1,00 час
промежуточная аттестация
19,00 часов
всего
Материально-технические условия реализации программы:
Вид занятий: внеаудиторные
Требуемое ПО:
Ноутбук или стационарный компьютер на macOS или Windows версии Vista и выше. Желательный объем оперативной памяти от 4 гб.
Видеокарта: Nvidia GeForce 600 / AMD HD 7000
Стабильный интернет: от 5/мбит с
Информационные ресуры
1.FrontEndDev — канал про фронтенд и веб-программирование в целом - http://t.me/front_end_dev (УК-2)
2.Frontender’s notes — поток информативных постов для фронтенд-разработчиков разного направления и уровня - http://t.me/frontendnoteschannel (УК-2)
3.Telegram-канал для тех, кто делает первые шаги в веб-программировании и ориентируется на развитие по линии фронтенда - http://t.me/frontendlib (УК-2)

Учебно-методические материалы

Методы, формы и технологии

Формы подачи материала:
-видео
-текст

Методы:
-асинхронная работа студента на платформе
-синхронная работа на вебинарах с преподавателями
-самостоятельная работа (выполнение заданий)

Методические разработки

1.Методические разработки:
2.Анализ рынок конкурентов — изучаем, что предлагают другие школы и рынок вакансий, чтобы давать востребованные знания и навыки.
3.Проработка критериев по набору экспертов и авторов программы
4.Разработка контента в обучающие материалы и проектирование структуры курса
5.Анализ рынка вакансий на предмет актуальности знаний.
6.Создание авторами модулей программы. Каждый урок проходит многоуровневое ревью — эксперта, методиста, редактора, студента.
7.Чередование форматов подачи информации (текст — видео— таблица). Обязательно предоставление ссылок на дополнительные источники — документацию и полезные статьи, которые помогут лучше понять тему и расширят кругозор студента
8.В конце каждой темы у нас есть:
-итоговое тестирование, чтобы привести знания теории в систему,
-большая практическая задача для закрепления всех необходимых навыков модуля.
9.Обработка обратной связи от студентов по каждому модулю.

Материалы курса

-О чём этот модуль
-Как устроен сайт
-Основные элементы веб-страницы
-Специальные символы
-Другие элементы форматирования
-Изображения на сайте
-Ссылки
-Поток и дерево документа
-iframe
-Семантическая верстка
-Accessibility
-Создание сайта
-Закрепление знаний
-Подключение стилей к HTML
-Синтаксис CSS. Простые и комбинированные селекторы
-Селекторы псевдоклассов и псевдоэлементов
-Приоритет селекторов
-Цвета в CSS
-Размеры в CSS
-Блочная модель документа
-Средства разработчика
-Слои, позиционирование и z-index
-Пример работы со стилями
-Задание для самостоятельной работы
-Типы шрифтов
-Подключение шрифтов
-Свойство display
-Flexbox
-CSS Grid
-Адаптивный дизайн и стратегии разработки
-at rules (@-rules)
-Медиа-запросы
-Progressive enhancement и graceful degradation
-Чек-лист верстальщика
-Знакомство с Git и установка
-Коммит
-Особенности архитектуры и сохранение изменений
-Ветвление и коммиты слияния
-Конфликты
-GitHub
-Итоги и разбор Git на практике

Учебная литература

1.HTML и CSS. Разработка и дизайн веб-сайтов/Дакетт Джон - М.: Эксмо, 2022 - 480 с. - ISBN 978-5-04-101286-1 (ОПК-2, ОПК-6)
2.Git для профессионального программиста/Чакон Скотт, Штрауб Бен - СПб.: Питер, 2022 - 496 с. - ISBN 978-5-4461-1131-2 (ОПК-2, ОПК-6)

Темы

Основы HTML. Структурные, текстовые, строчные элементы Основы CSS. Layouts Advanced CSS Git. GitHub
Лекции
1,00ч
Практические занятия
1,00ч
Самостоятельная работа
1,00ч
Всего
3,00ч
Лекции
1,00ч
Практические занятия
2,00ч
Самостоятельная работа
2,00ч
Всего
5,00ч
Лекции
1,00ч
Практические занятия
2,00ч
Самостоятельная работа
2,00ч
Всего
5,00ч
Лекции
1,00ч
Практические занятия
2,00ч
Самостоятельная работа
2,00ч
Всего
5,00ч
Промежуточная аттестация 1,00 час
Практическое задание