Hello, Style Guides! - Speaker Deck

Slide 1

Slide 1 text

Hello, Style Guides.

Slide 2

Slide 2 text

Coding Styles

Slide 3

Slide 3 text

How your code looks

Slide 4

Slide 4 text

Extremely personal

Slide 5

Slide 5 text

Everyone has their own style.

Slide 6

Slide 6 text

by Michael Jackson You are not alone.

Slide 7

Slide 7 text

We are a team.

Slide 8

Slide 8 text

Communicating each other through code

Slide 9

Slide 9 text

Code Conventions

Slide 10

Slide 10 text

Style Guides

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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;

Slide 15

Slide 15 text

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 ﬁle regardless of who wrote it.

Slide 16

Slide 16 text

Examples

Slide 17

Slide 17 text

Google

Slide 18

Slide 18 text

Github

Slide 19

Slide 19 text

Airbnb

Slide 20

Slide 20 text

Chromium

Slide 21

Slide 21 text

Android

Slide 22

Slide 22 text

We have been working…

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

Thanks!