SlideShare une entreprise Scribd logo
1  sur  8
Верстка в команде
И НЕ ТОЛЬКО
Определение размеров проекта
- Сайт визитка
- CRM, биллинговая система
- Мобильное приложение
- E-commerce
- Чудо-юдо
Количество разработчиков
 Один разработчик
 2-3 разработчика
 Отдел
 Группа независимых разработчиков
Степень вовлеченности и уровень
знания
 Все frontend-разработчики полностью занятые в проекте
 Команда верстальщиков, которые могут меняться
 Верстальщики + разработчики которые не в зуб ногой в верстке
 Отчаянные backend-разработчики
Подходы к верстки
Как
Обычная верстка, творческая работа –
Где
один разработчик, небольшой проект (можно хоть все в один
файл засунуть).
Подходы к верстки
Как
Разбиение стилей на файлы в зависимости от блоков (header,
footer, layout и т.п.) Структурирование в зависимости от контента.
Где
Верстка в команде, небольшой проект с большим количеством
уникальных визуальных элементов – разбиение
Подходы к верстки
Как
«Верстка без верстальщиков»
Создается что-то наподобие bootstrap где набраны компоненты.
Верстальщики заняты работой над данной “системой”.
Разработчки берут что им надо с демосайта.
Где
Проекты с параллельной разработкой, большие, состоящие из
множества повторяемых элементов
Спасибо за внимание
Вопросы ?
Докладчик: Гарбузов Андрей

Contenu connexe

Tendances

Yarfrontend #2. Как мы делали гуя...
Yarfrontend #2. Как мы делали гуя...Yarfrontend #2. Как мы делали гуя...
Yarfrontend #2. Как мы делали гуя...oelifantiev
 
Alex baumgertner bem_in_small_projects
Alex baumgertner bem_in_small_projectsAlex baumgertner bem_in_small_projects
Alex baumgertner bem_in_small_projectsAlexander Baumgertner
 
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсовСтажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов7bits
 
Архитектура крупных WordPress сайтов
Архитектура крупных WordPress сайтовАрхитектура крупных WordPress сайтов
Архитектура крупных WordPress сайтовYevhen Kotelnytskyi
 
Mobile Web Apps development essentials
Mobile Web Apps development essentialsMobile Web Apps development essentials
Mobile Web Apps development essentialsPavlo Iuriichuk
 
создание сайта
создание сайтасоздание сайта
создание сайтаShura Mudra
 
Ринат Магомедов, Юлия Цапок – Сколько UX в вашем UI
 Ринат Магомедов, Юлия Цапок – Сколько UX в вашем UI Ринат Магомедов, Юлия Цапок – Сколько UX в вашем UI
Ринат Магомедов, Юлия Цапок – Сколько UX в вашем UIPromodo
 
Kak cozdat sait
Kak cozdat saitKak cozdat sait
Kak cozdat saitfioggy
 
Эффективный сайт для бизнеса
Эффективный сайт для бизнесаЭффективный сайт для бизнеса
Эффективный сайт для бизнесаAnnely Nurkaliyeva
 
Сервис-провайдинг как инструмент развития бизнеса. А.Альбин.
Сервис-провайдинг как инструмент развития бизнеса. А.Альбин. Сервис-провайдинг как инструмент развития бизнеса. А.Альбин.
Сервис-провайдинг как инструмент развития бизнеса. А.Альбин. Clouds NN
 
Как не сойти с ума при разработке крупных проектов на WordPress
Как не сойти с ума при разработке крупных проектов на WordPressКак не сойти с ума при разработке крупных проектов на WordPress
Как не сойти с ума при разработке крупных проектов на WordPressYevhen Kotelnytskyi
 
Презентация сайта для агенства недвижимости "Авангард Сити"
Презентация сайта для агенства недвижимости "Авангард Сити"Презентация сайта для агенства недвижимости "Авангард Сити"
Презентация сайта для агенства недвижимости "Авангард Сити"Artem Laptev
 
