Как можно за пару простых шагов улучшить как качество своей верстки, так и расширяемость, что особенно важно при работе в команде или передаче разработки в другие руки.
На протяжении мастер-класса будут рассмотрены и разобраны основные подходы и лучший опыт разработки интерфейсов, от упрощенных вариантов до строгости БЭМа. Все, что вам нужно знать о серьезной верстке за пределами сайтов-визиток, от кодстайла и методологий до инструментов и собственных фреймворков.
План мастер-класса
1) Обзор и разбор существующих методологий организации верстки и кодстайлов.
- Экспресс курс по лучшим практикам организации кода
- SMACSS, БЭМ, OOCSS, MCSS - их особенности и отличия
- Зачем нужна методология, или как научится говорить на одном языке с другими разработчиками
2) Чеклист верстки под большие проекты — что нужно учесть, что бы интерфейсы жили долго и не ломались.
- Перенимая опыт других, научимся заранее предугадывать проблемные места и решать их заранее.
- Как разрабатывать верстку, которую не хочется переписывать на каждой итерации
- Чеклист для дизайнеров, или как сдавать задачи не открывая редактор
3) Нюансы и советы для упрощения сценариев взаимодействия с общим кодом.
- Понижаем порог вхождение в работу с чужим кодом
- Скорочтение стилей и подходы оформления кода 2.0
- Как не навредить препроцессорами и не выкапывать себе яму
4) Введение в работу с общей библиотекой компонентов.
- Разбор существующих фреймворков (Bootstrap, Pure и др.)
- Основные принципы и разработка своего фреймворка
- Стандарты не только для разработчиков, но и для дизайнеров
5) Практическое задание.
- Подробное ревью каждого выполненного задания на гитхабе после мастер-класса
Видео из мастер-класса:
[HIDE-POSTS=1]
Скрытый текст:
Продажник -
[/HIDE-POSTS]
На протяжении мастер-класса будут рассмотрены и разобраны основные подходы и лучший опыт разработки интерфейсов, от упрощенных вариантов до строгости БЭМа. Все, что вам нужно знать о серьезной верстке за пределами сайтов-визиток, от кодстайла и методологий до инструментов и собственных фреймворков.
План мастер-класса
1) Обзор и разбор существующих методологий организации верстки и кодстайлов.
- Экспресс курс по лучшим практикам организации кода
- SMACSS, БЭМ, OOCSS, MCSS - их особенности и отличия
- Зачем нужна методология, или как научится говорить на одном языке с другими разработчиками
2) Чеклист верстки под большие проекты — что нужно учесть, что бы интерфейсы жили долго и не ломались.
- Перенимая опыт других, научимся заранее предугадывать проблемные места и решать их заранее.
- Как разрабатывать верстку, которую не хочется переписывать на каждой итерации
- Чеклист для дизайнеров, или как сдавать задачи не открывая редактор
3) Нюансы и советы для упрощения сценариев взаимодействия с общим кодом.
- Понижаем порог вхождение в работу с чужим кодом
- Скорочтение стилей и подходы оформления кода 2.0
- Как не навредить препроцессорами и не выкапывать себе яму
4) Введение в работу с общей библиотекой компонентов.
- Разбор существующих фреймворков (Bootstrap, Pure и др.)
- Основные принципы и разработка своего фреймворка
- Стандарты не только для разработчиков, но и для дизайнеров
5) Практическое задание.
- Подробное ревью каждого выполненного задания на гитхабе после мастер-класса
Видео из мастер-класса:
[HIDE-POSTS=1]
Скрытый текст:
Продажник -
Зарегистрируйтесь чтобы видеть ссылки
[/HIDE-POSTS]
Cкрытый контент, нужно авторизируйся или присоединяйся.
Возможно, Вас ещё заинтересует:
- [wpshop] WPCommunity- Шаблон для создания клубов и сообществ
- [wpmoscow] Профессиональная разработка многостраничных сайтов (2023)
- [Роберт Оксузян] Денежное мышление (2023)
- [Юлия Литвина] Онлайн школа на WordPress (2023)
- [Юлия Литвина] Сайт-визитка за вечер (2023)
- [Almost Inevitable] Конструктор веб-сайтов Breakdance для Профессиональной Веб-Студии (2023)
- [WP Rocket] Лучший плагин для ускорения сайта (2023)
- [Pro Build] Строительство в стиле Панк 2.0 + Лаборатория в стиле Панк (2022)
- [Исмаил Усеинов] [stepik] Верстаем 8 сайтов по макету из Figma в портфолио (2022)
- [Иван Полянин] Как получить домен и хостинг бесплатно и навсегда? (2022)
- [Миша Рудрастых] Курс по созданию плагина для WooCommerce
- [themeforest] Rick v1.3 – Bootstrap Mobile eCommerce HTML Template (2022)
- [joomshaper] SP Page Builder Pro v3.8.2 Rus - визуальный конструктор страниц для Joomla
- [codecanyon] Modesy v2.0.1 Nulled - скрипт интернет-магазина (2022)
- [seonica.ru] Практический курс ЕБШ* по запуску информационного сайта и заработку на нем (2022)
- [getwpfunnels] WPFunnels Pro v1.0.5 NULLED
- [themeforest] Viho v1.0 - Bootstrap 5 & Laravel Admin & Dashboard Template
- [Codecanyon] TheGem v5.0.2.1 Rus Nulled - универсальный шаблон для WordPress
- [joomshaper] SP Page Builder Pro v3.8.1 Rus - визуальный конструктор страниц для Joomla
- [Themeforest] Motors v4.9.7 Nulled - автомобильный шаблон для WordPress