Hello, Style Guides!

Transcript

1. 1.

   Hello, Style Guides.

2. 2.

   Coding Styles

3. 3.

   How your code looks

4. 4.

   Extremely personal

5. 5.

   Everyone has their own style.

6. 6.

   by Michael Jackson You are not alone.

7. 7.

   We are a team.

8. 8.

   Communicating each other through code

9. 9.

   Code Conventions

10. 10.

    Style Guides

11. 11.

    •achieve a code that’s easier to understand; ! ! !

    Style Guides
12. 12.

    Style Guides •achieve a code that’s easier to understand; •detect

    errors and potential problems ! !
13. 13.

    Style Guides •achieve a code that’s easier to understand; •detect

    errors and potential problems •easily identify what code can be reused; !
14. 14.

    Style Guides •achieve a code that’s easier to understand; •detect

    errors and potential problems •easily identify what code can be reused; •build or update any functionality;
15. 15.

    Style Guides •achieve a code that’s easier to understand; •detect

    errors and potential problems •easily identify what code can be reused; •build or update any functionality; •work on any file regardless of who wrote it.
16. 16.

    Examples

17. 17.

    Google

18. 18.

    Github

19. 19.

    Airbnb

20. 20.

    Chromium

21. 21.

    Android

22. 22.

    We have been working…

23. 23.

    None
24. 24.

    HTML https://github.com/mercadolibre/html-style-guide

25. 25.

    CSS https://github.com/mercadolibre/css-style-guide

26. 26.

    JavaScript https://github.com/mercadolibre/javascript-style-guide

27. 27.

    by Emilio Disi Code is read by humans, and excuted

    by computers.
28. 28.

    Thanks!