piadas de css e javascript
DESCRIPTION
Palestra apresentada para a equipe Agence MSTRANSCRIPT
![Page 1: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/1.jpg)
...quando o seu projeto vira uma piada
![Page 2: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/2.jpg)
Sintomas
● Ninguém sabe como o sistema funciona, só se "fuçar"
● Existem "programadores-especialistas" dentro do seu projeto
● Quando a equipe da risada dos próprios erros do projeto
● Ninguém quer assumir o filho
![Page 3: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/3.jpg)
Sintomas II
● Mais gente == Produzir mais (?)
● Projeto final feliz, aquele que você casa e vive para sempre com o cliente
● Bugs imortais
![Page 4: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/4.jpg)
ATENÇÃO!
A seguir serão apresentados os efeitos colaterais, os códigos utilizados são apenas EXEMPLOS, qualquer semelhança com a realidade é mera COINCIDÊNCIA.
![Page 5: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/5.jpg)
Efeitos Colaterais
![Page 6: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/6.jpg)
Sugestão de remédio
● Crie sempre um css (style.css), no máximo dois caso você precise atender as necessidades especiais do Internet Explorer
● Lembre-se que existem tipos de media no css, como o print.
● Estude CSS, não mata.
![Page 7: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/7.jpg)
Efeitos Colaterais
![Page 8: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/8.jpg)
Sugestão de remédio
● Utilize sempre um debuger, no meu caso eu uso o Firebug, o rei supremo.
● Se você estiver trabalhando localmente crie um ambiente de dev separado do de homologação, você pode reduzir js e requisições desnecesárias
![Page 9: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/9.jpg)
Efeitos Colaterais
...enquanto isso no CSS
![Page 10: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/10.jpg)
Efeitos Colaterais
...enquanto isso no CSS
![Page 11: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/11.jpg)
Sugestão de remédio
● É feio sobrescrever o comportamento de uma tag. Por isso existem classes e ids
![Page 12: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/12.jpg)
Efeitos Colaterais
![Page 13: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/13.jpg)
Sugestão de remédio
● Quando o seu método começa a ter exceções demais para executar o algoritmo principal, quer dizer que você se fudeu ou você vai se fuder.
![Page 14: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/14.jpg)
Efeitos Colaterais
![Page 15: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/15.jpg)
Sugestão de remédio
● Não tente bancar o herói aos 45 do segundo tempo se você não tiver o apoio total da equipe e coordenadores
● Pró-atividade em um projeto legado pode ser visto como atrevimento ou burrice.
● Não existe nada mais nocivo do que um programador novo no projeto com iniciativas revulocionárias.
![Page 16: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/16.jpg)
Efeitos Colaterais
![Page 17: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/17.jpg)
CausaProgramador despreparado (ou Juvenil...)
● Isso é fácil
● Na minha máquina funciona
● DE BOA
● Pró-atividade DEMAIS
![Page 18: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/18.jpg)
CausaCliente mimado
● Eu não me engano, eu mudo de ideia.
● Eu entendi o que você disse, mas eu quero assim
● Eu defino o meu e o seu prazo.
● Pra ontem pra você, quando eu puder pra mim.
![Page 19: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/19.jpg)
CausaGerente / Analista / Coordenador / P.O. / Scrum Master / Quem manda nos programadores e ponto final
● O cliente que mandou
● Faz aí e depois vemos como fica
● Senhor do tempo: Pra ontem
● É fácil fazer isso
![Page 20: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/20.jpg)
Final
+
![Page 21: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/21.jpg)
Final
+
![Page 22: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/22.jpg)
Final
+
+
![Page 23: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/23.jpg)
Final
+
VIRA UM MEGAZORD DE MERDA PROBLEMAS
![Page 24: Piadas de CSS e Javascript](https://reader031.vdocuments.pub/reader031/viewer/2022012304/5496ad0fb47959564d8b504c/html5/thumbnails/24.jpg)
E o que temos é a Metodologia:
É o famoso VAI AÊ!