Модуль 5. Профессиональная верстка

Позиционирование элементов. Практическая верстка.
Структура HTML5, знакомство с формами
Практическое применение Bootstrap
Препроцессоры: применение на практике
Эффекты перехода и трансформации в CSS3
CSS3: медиа-запросы, адаптивная верстка.
Практическое применение адаптивной верстки
Grid layout, новые возможности CSS3

Часов в программе

11,00 часов

лекции

8,00 часов

практика

13,00 часов

самостоятельная

2,00 часа

промежуточная аттестация

34,00 часа

всего

Материально-технические условия реализации программы:

Вид занятий: лекция
Требуемое ПО:
Любая современная операционная система и настроенная в зависимости от языка программирования среда разработки: любая привычная IDE, для Python — установленный интерпретатор с python.org и любая привычная IDE.

Вид занятий: Практическое занятие
Требуемое ПО:
Любая современная операционная система и настроенная в зависимости от языка программирования среда разработки: любая привычная IDE, для Python — установленный интерпретатор с python.org и любая привычная IDE.

Вид занятий: Самостоятельная работа
Требуемое ПО:
Любая современная операционная система и настроенная в зависимости от языка программирования среда разработки: любая привычная IDE, для Python — установленный интерпретатор с python.org и любая привычная IDE.

Информационные ресуры

• Информационный ресурс Википедия [Электронный ресурс]. https://ru.wikipedia.org/wiki/Agile_Manifesto
• Информационный ресурс Хабр [Электронный ресурс]. https://habr.com/ru/post/275813/
• htmlbook [Электронный ресурс] http://htmlbook.ru/html/form.
• Redis [Электронный ресурс] https://redis.io/documentation.
• The Java™ Tutorials. [Электронный ресурс]//URL.: https://docs.oracle.com/javase/tutorial/essential/io/fileio.html
• The Java™ Tutorials [Электронный ресурс]//URL.: https://docs.oracle.com/javase/tutorial/uiswing/TOC.html

Образовательные ресуры

• 30 CSS-селекторов, о которых полезно помнить [Электронный ре-сурс]//URL.: http://codeharmony.ru/materials/42
• Документация Python [Электронный ресурс]//URL.:https://www.python.org/
• Современный учебник Javascript [Электронный ресурс]//URL.: https://learn.javascript.ru/
• Agile-манифест разработки программного обеспечения [Электронный ресурс]//URL.: https://agilemanifesto.org/iso/ru/manifesto.html

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

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

Метод проблемного обучения
Метод питчинга
Метод проектного обучения

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

Методические рекомендации по промежуточной аттестации

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

Дополнительные материалы - Кеширование
Экспорт баз данных

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

• Гамма Э., Хелм Р., Джонсон Р., Влиссидес Д. Приемы объектно-ориентированного проектирования. Паттерны проектирования.— СПб.: Питер, 2016. — 366 с.
• Дронов В.А. Книга: HTML и CSS. 25 уроков для начинающих. Москва. BHV-CПб. 2020- 400 с.
• Макфарланд Д. Новая большая книга CSS. Москва. Питер. 2019. - 720с.
• Минник К. Титтел Э.. HTML5 и CSS3 для чайников. Диалектика-Вильямс. Москва. 2019- 400с.
• Робсон. Э. Фримен. Э. Изучаем HTML, XHTML и CSS 2-е издание. Москва. Питер. 2019.- 720с.
• Роббинс Дж. HTML5. Карманный справочник. Москва. Диалектика. 2019- 192с.
• Сидельников. Г. Наглядный CSS. Москва. ООО Прогресс книга. 2021 - 224 с.
• Фельке-Моррис. Т. Большая книга веб-дизайна. Эксмо. Москва. 2020- 604 с

Темы

Позиционирование элементов. Практическая верстка Структура HTML5, знакомство с формами Практическое применение Bootstrap Препроцессоры: применение на практике Эффекты перехода и трансформации в CSS3 CSS3: медиа-запросы, адаптивная верстка. Grid layout, новые возможности CSS3

Лекции
2,00ч

Практические занятия
1,00ч

Самостоятельная работа
1,00ч

Всего
4,00ч

Промежуточная аттестация 2,00 часа

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