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

Знакомство с курсом.
Базовый HTML.
Базовый CSS.
Работа с макетом.
Layout. HTML-разметка.
Layout. Flexbox.
Layout. Стилизация.

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

9,00 часов

лекции

5,00 часов

практика

5,00 часов

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

2,00 часа

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

21,00 час

всего

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

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

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

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

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

Современный учебник Javascript URL https://learn.javascript.ru/
Хватит переходить к Agile! Три беседы, с которыми необходимо ознакомиться, перед тем как переходить к действиям (статья) - https://www.atlassian.com/ru/agile/advantage/going-agile

Где Agile ужасен, особенно Scrum (статья) - https://habr.com/ru/post/430890/

Кто такой Scrum-мастер? (статья) - https://www.atlassian.com/ru/agile/scrum/scrum-master

Kanban и Lean – эволюция вместо революции (статья) - https://vc.ru/hr/100096-kanban-i-lean-evolyuciya-vmesto-revolyucii

Что такое kanban-доска? (статья) - https://www.atlassian.com/ru/agile/kanban/boards

Сравнение Kanban и Scrum (статья) - https://www.atlassian.com/ru/agile/kanban/kanban-vs-scrum

Работа в команде — модели, теории, алгоритмы (статья). - https://trainingtechnology.ru/category/mini-lekcii/komanda/

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

Штайн К., Кормен Томас Х. Алгоритмы. Построение и анализ. – Москва: Вильямс, 2019. – 1328 с.

https://refactoring.guru

Курс лекций, С.К.Дулин Технологии организации данных [Электронный ресурс]. – Режим доступа: URL: http://www.machinelearning.ru/wiki/index.php?title=%D0%A2%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B8_%D0%BE%D1%80%D0%B3%D0%B0%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_%28%D0%BA%D1%83%D1%80%D1%81_%D0%BB%D0%B5%D0%BA%D1%86%D0%B8%D0%B9%2C_%D0%A1.%D0%9A.%D0%94%D1%83%D0%BB%D0%B8%D0%BD%29

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

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

метод программного обучения
метод формирующего обучения
метод смешанного обучения
метод машинного обучения

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

Методические рекомендации по выполнению промежуточной аттестации
Методическая разработка: "Стандарты web и вспомогательные инструменты"

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

Разметка сайта и знакомство с Bootstrap
Псевдоклассы и псевдоэлементы, табличная верстка

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

Кириченко А.В., Хрусталев А.А. HTML5 + CSS3. Основы современного WEB-дизайна, — СПб.: Наука и техника, 2018. — 352 с., ил.
Мак-Дональд, Мэтью. HTML5. Недостающее руководство. — СПб.: БВХ-Петербург, 2012
Макфарланд, Д. Новая большая книга CSS. — СПб.: Питер, 2016. — 720 с.: ил.

Темы

Основные понятия в веб-разработке Основы языка разметки документов HTML Основы языка оформления стилей документа CSS Работа с макетом дизайна в формате PSD Layout. HTML-разметка. Flexbox. Стилизация.

Лекции
2,00ч

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

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

Всего
4,00ч

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

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