Self-documenting code

1. I. Self-documenting code

2. Code review

4. Zásady tvorby samodokumentujúceho kódu
• malé logické bloky kódu
• dekomponovanie SASS do súborov/priečinkov
• rozbitie veľkých metód do menších
• minimálny nutný HTML markup
• vhodné názvy premenných (the longer the better)
• common sense

5. Komentáre

6. II. Ako pracujem na frontende

7. CSS
• - využívanie kaskády
• - vhodná práca so špecifitou
• - logické celky v SASS
• nevýhoda zbytočná
scoped špecifita
• scoping v SASS/HTML (ala
WP)

8. Utility classes
• Používam:
• container
• hidden
• clearfix
• hidden-{phone, tablet, desktop}
• pull-left, pull-right
• col-(#) - začínam sa vyhýbať

9. Konkrétny príklad
• .about
• .container
• h2
• ul
• li
• h3
• li
• img
• p + strong

10. Užitočné čítanie
• http://snook.ca/archives/html_and_css/understanding_c
• http://csswizardry.com/2012/11/code-smells-in-css/
• http://tzi.fr/css/selector/meaningful-selector-specificity-measure
• http://www.vanseodesign.com/css/scalable-maintainable/
• http://cwebbdesign.tumblr.com/post/23666803241/scalable-and-maintainable-css-approaches
• http://cssguidelin.es/
• http://sass-guidelin.es/
• https://medium.com/@drublic/css-naming-conventions-less-rules-more-fun-12af220e949b
• http://thesassway.com/advanced/modular-css-naming-conventions

11. Ďakujem za pozornosť.