Модуль 5. HTML/CSS.

Основные понятия в веб-разработке
Основы языка разметки документов HTML
Основы языка оформления стилей документа CSS
Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы
Основы позиционирования, работа с Flexbox
Работа с макетом дизайна в формате Figma
Основы создания адаптивного сайта
Стандарты web и вспомогательные инструменты

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

24,00 часа

лекции

16,00 часов

практика

12,00 часов

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

2,00 часа

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

54,00 часа

всего

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

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

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

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

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

• Django REST framework [Электронный ресурс]//URL.: https://www.django-rest-framework.org
• Flask’s documentation [Электронный ресурс]//URL.: https://flask.palletsprojects.com/en/2.0.x
• MDN Web Docs [Электронный ресурс]//URL.: https://developer.mozilla.org/ru/
• One Way Data Flow vs Unidirectional Data Flow [Электронный ресурс]//URL.: https://alialhaddad.medium.com/https-medium-com-alialhaddad-redux-vs-parent-to-child-2583c8e29509

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

• Методы HTTP запроса [Электронный ресурс]//URL.: https://developer.mozilla.org/ru/docs/Web/HTTP/Methods
• Мэтиз Эрик. Изучаем Python. Программирование игр, визуализация данных, веб-приложения [Электронный ресурс]//URL.: https://codernet.ru/books/python/izuchaem_python_programmirovanie_igr_vizualizaciya_dannyx_veb-prilozheniya/
• Настройки CORS на nginx. [Электронный ресурс]//URL.: https://michielkalkman.com/snippets/nginx-cors-open-configuration/
• Одностраничные (spa) и многостраничные (pwa) веб-приложения [Электронный ресурс]//URL.: https://vc.ru/seo/108149-odnostranichnye-spa-i-mnogostranichnye-pwa-veb-prilozheniya

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

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

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

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

Методические рекомендации по промежуточной аттестации
Методические рекомендации по организации питчинга
Мануал - JavaScript для верстальщика

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

Допматериалы - Адаптивность. Мобильные устройства. JavaScript для верстальщика. Работа с хостингом

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

• Python. Лекция. Работа с базой данных [Электронный ресурс]//URL.: URL% https://bookflow.ru/python-lektsiya-rabota-s-bazoj-dannyh/
• RabbitMQ [Электронный ресурс]//URL.: https://www.rabbitmq.com
• Refactoring.Guru [Электронный ресурс]//URL.: https://refactoring.guru
• Wiki REST [Электронный ресурс]//URL.: https://ru.wikipedia.org/wiki/REST
• Window.localStorage [Электронный ресурс]//URL.: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
• Mixer — официальная документация [Электронный ресурс]//URL.: https://mixer.readthedocs.io/en/latest/quickstart.html
• Mixer - удобная генерация данных для тестирования [Электронный ресурс]//URL.: http://klen.github.io/mixer.html
• Swagger – умная документация вашего RESTful web-API — обзор Junior back-end developer-а для новичков [Электронный ресурс]//URL.: https://habr.com/ru/post/434798

Темы

Основы языка разметки документов HTML Основы языка оформления стилей документа CSS Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы Основы позиционирования, работа с Flexbox Работа с макетом дизайна в формате Figma Основы создания адаптивного сайта Стандарты web и вспомогательные инструменты

Лекции
4,00ч

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

Всего
8,00ч

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

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