Cms(content management system)
Cms(content management system)Cms(content management system)
Cms(content management system)DiMeDRoL91
 
Верстка крупных порталов
Верстка крупных порталовВерстка крупных порталов
Верстка крупных порталовNick Sadovnikov
 
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...Ontico
 
Услуги дигитализации содержания
Услуги дигитализации содержанияУслуги дигитализации содержания
Услуги дигитализации содержанияAgency_LETA
 
Представление о веб конструировании
Представление о веб конструированииПредставление о веб конструировании
Представление о веб конструированииNatalia Kapustsina
 
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииЮхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииOmar Valiev
 
bem-components — от методологии до full stack платформы
bem-components — от методологии до full stack платформыbem-components — от методологии до full stack платформы
bem-components — от методологии до full stack платформыYandex
 

Tendances (20)

Yarfrontend #2. Как мы делали гуя...
Yarfrontend #2. Как мы делали гуя...Yarfrontend #2. Как мы делали гуя...
Yarfrontend #2. Как мы делали гуя...
 
Alex baumgertner bem_in_small_projects
Alex baumgertner bem_in_small_projectsAlex baumgertner bem_in_small_projects
Alex baumgertner bem_in_small_projects
 
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсовСтажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
 
Архитектура крупных WordPress сайтов
Архитектура крупных WordPress сайтовАрхитектура крупных WordPress сайтов
Архитектура крупных WordPress сайтов
 
Mobile Web Apps development essentials
Mobile Web Apps development essentialsMobile Web Apps development essentials
Mobile Web Apps development essentials
 
создание сайта
создание сайтасоздание сайта
создание сайта
 
Ринат Магомедов, Юлия Цапок – Сколько UX в вашем UI
 Ринат Магомедов, Юлия Цапок – Сколько UX в вашем UI Ринат Магомедов, Юлия Цапок – Сколько UX в вашем UI
Ринат Магомедов, Юлия Цапок – Сколько UX в вашем UI
 
Kak cozdat sait
Kak cozdat saitKak cozdat sait
Kak cozdat sait
 
Эффективный сайт для бизнеса
Эффективный сайт для бизнесаЭффективный сайт для бизнеса
Эффективный сайт для бизнеса
 
Сервис-провайдинг как инструмент развития бизнеса. А.Альбин.
Сервис-провайдинг как инструмент развития бизнеса. А.Альбин. Сервис-провайдинг как инструмент развития бизнеса. А.Альбин.
Сервис-провайдинг как инструмент развития бизнеса. А.Альбин.
 
Как не сойти с ума при разработке крупных проектов на WordPress
Как не сойти с ума при разработке крупных проектов на WordPressКак не сойти с ума при разработке крупных проектов на WordPress
Как не сойти с ума при разработке крупных проектов на WordPress
 
Презентация сайта для агенства недвижимости "Авангард Сити"
Презентация сайта для агенства недвижимости "Авангард Сити"Презентация сайта для агенства недвижимости "Авангард Сити"
Презентация сайта для агенства недвижимости "Авангард Сити"
 
training
trainingtraining
training
 
Cms(content management system)
Cms(content management system)Cms(content management system)
Cms(content management system)
 
Верстка крупных порталов
Верстка крупных порталовВерстка крупных порталов
Верстка крупных порталов
 
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...
 
Услуги дигитализации содержания
Услуги дигитализации содержанияУслуги дигитализации содержания
Услуги дигитализации содержания
 
Представление о веб конструировании
Представление о веб конструированииПредставление о веб конструировании
Представление о веб конструировании
 
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииЮхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
 
bem-components — от методологии до full stack платформы
bem-components — от методологии до full stack платформыbem-components — от методологии до full stack платформы
bem-components — от методологии до full stack платформы
 

En vedette

6.что такое работа в команде
6.что такое работа в команде6.что такое работа в команде
6.что такое работа в командеVeronica Kolosova
 
