Мастер-класс по вёрстке

Мастер-класс по вёрстке «Анализ существующих методов и механизмы их применения»

 20 мая студенты группы 11ПКС специальности 09.02.03 «Программирование в компьютерных системах» совместно с преподавателем Ченской И.Б. посетили мастер-класс по вёрстке «Анализ существующих методов и механизмы их применения».

Спикер мероприятия, frontend-разработчик в Digital Zone, Евгений Иванов рассказал о том, какие механизмы верстки существуют, подробно познакомил с основами FlexBox и Grid — идеальными решениями для CSS-разметки. 

Слушатели узнали разницу между устаревшими подходами и современными стандартами вёрстки, какие способы актуальны на данный момент, разобрали  на примерах самые популярные из них, сравнили способы раскладки макетов, а  также  узнали, в каких случаях использовать каждый из них.

Программа мероприятия

1. Что такое раскладка.
2. Какие механизмы раскладки есть.
3. Табличная верстка:
   • Что такое табличная верстка.
   • Небольшой пример верстки 2-х колоночного макета.
   • Плюсы и минусы.
   • В каких случаях нужно использовать.
4. Блочная верстка:
   • Что такое блочная верстка и ее преимущества.
   • Пример раскладки блоков на float.
   • Пример верстки 2-х колоночного макета на float.
   • Плюсы и минусы.
   • Сравнение с предыдущим способом раскладки.
   • В каких случаях использовать.
5. Inline-block верстка:
   • Что это такое.
   • Пример раскладки блоков.
   • Пример верстки 2-х колоночного макета на inline-block.
   • Плюсы и минусы.
   • Сравнение с предыдущими способами раскладки.
   • В каких случаях использовать.
6. FlexBox:
   • Что это такое flexbox.
   • Подробный поэтапный разбор всех свойств flexbox на примере раскладки блоков.
   • Пример верстки 2-х колоночного макета на flexbox.
   • Сравнение с предыдущими способами раскладки.
   • В каких случаях использовать.
7. Grid-layout:
   • Что это такое.
   • Подробный поэтапный разбор основных свойств Grid-layout на примере раскладки блоков.
   • Пример верстки 2-х колоночного макета на Grid.
   • Сравнение с предыдущими способами раскладки.
   • В каких случаях использовать Grid а в каких Flex.
8. Завершающий пример верстки 2-х колоночного макета, в котором будет показано, в каких случаях следует использовать каждый из вышеупомянутых способов раскладки.

Благодарим спикера Евгения Иванова за отличную демонстрацию мастерства, море позитива и интересной и ценной информации, а также организаторов мероприятия.