Розглянемо: Документацію(що це таке і з чим його їдять); Навіщо вона нам? Розглянемо інструменти для документації; Ну і трошки практики

1. Документування
front-end
Віталька
web-systems

2. Поговоримо про
1. Документацію(що це таке і з чим його їдять);
2. Навіщо вона нам?
3. Розглянемо інструменти для документації;
4. Ну і трошки практики

3. Документація - це
- список документів які дають інформацію для розробки, підтримки і
ремонту веб додатків.

4. Навіщо..?

5. ● Рутинна робота(повторна верстка, лишня робота, погана якість);
● Back-end;
● Дизайн;
● Команда(обмін кодом, комунікація, єдиний стиль);
Проблеми front-end розробника

7. <?php ….
● Я тут трішки поправив...
● .class .class .class ... { }
● !important
● #red_color_aydishnick{}
● .q{}

8. Документація зробить -
1. допоможе згадати те що писали місяць+ тому
2. нова людина зможе з легкістю ввійти в проект
3. ми не будемо трати час щоб пояснити новому верстальщику що і як у
нас на проекті, гарна документація зробить це за нас
4. ну і ви отримаєте багато вдячних людей які будутьвдячні вам до
останніх днів життя цього проекту

9. HTML

10. CSS

11. JS

12. Чим документувати?
● Bootstrap DOC
● Source
● jekyll
● patternlab
● GitHub

13. Source
Living Style Guide Platform

14. Source вирішує проблеми з:
● Розробленням верстки
● Підтримкою і розробкою документації блоків
● Розробки інтерфейсів в команді

15. Трохи прикладів

16. Посилання
Source
Document-Bootstrap
PaternLab
Jekkyl Doc
Створення руководства по стилю
Призентація Source

17. Дякую за увагу
Skype: vitalka181094
E-mail: kriskov.vitaliy@gmail.com