Современные технологии верстки

В модуле «Современные технологии верстки» подробно рассмотрена работа с фреймворком Bootstrap. Bootstrap на данный момент является самым распространённым и уважаемым фреймворком для проектирование веб-приложений. Он пользуется популярностью не только у разработчиков сайтов, но и у заказчиков, которые убедившись в его надёжности отдают ему предпочтение при создании новых проектов. Разработчики оценили скорость веб-разработки, которая значительно увеличивается при использовании Bootstrap, так как большинство элементов, которые требуются при создании веб-приложений уже готовы и адаптированы для разных браузеров и типов устройств и остаётся лишь задать нужный класс.

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

13,00 часов

лекции

14,00 часов

практика

8,00 часов

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

5,00 часов

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

40,00 часов

всего

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

Вид занятий: Изучение теоретического материала
Требуемое ПО:
Web-браузер - любой из перечисленных:
Chrome, Safari, Internet Explorer
Для работы с текстовыми материалами Adobe Acrobat Reader DC

Вид занятий: Выполнение практических заданий
Требуемое ПО:
Операционная система:
Windows - 64-битная x86, 32-битная x86; MacOS - 64-битная x86; Linux - 64-битная x86, 64-битная Power8 / Power9

Программное обеспечение:
SublimeText 3+
Google Chrome 85+
Adobe Reader

Вид занятий: Самостоятельная работа
Требуемое ПО:
Операционная система:
Windows - 64-битная x86, 32-битная x86; MacOS - 64-битная x86; Linux - 64-битная x86, 64-битная Power8 / Power9

Программное обеспечение:
SublimeText3+
Google Chrome 85+
Adobe Reader

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

Bootstrap Studio - https://bootstrapstudio.io/
Онлайн редактор кода Кодактор.ру - https://kodaktor.ru/

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

Bootstrap3 Документация - https://getbootstrap.com/docs/3.3/getting-started/
Bootstrap 4 Документация - https://getbootstrap.com/docs/4.4/getting-started/introduction/

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

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

Обучение происходит в смешанном формате. Модуль реализуется с помощью :
- онлайн лекций на платформе Университета ИТМО
- установочных лекций через видеоконференции Zoom,
- практических заданий с пошаговыми инструкциями,
- мастер-классов и консультаций через видеоконференции Zoom,
- заданий для самостоятельной работы, оцениваемых преподавателем.
Послу установочной лекции слушатели изучают материалы онлайн курса, выполняют практические задания. Регулярно устраиваются мастер-классы и консультации по материалам модуля.

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

Обучающие материалы модуля представлены в виде видеолекций, текстовых материалов, пошаговых инструкций, размещенных на платформе Университета ИТМО.

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

видео-лекции
текстовые материалы лекций
практические задания в виде пошаговых инструкций
задания для самостоятельной работы

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

Рагимов Р.Н. Bootstrap в примерах. - М.: ДМК Пресс, 2017. - 314 с. : ил.
Диков А. Клиентские технологии веб-программирования: JavaScript и DOM. - СПб: - Лань, 2020. - 124 с.: ил.

Темы

CSS-фреймворки Контейнеры. Система сеток Bootstrap Оформление HTML-элементов Компоненты Bootstrap Формы Встраивание медиа-файлов Flexbox. Сетка Flexbox JavaScript и события Bootstrap

Лекции
5,00ч

Всего
5,00ч

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

Итоговая практическая работа