GitHub repository: https://github.com/stfalcon-studio/lost-and-found Відео з презентації: https://www.youtube.com/watch?v=3EgilE_fpkI До нас на студію прийшли три студенти проходити практику. Потрібно було дати їм завдання і організувати навчальний процес. Розробляли проект "Бюро знахідок" на PHP Framework Symfony2. Ділюсь своїм досвідом, як я це зробив і що в результаті вийшло.

1. Як прокачати трьох
студентів за п’ять тижнів
Artem Genvald
Km Code'n'Coffee #12
26.02.2015

2. Я очікував на щось таке...

3. Або таке...

4. Але отримав таке :)

5. Опитування студентів
Оцініть свої знання за шкалою від
0 до 10. Де:
0 - абсолютно нічого не знаю
10 - знаю бездоганно

6. Біллі 0 1 2 3 4 5 6 7 8 9 10
PHP
JavaScript
CSS
HTML
PHP-Framework Symfony2
Doctrine ORM
PHP best practice
PhpStorm
Шаблонізатор TWIG
SQL
MySQL DB
Git, GitHub Workflow
Design Patterns
TDD, PHPUnit
BDD, Behat & Mink
Web-Development Workflow

7. Віллі 0 1 2 3 4 5 6 7 8 9 10
PHP
JavaScript
CSS
HTML
PHP-Framework Symfony2
Doctrine ORM
PHP best practice
PhpStorm
Шаблонізатор TWIG
SQL
MySQL DB
Git, GitHub Workflow
Design Patterns
TDD, PHPUnit
BDD, Behat & Mink
Web-Development Workflow

8. Діллі 0 1 2 3 4 5 6 7 8 9 10
PHP
JavaScript
CSS
HTML
PHP-Framework Symfony2
Doctrine ORM
PHP best practice
PhpStorm
Шаблонізатор TWIG
SQL
MySQL DB
Git, GitHub Workflow
Design Patterns
TDD, PHPUnit
BDD, Behat & Mink
Web-Development Workflow

9. Як організувати практику, щоб було
цікаво і студентам, і керівнику
● Придумати цікаве і корисне завдання
● Придумати цікавий робочий процес
● Викладатись на максимум і вимагати цього ж
● Давати не тільки критику, але і похвалу
● Краще багато маленьких завдань, ніж одне велике
● Не скупитись ділитись знаннями

10. Про проект
Lost and Found - Бюро знахідок
● Подача/перегляд оголошень
● GPS-координати знайденої/загубленої речі
● Пошук співпадінь, прив’язка до категорій
● Соціалізація
● https://github.com/stfalcon-studio/lost-and-found

11. Рефакторити доводилось не
тільки код, але й робочі місця

12. До рефакторинга

13. Після рефакторинга

14. Робота в команді

16. Trello

17. Маркування
тікетів
кольорами

18. З першого погляду
видно стан справ

19. Перший тиждень
● Уроки по Git на Code School
● Реєстрація на GitHub
● Розгортання Symfony
● Code Style
● phpDocumentor
● Проектування бази даних
● Semantic Versioning
● Опис перших сутностей та міграції
● Перший робочий функціонал: форма для
додавання речей, адмінка

20. Code Style

21. Што, кря…?

22. Code Style
● PSR-0, PSR-1, PSR-2, PSR-3, PSR-4
● Symfony Coding standards
● TWIG Coding standards
● phpcs

23. RTFM! Читаємо документацію

24. Batsignal

25. Читаємо документацію! Кря...

26. Другий тиждень
● Версіонування даних
● Сторінка перегляду окремої речі
● Доробки в адмінці (batch actions, плюшки від Sonata)
● Підключення Leaflet.js
● Шаблонізатор TWIG
● ORM, DBAL
● FormType в Symfony
● Сесія, флеш-повідомлення
● Валідація
● Різні маркери категорії
● YAGNI, KISS, DRY
● Реєстрація користувачів через Facebook
● Сторінка профілю користувача
● Можливість позначення території для загубленої речі

27. Leaflet Draw

28. Третій тиждень
● PHPUnit
● DoctrineExtensions: Tree
● Popus on markers
● Emails
● Вивід карти загублених/знайдених речей
● AJAX
● Виправлення багів
● Service Container в Symfony2
● Як слідкувати за інформацією в світі PHP?
● Розділення функціоналу по ролям
● F.A.Q.

29. Skype >>> Slack

30. Підключаємо сервіси оцінки якості коду

