Download - Receita do Sucesso no Mercado Front End
![Page 1: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/1.jpg)
Receita do Sucessono Mercado Front End
![Page 2: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/2.jpg)
@leobalter
![Page 3: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/3.jpg)
Front End?
![Page 4: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/4.jpg)
Tudo começa e termina na web
• HTML
• CSS
• JavaScript
http://goo.gl/RvK4
![Page 5: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/5.jpg)
![Page 6: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/6.jpg)
![Page 7: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/7.jpg)
![Page 8: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/8.jpg)
![Page 9: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/9.jpg)
http://www.youtube.com/watch?v=lCPHbkb8J50
![Page 10: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/10.jpg)
Tim Berners-Lee + W3C
• Web para todos
• Web em qualquer dispositivo
• Web como base de conhecimento
• Web confiável e segura
![Page 11: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/11.jpg)
HTML 5
• O XHTML 1.1 (o mais novo) tem a idade do Internet Explorer 6, quer realmente continuar com ele?
![Page 12: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/12.jpg)
JavaScript
• Brendan Eich, CTO da Mozilla
• Nunca foi Java. E está longe de ser só script
• TX39 ou ECMAScript 6
![Page 13: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/13.jpg)
Trabalhando
![Page 14: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/14.jpg)
Vários nomes na área
• Webmaster
• Client Side
• “ah, você é o cara do HTML...”
![Page 15: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/15.jpg)
Mas o que faz um FrontEnd?
![Page 16: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/16.jpg)
“Um front-end é responsável pela interface do projeto, geralmente dividida em 3 partes: Design, Implementação e Desenvolvimento.
Bernard de Luna
![Page 17: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/17.jpg)
“Em uma clássica cena de A dama eo vagabundo, nós
seriamos o macarrão.”
![Page 18: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/18.jpg)
“Uma página web é como um organismo vivo, que pode se manifestar de formas diferentes de acordo com o ambiente.”
Ramon Page
![Page 19: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/19.jpg)
http://goo.gl/DWOJj
![Page 20: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/20.jpg)
Implementação
Desenvolvimento
DesignSEO
![Page 21: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/21.jpg)
Sempre fica mais fácil...
![Page 22: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/22.jpg)
![Page 23: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/23.jpg)
![Page 24: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/24.jpg)
![Page 26: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/26.jpg)
![Page 27: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/27.jpg)
Desenvolvedor FrontEnd não tem a vida mais fácil
Performance Usabilidade
Acessibilidade Estética
![Page 28: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/28.jpg)
Código
![Page 29: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/29.jpg)
Não escreva espaguete
• OO + protótipos
• Design Patterns
• Anti Patterns
• Convenções
• TDD / BDD
![Page 30: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/30.jpg)
• Acima de tudo: bom gosto
• Front End é o ninja
• um ninja não aparece muito
• mas deixa um resultado considerável
![Page 31: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/31.jpg)
Determinação
![Page 32: Receita do Sucesso no Mercado Front End](https://reader034.vdocuments.pub/reader034/viewer/2022052323/55878ac2d8b42a42318b470e/html5/thumbnails/32.jpg)