Верстка больших проектов - переходим на следующий уровень

  • Автор темы vitalmour
  • 26
  • Обновлено
  • 16, Apr 2023
  • #1
Как можно за пару простых шагов улучшить как качество своей верстки, так и расширяемость, что особенно важно при работе в команде или передаче разработки в другие руки.

На протяжении мастер-класса будут рассмотрены и разобраны основные подходы и лучший опыт разработки интерфейсов, от упрощенных вариантов до строгости БЭМа.

Все, что вам нужно знать о серьезной верстке за пределами сайтов-визиток, от кодстайла и методологий до инструментов и собственных фреймворков. План мастер-класса 1) Обзор и разбор существующих методологий организации верстки и кодстайлов.
  • Экспресс курс по лучшим практикам организации кода
  • SMACSS, БЭМ, OOCSS, MCSS - их особенности и отличия
  • Зачем нужна методология, или как научится говорить на одном языке с другими разработчиками


2) Чеклист верстки под большие проекты — что нужно учесть, что бы интерфейсы жили долго и не ломались.
  • Перенимая опыт других, научимся заранее предугадывать проблемные места и решать их заранее.
  • Как разрабатывать верстку, которую не хочется переписывать на каждой итерации
  • Чеклист для дизайнеров, или как сдавать задачи не открывая редактор


3) Нюансы и советы для упрощения сценариев взаимодействия с общим кодом.
  • Понижаем порог вхождение в работу с чужим кодом
  • Скорочтение стилей и подходы оформления кода 2.0
  • Как не навредить препроцессорами и не выкапывать себе яму


4) Введение в работу с общей библиотекой компонентов.
  • Разбор существующих фреймворков (Bootstrap, Pure и др.)
  • Основные принципы и разработка своего фреймворка
  • Стандарты не только для разработчиков, но и для дизайнеров


5) Практическое задание.


http://smartme.com.ua/workshops/verstka-bolshih-proektov-perehodim-na-sleduyushchiy-uroven

забрать:MEGA

vitalmour


Рег
15 Mar, 2020

Тем
1

Постов
1

Баллов
11
Тем
49554
Комментарии
57426
Опыт
552966

Интересно