31. ● Travis CI
● Scrutinizer
● Codecov
● Packagist
● VersionEye
● SensioLabs Insight
● HHVM
● Gitter

32. Code Coverage

33. Scrutinizer

34. SensioLabs Insight

35. Парне програмування

36. Четвертий тиждень
● Консольна команда для пошуку співпадінь
● Events and Event Dispatcher
● Запит контактів автора оголошення
● Форма зворотнього зв’язку
● Завантаження фотографії для оголошень
● Переклади інтерфейсу
● Статистика загублених і знайдених речей в
бекенді
● Вивчення Behat та перші тести
● SonataSeoBundle
● Корисні фічі PhpStorm

37. Scrum

38. Team Lead

39. sКРЯm
● короткі спрінти: 3-4 дні для гнучкості
● тікети на команду, в команді тікети розподіляють
самостійно
● тім-лід приймає пулл-реквести в свій бранч
● в кінці спрінта - демо
● я приймаю тільки один великий пулл-реквест в
develop в кінці спрінта

40. П’ятий тиждень
● Refactoring
● Кастомізація адмінки
● Покриття тестами існуючого функціоналу
● Верстка
● Повідомлення між користувачами
● SonataMediaBundle
● CSRF tokens
● RESTful API

41. Story points
● Перший тиждень - 41
● Другий тиждень - 85
● Третій тиждень - 63
● Четвертий тиждень - 84,5
● П’ятий тиждень - 33,5...

42. Типові баги, факапи, фейли

43. Типові баги, факапи, фейли
● закомітили вендори і кеш
● код з однієї фічі попадав в бранч іншої
● не переглядали diff під час коміту, попадав
зайвий код
● вперто не видаляли закоментований код
● зламані міграції

45. Повторне опитування студентів в
кінці практики

46. Біллі 0 1 2 3 4 5 6 7 8 9 10
PHP
JavaScript
CSS
HTML
PHP-Framework Symfony2
Doctrine ORM
PHP best practice
PhpStorm
Шаблонізатор TWIG
SQL
MySQL DB
Git, GitHub Workflow
Design Patterns
TDD, PHPUnit
BDD, Behat & Mink
Web-Development Workflow

47. Віллі 0 1 2 3 4 5 6 7 8 9 10
PHP
JavaScript
CSS
HTML
PHP-Framework Symfony2
Doctrine ORM
PHP best practice
PhpStorm
Шаблонізатор TWIG
SQL
MySQL DB
Git, GitHub Workflow
Design Patterns
TDD, PHPUnit
BDD, Behat & Mink
Web-Development Workflow

48. Діллі 0 1 2 3 4 5 6 7 8 9 10
PHP
JavaScript
CSS
HTML
PHP-Framework Symfony2
Doctrine ORM
PHP best practice
PhpStorm
Шаблонізатор TWIG
SQL
MySQL DB
Git, GitHub Workflow
Design Patterns
TDD, PHPUnit
BDD, Behat & Mink
Web-Development Workflow

49. Статистика RescueTime від Діллі

50. Бейджики

51. Біллі
● копіпастер level 2
● мауглі
● пінг-понгер
● merge-conflict
● вотЕтаПаварот
● йошкін кот level 2
● feature-inventor level 2
● renamer…
● селфі-спамер
● sprint #1 done
● sprint #2 done

52. Віллі
● pair-programming
● копіпастер level 2
● F.A.Q. (friendly)
● йошкін кот
● sprint #1 done
● sprint #2 done

53. Діллі
● javascript-slave
● pair-programming
● монетизатор
● Робін
● sКРЯm-master
● Behat-сапер
● sprint #1 done
● sprint #2 done

54. Чуваки на правильному шляху

55. Перший отриманий хабар :)

56. Плани на наступну практику
● Покращення алгоритму пошуку співпадінь
● API
● Покращений пошук
● Кластеризація маркерів при зумі
● Публікація в соціальні мережі
● Рейтинг користувачів, бейджики
● Нотифікація про знайдені поряд речі
● Прив’язування оголошення до події
● Функціонал блогу
● RabbitMQ?
● ElasticSearch?
● MongoDB?

57. Як я прокачав себе

58. Як я прокачав себе
● time management
● project management
● оновив свої знання
● вивчив те, що не знав
● на скільки добре я пояснюю матеріал?

59. Практика закінчилась
Тепер я вільний!

60. А де ж Поночка? :)

61. А ось вона =)
Яна - HR at Stfalcon.com

63. Happy End
To be continued...