$30 off During Our Annual Pro Sale. View Details »

Hello, Style Guides!

Guille Paz
December 06, 2013

Hello, Style Guides!

Introduction to MercadoLibre Styles Guides.

Guille Paz

December 06, 2013
Tweet

More Decks by Guille Paz

Other Decks in Programming

Transcript

  1. Hello,
    Style Guides.

    View Slide

  2. Coding Styles

    View Slide

  3. How your code looks

    View Slide

  4. Extremely personal

    View Slide

  5. Everyone has their
    own style.

    View Slide

  6. by Michael Jackson
    You are not alone.

    View Slide

  7. We are a team.

    View Slide

  8. Communicating each
    other through code

    View Slide

  9. Code Conventions

    View Slide

  10. Style Guides

    View Slide

  11. •achieve a code that’s easier to understand;
    !
    !
    !
    Style Guides

    View Slide

  12. Style Guides
    •achieve a code that’s easier to understand;
    •detect errors and potential problems
    !
    !

    View Slide

  13. Style Guides
    •achieve a code that’s easier to understand;
    •detect errors and potential problems
    •easily identify what code can be reused;
    !

    View Slide

  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;

    View Slide

  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.

    View Slide

  16. Examples

    View Slide

  17. Google

    View Slide

  18. Github

    View Slide

  19. Airbnb

    View Slide

  20. Chromium

    View Slide

  21. Android

    View Slide

  22. We have been
    working…

    View Slide

  23. View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  27. by Emilio Disi
    Code is read by humans,
    and excuted by computers.

    View Slide

  28. Thanks!

    View Slide