HTML/CSS

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

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

18,00 часов

лекции

4,00 часа

практика

17,00 часов

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

2,00 часа

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

41,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

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

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

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

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

Методические рекомендации по промежуточной аттестации
Методические рекомендации по организации питчинга
Мануал - HTML/CSS

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

Допматериалы - Адаптивность.

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

• Фримен Э.;Робсон Э.Изучаем программирование на JavaScript. - Санкт-Петербург. - Питер СПБ, 2019. - 640 с.
• Г Шварц Б., Зайцев П., Ткаченко В., Заводны Дж., Ленц А., Бэллинг Д. MySQL. Оптимизация производительности, 2-е издание. — Пер. с англ. — СПб.: Символ-Плюс, 2021. — 832 с.

•Coulson L., Jephson.B. The The HTML and CSS Workshop.Packt Publish-ing.NY.2019.-700 c.
• Frain.B. Responsive Web Design with Html5 and Css3 - Second Edi-tion.CreateSpace Independent Publishing Platform. NY. 2017.- 138 c.
• Myers. М.A Smarter Way to Learn HTML & CSS.CreateSpace Independent Publishing Platform.NY.2015.-258 c.

Темы

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