управление коллективом
управление коллективомуправление коллективом
управление коллективомtrenders
 
работа в команде
работа в командеработа в команде
работа в командеOlga Gizatulina
 
DUMP-2015: «Зачем команде нужен ПМ?» Алла Кветная, Naumen
DUMP-2015: «Зачем команде нужен ПМ?» Алла Кветная, Naumen DUMP-2015: «Зачем команде нужен ПМ?» Алла Кветная, Naumen
DUMP-2015: «Зачем команде нужен ПМ?» Алла Кветная, Naumen it-people
 
Командообразование
КомандообразованиеКомандообразование
КомандообразованиеDmitry Nosenko
 
Nudge: how to lead people
Nudge: how to lead peopleNudge: how to lead people
Nudge: how to lead peopleOleg Klepikov
 
CG_More (тренажер развития переговоров и коммуникаций)
CG_More (тренажер развития переговоров и коммуникаций) CG_More (тренажер развития переговоров и коммуникаций)
CG_More (тренажер развития переговоров и коммуникаций) CG (Center-Game)
 
CG_Project Cycle (Команда.Проект.Коммуникации)
CG_Project Cycle (Команда.Проект.Коммуникации) CG_Project Cycle (Команда.Проект.Коммуникации)
CG_Project Cycle (Команда.Проект.Коммуникации) CG (Center-Game)
 
Роли в команде - модель Белбина
Роли в команде - модель БелбинаРоли в команде - модель Белбина
Роли в команде - модель БелбинаSQALab
 
Командообразование по методике Р.Белбина (MBA)
Командообразование по методике Р.Белбина (MBA)Командообразование по методике Р.Белбина (MBA)
Командообразование по методике Р.Белбина (MBA)Igor Nebava
 
Мотивация в Сбербанке
Мотивация в СбербанкеМотивация в Сбербанке
Мотивация в СбербанкеAnna Ninikina
 
стратегии работы в команде на соревнованиях
стратегии работы в команде на соревнованияхстратегии работы в команде на соревнованиях
стратегии работы в команде на соревнованияхЕлена Кузичкина
 
Media base creating media team
Media base creating media teamMedia base creating media team
Media base creating media teamRapporteuse
 
Как работает Google
Как работает GoogleКак работает Google
Как работает GoogleArthur Arutyunyan
 
#TeamClinton vs. #TeamTrump #Election2016
#TeamClinton vs. #TeamTrump #Election2016#TeamClinton vs. #TeamTrump #Election2016
#TeamClinton vs. #TeamTrump #Election2016Empowered Presentations
 
Healthcare Napkins All
Healthcare Napkins AllHealthcare Napkins All
Healthcare Napkins AllDan Roam
 

En vedette (16)

6.что такое работа в команде
6.что такое работа в команде6.что такое работа в команде
6.что такое работа в команде
 
управление коллективом
управление коллективомуправление коллективом
управление коллективом
 
работа в команде
работа в командеработа в команде
работа в команде
 
DUMP-2015: «Зачем команде нужен ПМ?» Алла Кветная, Naumen
DUMP-2015: «Зачем команде нужен ПМ?» Алла Кветная, Naumen DUMP-2015: «Зачем команде нужен ПМ?» Алла Кветная, Naumen
DUMP-2015: «Зачем команде нужен ПМ?» Алла Кветная, Naumen
 
Командообразование
КомандообразованиеКомандообразование
Командообразование
 
Nudge: how to lead people
Nudge: how to lead peopleNudge: how to lead people
Nudge: how to lead people
 
CG_More (тренажер развития переговоров и коммуникаций)
CG_More (тренажер развития переговоров и коммуникаций) CG_More (тренажер развития переговоров и коммуникаций)
CG_More (тренажер развития переговоров и коммуникаций)
 
