Аннотация: Докладчики поделятся личным опытом создания с нуля отдела вёрстки в небольшой (20 чел.) харьковской фирме iDeus. Будут даны ответы на вопросы «Как правильно выбрать сотрудников, сделать из них команду?», «Как наладить процесс вёрстки, верстать быстро и качественно, а письма от клиентов про баги видеть так редко, чтоб это было событием?» и «Когда же мы похороним IE6?». Целевая аудитория : менеджеры проектов, верстальщики, главы front-end подразделений. Тезисы: Как наладить процесс вёрстки? Как правильно выбрать сотрудников, сделать из них команду, верстать быстро и качественно, а письма от клиентов про баги видеть так редко, чтоб это было событием? Мы будем обсуждать: • Откуда вообще взялась проблема вёрстки? Неужели так сложно взять и сверстать? Почему так? Что делать? Где взять работников, что не будут рассказывать про глючный IE за час до дедлайна? • Как правильно выбрать сотрудников на собеседовании, о чём говорить, какие тестовые задания давать, и вообще кого брать? • Самое главное - процесс работы: как обучать? Какие таски давать? Как заставить не писать говно-код? Как заинтересовывать работой, чтоб сотрудники болели за результат? Это мы будем обсуждать подробно. • Сроки выполнения работы, «какие ещё слепые пользователи, вы что рехнулись, фигачить надо!». Как найти время на обучение? Как выбить увеличение сроков из шефа? • Взгляд на всё это со стороны верстальщика.

1. ВЕРСТАЛЬЩИКИ.
ИНСТРУКЦИЯ ПО ПРИМЕНЕНИЮ.
Зенич Игорь, Олег Ивонин.
iDeus

2. Мы обсудим:
џКак выбрать сотрудников, сделать
из них команду?
џКак наладить процесс вёрстки?
џКак перестать верстать под IE6 и
начать жить?

3. Как наладить процесс вёрстки?
Навести порядок * Неидеальные правила
џНабрать классную команду!
џСформулировать требования
џСоглашение о кодировании
џКорпоративный framework
џСode review
џИзвестные и честные правила игры

5. Собеседование
Люди должны знать кто к ним придёт * Сёрч в социалках * Слухи
Собеседование после тестового * Обсудить как сделал * Не устраиваем экзамен * Много кандидатов

6. Сделать из них комманду
Общие ценности * Совместные решения * Гайдлайны * Исключения будут * Работа в офисе

7. Правила игры
Сделал - отдыхай * Вечером тасков нет * Усталость * +1 к сроку

8. Верстать быстро и качественно
џМы начинали:
2 дня титулка / 1 день внутряк
џСпустя 2 года:
в 2 раза быстрей

9. Как нам это удалось?
1. До свидания IE6!

11. Как нам это удалось?
2. Framework с готовыми решениями
+ HTML5 Boilerplate
+ сервисы вида PIE.htc, Fontsquirrel,
CSS3 Generator, etc.

12. Как нам это удалось?
3. Набор формальных критериев
http://bit.ly/html_checklist

14. Откуда вообще взялась
проблема вёрстки?
Нереализованные спецификации * Webmascon умер * Нечего читать * Не у кого спросить * Цель качества не ясна

15. 2006 2006
таблицами или div'ами? image replacement, slidingdoors,
шрифты в EM и WCAG 2
2007 2007
таблицами или div'ами? semantic markup, microformats,
flash embedding, WAI-ARIA,
одноразовые expressions,
вёрстка под iPhone
2008 2008
таблицами или div'ами? css reset, IE8 и X-UA-Compatible,
data:URL, вёрстка сайтов для
слепых, HTML5

16. Неужели так сложно
взять и сверстать?
Сжатые сроки * Pixel perfect * Нечего читать * JS * Перфекционизм полезен только в учёбе * Крутые штуки - не hasLayout!

17. Где взять работников,
которые не будут рассказывать
про глючный IE
за час до дедлайна?

18. Процесс работы
џSVN
џActiveCollab
џEmail

19. Обучение
Не жалеть время * Книги * Английский * Конференции
Курсы при фирмах * Школа вёрстки

20. Code review

21. Не мешайте им работать!

22. Вопросов не бывает
в двух случаях...
http://bit.ly/verstalshiki
Об авторах:
* Зенич Игорь - веб-технолог и менеджер проектов компании iDeus.
Разработчик сайта «Клуб „Пинтагон“», завоевавшего I место в конкурсе WebHiTech-2008 в номинации «Лучшее
использование технологий». Автор статей на Хабре о плохой и хорошей вёрстке, кроссбраузерности при 120dpi.
* Олег Ивонин – ведущий верстальщик компании iDeus. За два года прошел путь от стажёра до seniorа.