1. WEB DESIGNER x WEB MASTER

2. 1 + 1 = O que desenvolvedor Front end? 3. O que o desenvolvedor front-end tem que saber? 4. Acessibilidade Acessibilidade no altrusmo. Voc no faz um site acessvel por que voc est com pena de algum cego ou por que no tem os dois braos. 5. SEO No adianta ter boa performance, ter boa acessibilidade, Se ningum lhe acha na internet. 6. Um pouco de Interao Saiba usar javascript, um pouco de interao nunca demais. Alm disso, num custa nada fazer alguns tratamentos no prprio navegador! 7. PSD para HTML O front-end nasceu para passar PSD para html. Com o tempo isso mudou. afinal, quem o bam bam quando se trata em carregamento de informao? p HTML. 8. Performance 80% da performance de um website est do lado do client-side. Client-side tambm responsvel por 90% da performance de um site mobile. 9. Responsividade No importa como, mas seu site tem que rodar no celular, no navegador A,B,C na televiso...ou qualquer meio de acesso. Afinal o cliente que importante. 10. Entendendo o Fluxo O fluxo de trabalho quando se pensa em site ou projetos pequenos, logo feito de forma linear. O problema que com a adoo dos padres web. Isso mudou e ficou paralelo! 11. Wireframe +Design +Front-End +Back-End 12. Wireframe ||Design + Front-End + Back-End 13. E quais ferramentas o front-end usa? 14. Saiba banco de dados e alguma Linguagem de Programao 15. Saiba alguma metodologia de desenvolvimento gil 16. INVISTA NO INGLS 17. Onde estudar? Veja uma lista de referncias para estudos... 18. Guia de estudos! LIVROS: MAUJOR O Senhor Mauricio Maujor Samy Silva uma lenda do CSS e HTML O'Reilly Editora dos melhores livros sobre o assunto. Os livros so ingls, mas J temos titulos em portugus. 19. Guia de estudos! Organizaes: Mozilla Developer Network - MDN A galera da MDN didatica e m limpeza. Vale a pena ir l! W3Fools Vai de encontro a w3schools em ingls, mas da pra entender! W3C a W3C obviamente uma fonte totalmente segura de conhecimento j que ela regula os padres web. 20. Guia de estudos! Bblia: Stack Overflow Tambm conhecido como a bblia do desenvolvedor. Trata-se de um site de Q&A (perguntas e respostas) com uma comunidade muito ativa. 21. Guia de estudos! Cursos: iWTraining Uma das poucas escolas de fortaleza que ensinam front-end. Um curso que pra quem iniciante cai super bem! Caelum Dispensa comentrios, sempre tem turmas aqui em fortaleza. 22. Guia de estudos! Cursos Online: Code Academy Code School Dash Code Squad *BR Codetag 23. Guia de estudos! Portais/blogs nacionais: Tableless iMasters Loop Infinito Front End Brasil Front End para leigos Pinceladas da Web 24. Guia de estudos! Portais/blogs Gringos: Smashing Magazine CSS Tricks DailyJS HTML5 ROCKS Codrops 25. Guia de estudos! Grupos no Facebook: Desenvolvimento Web Web Design Brasil FrontEnd Brasil 26. Onde trabalhar? 27. https://github.com/globocom/iwanttoworkatglobocom 28. Espero que vocs no sejam medrosos e abusem da Plataforma Aberta da Web. S assim a tecnologia vai avanar e atingir a todos igualmente e democraticamente. Plante a coragem de ter coragem e no o medo que torna as pessoas refns. Clcio Bachini / IMASTER 29. Referncias: Diego Eis (Locaweb) - http://tableless.com.br/ Daniel Filho (BrasilJS / Netshoes) - http://zofe.com.br/ Zeno Rocha (BrasilJS / Zofe) - http://zenorocha.com/ Bernard de Luna (COW / BrasilJS ) - http://bernarddeluna.com/Livros: HTML5 e CSS3: Domine a web do futuro futuro. Lucas Mazza (Casa do Codigo) HTML5: A linguagem de marcao que revolucionou a web. Maujor (Maurcio Samy Silva) (http://www.maujor.com/) CSS3 - Desenvolva aplicaes web profissionais com o uso dos poderosos recursos de estilizao das CSS3. CSS3 Maujor (Maurcio Samy Silva) (http://www.maujor.com/)