CG_Project Cycle (Команда.Проект.Коммуникации)
CG_Project Cycle (Команда.Проект.Коммуникации) CG_Project Cycle (Команда.Проект.Коммуникации)
CG_Project Cycle (Команда.Проект.Коммуникации)
 
Роли в команде - модель Белбина
Роли в команде - модель БелбинаРоли в команде - модель Белбина
Роли в команде - модель Белбина
 
Командообразование по методике Р.Белбина (MBA)
Командообразование по методике Р.Белбина (MBA)Командообразование по методике Р.Белбина (MBA)
Командообразование по методике Р.Белбина (MBA)
 
Мотивация в Сбербанке
Мотивация в СбербанкеМотивация в Сбербанке
Мотивация в Сбербанке
 
стратегии работы в команде на соревнованиях
стратегии работы в команде на соревнованияхстратегии работы в команде на соревнованиях
стратегии работы в команде на соревнованиях
 
Media base creating media team
Media base creating media teamMedia base creating media team
Media base creating media team
 
Как работает Google
Как работает GoogleКак работает Google
Как работает Google
 
#TeamClinton vs. #TeamTrump #Election2016
#TeamClinton vs. #TeamTrump #Election2016#TeamClinton vs. #TeamTrump #Election2016
#TeamClinton vs. #TeamTrump #Election2016
 
Healthcare Napkins All
Healthcare Napkins AllHealthcare Napkins All
Healthcare Napkins All
 

Similaire à Верстка в команде

WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаYury Vetrov
 
Обзор систем совместной работы
Обзор систем совместной работыОбзор систем совместной работы
Обзор систем совместной работыАнтон Широков
 
Обзор систем совместной работы
Обзор систем совместной работыОбзор систем совместной работы
Обзор систем совместной работыolden_idle
 
Решения Lement Pro - Партнёрское обучение
Решения Lement Pro - Партнёрское обучениеРешения Lement Pro - Партнёрское обучение
Решения Lement Pro - Партнёрское обучениеAlexey Abramov
 
История развития и применения CMS: Drupal и другие
История развития и применения CMS: Drupal и другиеИстория развития и применения CMS: Drupal и другие
История развития и применения CMS: Drupal и другиеlugnsk
 
презентация сайтостроение
презентация сайтостроениепрезентация сайтостроение
презентация сайтостроениеPalados
 
Консалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системКонсалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системMedia Gorod
 
