Maintainable JavaScript

Slide 1

Slide 1 text

MAINTAINABLE JAVASCRIPT RAPHAEL AMORIM

Slide 2

Slide 2 text

Raphael Amorim raphamundi raphamorim

Slide 3

Slide 3 text

WHO CARES?

Slide 4

Slide 4 text

“MAINTAINABLE CODE WORKS FOR FIVE YEARS WITHOUT MAJOR CHANGES”

Slide 5

Slide 5 text

CODE STYLE GUIDE

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

BAD

Slide 9

Slide 9 text

NAMING • USE NOMES LÓGICOS PARA VARIÁVEIS E FUNÇÕES - NÃO SE PREOCUPE COM O TAMANHO ! • NOMES DE FUNÇÕES COMEÇANDO SEMPRE COM VERBO ! Ex: getCoffee() • FUNÇÕES DE RETORNO BOOLEANO DEVEM SEMPRE COMEÇAR COM “IS” OU “HAS” Ex: hasItem() ou isValid()

Slide 10

Slide 10 text

NAMING

Slide 11

Slide 11 text

NAMING

Slide 12

Slide 12 text

NAMING

Slide 13

Slide 13 text

PROGRAMMING PRACTICES

Slide 14

Slide 14 text

Mantenha seu JavaScript fora do HTML

Slide 15

Slide 15 text

Mantenha seu HTML fora do JavaScript

Slide 16

Slide 16 text

Mantenha seu CSS fora do JavaScript

Slide 17

Slide 17 text

Event Handlers devem ser apenas Event Handlers Bro, você mandou mal!

Slide 18

Slide 18 text

Event Handlers devem ser apenas Event Handlers Bro, você mandou bem!

Slide 19

Slide 19 text

Não sobrescreva métodos/objetos de projetos externos Muito menos adicione novos métodos

Slide 20

Slide 20 text

FUJA / EVITE / NEM PENSE NO USO DE VARIÁVEIS GLOBAIS

Slide 21

Slide 21 text

SÉRIO MESMO.

Slide 22

Slide 22 text

Trabalhe com erros (ESPECIALMENTE quando você sabe que há chances de falhar)

Slide 23

Slide 23 text

Evite comparações com null

Slide 24

Slide 24 text

Evite comparações com null Compare precisamente o que realmente importa

Slide 25

Slide 25 text

KEEP ROCKING

Slide 26

Slide 26 text

LINTING

Slide 27

Slide 27 text

DOCUMENTATION

Slide 28

Slide 28 text

TESTS EVERYWHERE

Slide 29

Slide 29 text

IMPROVE YOURSELF S.O.L.I.D. snake

Slide 30

Slide 30 text

VLW FLWS