Повний цикл розробки веб-сайтів
Верстка, фреймворки, препроцесори, автоматизація, управління проектами та підтримка.
Розробка веб-сайтів та ПЗ
Як це робимо ми в Ідейл
Бути чи не бути IT-шником?
- Вибір професії — не проблема?!
- Бажання працювати та відпочивати серед собі подібних
- Перманентне навчання
- Отримувати задоволення від програмування
Яке майбутнє у програміста?
- Програмувати у задоволення
- Працювати на фрілансі
- Працювати в офісі
- Зробити свій офіс
- У програмістів майбутнього немає!
Як все починалось?
- Школа
- Університет
- Перша робота
- Друга робота + фріланс
- Команда
- Ідейл
Робота, робота, робота…
Працювати треба не по 12 годин в день, а головою!
Розробка веб-сайтів та ПЗ
Етап №1: Технічне завдання
Технічне завдання — основний документ
- Без технічного завдання не розпочинати жодну розробку
- Максимально деталізовувати
- Технічні вимоги та обмеження середовища
- Функціональні можливості продукту
- Групи користувачів та їхні ролі
- ТЗ на дизайн
- ТЗ на верстку
Як це пояснив замовник
Як це зрозумів менеджер
Як це спроектував архітектор та дизайнер
Програміст реалізував...
Що передали на бета-тестування
Як це «подали» клієнту
Так задокументували продукт
Які фічі вдалось реалізувати
Скільки заплатив клієнт
Як працювала технічна підтримка
Як рекламували продукт в інтернеті
Як дотримувались строки (дедлайни)
Що було потрібно клієнту насправді!
Що сталось з продуктом після запуску
Як відновили з бекапів
Суха статистика
|
Інтернет-магазин |
Складні веб-сайти |
Мобільні додатки |
| Сторінки ТЗ |
5+ |
50+ |
15+ |
| Написання ТЗ |
1-5 днів |
Місяць+ |
± Тиждень |
| Економія |
100% |
100% |
100% |
| Гарантії |
0 |
0 |
0 |
| Учасники |
1-3 |
5+ |
2+ |
Дизайн — це основа успіху продукту
Дизайн — це дизайн інформації
- доступ до інформації
- простота
- єдиний стиль
- точність передачі меседжа
Дизайн — найскладніший етап
Суха статистика дизайну
|
Інтернет-магазин |
Складні веб-сайти |
| Типові сторінки |
10+ |
50+ |
| Витрати часу |
5-20 днів |
Місяці… |
| Кава |
15-50 |
∞ |
| Варіанти стилю |
1 |
1 |
Верстка — складний технологічний процес
Інструментарій верстальника
- Bootstrap
- less — CSS pre-processor
- modernizr — JavaScript library
- grunt — JavaScript task runner
- Більше інформації на лекціях:
- Frontend-розробка: верстка, збірка спрайтів, less/sass, bootstrap, grunt
- Паттерни javascript на прикладах jQuery, underscore
Суха статистика frontend-розробки
|
Інтернет-магазин |
Складні веб-сайти |
| Типові сторінки |
10+ |
50+ |
| Витрати часу |
± 15 днів |
30+ днів |
| Адаптація для моб. |
30% |
15-20% |
| Валідація |
:-) |
;-) |
Програмування — найпростіший етап
- CMS/CMF
- Wordpress
- Drupal
- MODx
- OctoberCMS
- etc.
- Frameworks: laravel, symfony, CodeIgniter, kohana...
Комунікації
- Особисті зустрічі (запис на папері)
- Прийом задач по телефону
- Отримання задач по ел. пошті
- Skype
- Ще варіанти?
Управліня всім процесом розробки
- Постановка задач
- Контроль виконання
- Трудозатрати на задачу та проект
- Комунікація з замовником
- Історія вимог
- Прогрес виконання
Task management
Статистика
|
trac's |
redmine |
basecamp |
| Дата запуску |
2008 |
2012 |
2014 |
| Років користування |
5+ |
3+ |
1 |
| Кількість тікетів |
> 5000 |
> 8000 |
– |
| Зручність |
2 |
7-8 |
> 9 |
| Кастомізація |
Складно |
Можливо |
— |
| Вартість |
× |
× |
• |
Системи контролю версій
- Microsoft Visual SourceSafe (1995)
- Subversion (2000)
- Git (2005)
git-flow
Статистика проектів
|
cardshop.com.ua |
tet.tv |
Проект Х |
| Старт проекту |
2009 |
2012 |
2013 |
| Програмування |
> 3200 год |
> 2500 год |
> 4300 год |
| Дизайн та проектування |
30-40 |
> 120 |
Design kit |
| Зміна дизайну |
4+1 |
1 |
× |
| Кастомізація |
Складно |
Можливо |
— |
| Складність |
Висока |
Норм |
7-8 |
Як потрапити до нас на роботу:
- Надіслати своє резюме
- Розказати про те що робили
- Прийти на співбесіду
- Розв’язати задачу
- Випробувальний термін
- Робота без вихідних та перерви на обід
- ;-)
Повний цикл розробки веб-сайтів
Вадим Махомед, Ідейл
Луцьк, 2015
LITaC на Github