Людмила Гулик, ( Project and Process Management Consultant, PhD at DA-14 Soft...
Людмила Гулик, ( Project and Process Management Consultant, PhD at DA-14 Soft...Людмила Гулик, ( Project and Process Management Consultant, PhD at DA-14 Soft...
Людмила Гулик, ( Project and Process Management Consultant, PhD at DA-14 Soft...DataArt
 
Выбор платформы для интернет магазина
Выбор платформы для интернет магазинаВыбор платформы для интернет магазина
Выбор платформы для интернет магазинаPetr Mityushkin
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...Nikita Filippov
 
Полезные модули DEFA для автоматизации работы интернет-магазина
Полезные модули DEFA для автоматизации работы интернет-магазинаПолезные модули DEFA для автоматизации работы интернет-магазина
Полезные модули DEFA для автоматизации работы интернет-магазинаDEFA
 
Анатомия сайта
Анатомия сайтаАнатомия сайта
Анатомия сайтаannelee2011
 
Предпроектная работа над сайтом
Предпроектная работа над сайтомПредпроектная работа над сайтом
Предпроектная работа над сайтомNimax
 
сервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогасервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогаAntonova_Anna
 
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Костромасервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна КостромаAntonova_Anna
 
презентация никоненко михаил
презентация никоненко михаилпрезентация никоненко михаил
презентация никоненко михаилMichael Nikonenko
 
1С-Битрикс: Корпоративный портал
1С-Битрикс: Корпоративный портал1С-Битрикс: Корпоративный портал
1С-Битрикс: Корпоративный порталstart_slide
 
Проектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftПроектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftRedsoft
 

Similaire à Верстка в команде (20)

WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
 
Обзор систем совместной работы
Обзор систем совместной работыОбзор систем совместной работы
Обзор систем совместной работы
 
Обзор систем совместной работы
Обзор систем совместной работыОбзор систем совместной работы
Обзор систем совместной работы
 
Решения Lement Pro - Партнёрское обучение
Решения Lement Pro - Партнёрское обучениеРешения Lement Pro - Партнёрское обучение
Решения Lement Pro - Партнёрское обучение
 
История развития и применения CMS: Drupal и другие
История развития и применения CMS: Drupal и другиеИстория развития и применения CMS: Drupal и другие
История развития и применения CMS: Drupal и другие
 
презентация сайтостроение
презентация сайтостроениепрезентация сайтостроение
презентация сайтостроение
 
Консалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системКонсалтинг высоконагруженных web систем
Консалтинг высоконагруженных web систем
 
Людмила Гулик, ( Project and Process Management Consultant, PhD at DA-14 Soft...
Людмила Гулик, ( Project and Process Management Consultant, PhD at DA-14 Soft...Людмила Гулик, ( Project and Process Management Consultant, PhD at DA-14 Soft...
Людмила Гулик, ( Project and Process Management Consultant, PhD at DA-14 Soft...
 
Выбор платформы для интернет магазина
Выбор платформы для интернет магазинаВыбор платформы для интернет магазина
Выбор платформы для интернет магазина
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
 
Полезные модули DEFA для автоматизации работы интернет-магазина
Полезные модули DEFA для автоматизации работы интернет-магазинаПолезные модули DEFA для автоматизации работы интернет-магазина
Полезные модули DEFA для автоматизации работы интернет-магазина
 
3 Все о разработке интернет проектов
3 Все о разработке интернет проектов3 Все о разработке интернет проектов
3 Все о разработке интернет проектов
 
Анатомия сайта
Анатомия сайтаАнатомия сайта
Анатомия сайта
 
Предпроектная работа над сайтом
Предпроектная работа над сайтомПредпроектная работа над сайтом
Предпроектная работа над сайтом
 
Dev
DevDev
Dev
 
сервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогасервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагога
 
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Костромасервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
 
презентация никоненко михаил
презентация никоненко михаилпрезентация никоненко михаил
презентация никоненко михаил
 
1С-Битрикс: Корпоративный портал
1С-Битрикс: Корпоративный портал1С-Битрикс: Корпоративный портал
1С-Битрикс: Корпоративный портал
 
Проектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftПроектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в Redsoft
 

Верстка в команде

  • 2. Определение размеров проекта - Сайт визитка - CRM, биллинговая система - Мобильное приложение - E-commerce - Чудо-юдо
  • 3. Количество разработчиков  Один разработчик  2-3 разработчика  Отдел  Группа независимых разработчиков
  • 4. Степень вовлеченности и уровень знания  Все frontend-разработчики полностью занятые в проекте  Команда верстальщиков, которые могут меняться  Верстальщики + разработчики которые не в зуб ногой в верстке  Отчаянные backend-разработчики
  • 5. Подходы к верстки Как Обычная верстка, творческая работа – Где один разработчик, небольшой проект (можно хоть все в один файл засунуть).
  • 6. Подходы к верстки Как Разбиение стилей на файлы в зависимости от блоков (header, footer, layout и т.п.) Структурирование в зависимости от контента. Где Верстка в команде, небольшой проект с большим количеством уникальных визуальных элементов – разбиение
  • 7. Подходы к верстки Как «Верстка без верстальщиков» Создается что-то наподобие bootstrap где набраны компоненты. Верстальщики заняты работой над данной “системой”. Разработчки берут что им надо с демосайта. Где Проекты с параллельной разработкой, большие, состоящие из множества повторяемых элементов
  • 8. Спасибо за внимание Вопросы ? Докладчик: Гарбузов Андрей