Веб-вёрстка. Базовый уровень

Введение.
Базовый HTML.
Базовый CSS.
Работа с макетом.
Layout. HTML-разметка.
Layout. Flexbox.
Layout. Стилизация.
Продвинутый HTML.
Продвинутый CSS.
Сетки.
Адаптивность. Десктоп и планшет.
Адаптивность. Мобильные устройства.
JavaScript для верстальщика.
Доступность.
Кросс-браузерность.
База знаний.
Работа с хостингом.
Дипломный проект — вёрстка лендинга.

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

26,00 часов

лекции

34,00 часа

практика

7,00 часов

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

2,00 часа

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

69,00 часов

всего

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

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

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

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

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

https://basicweb.ru/html/bazoviy_html.php
• Agile-манифест разработки программного обеспечения [Электронный ресурс]//URL.: https://agilemanifesto.org/iso/ru/manifesto.html
• Custom Management Commands [Электронный ресурс]//URL.: https://docs.djangoproject.com/en/3.1/howto/custom-management-commands/
• Cursera курс "Погружение в Python" [Электронный ресурс]//URL.: https://ru.coursera.org/lecture/diving-in-python/sokiety-kliient-siervier-3YYVH
• 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

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

• Пять простых шагов для понимания JSON Web Tokens (JWT) [Электронный ресурс]//URL.: https://habr.com/ru/post/340146/
• Расширение стандартной модели пользователя Django [Электронный ресурс]//URL.: https://tproger.ru/translations/extending-django-user-model/#var3
• Руководство Django часть 4: административная панель Django [Электронный ресурс]//URL.: https://developer.mozilla.org/ru/docs/Learn/Server-side/Django/Admin_site
• Руководство по Скраму [Электронный ресурс]//URL.: https://scrumguides.org/docs/scrumguide/v2017/2017-Scrum-Guide-Russian.pdf
• Современный учебник Javascript [Электронный ресурс]//URL.: https://learn.javascript.ru/
• Сравнение REST и GraphQL [Электронный ресурс]//URL.: https://habr.com/ru/post/335158/
• Статья о развёртывании Django-приложения в Docker [Электронный ресурс]//URL.: https://testdriven.io/blog/dockerizing-django-with-postgres-gunicorn-and-nginx/
• Что такое парсинг сайтов [Электронный ресурс]//URL.: https://msiter.ru/articles/chto-takoe-parsing-saytov
• Что нового в HTML5 [Электронный ресурс]//URL.: https://msiter.ru/tutorials/html5/vvedenie

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

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

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

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

Методические рекомендации по промежуточной аттестации
Методические рекомендации по организации питчинга
Мануал - 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, Макеты. Layout Продвинутый HTML и CSS Сетки. Адаптивность. JavaScript для верстальщика Доступность. Кросс-браузерность База знаний. Работа с хостингом.

Лекции
3,00ч

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

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

Всего
9,00ч

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

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