Your SlideShare is downloading. ×
0
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

O que você precisa saber para se tornar um dev front-end

6,980

Published on

Ser um desenvolvedor front-end já foi mais fácil. Essa palestra mostra o caminho das pedras para os que estão iniciando na área e os que já estão, servindo como guia para assuntos importantes na …

Ser um desenvolvedor front-end já foi mais fácil. Essa palestra mostra o caminho das pedras para os que estão iniciando na área e os que já estão, servindo como guia para assuntos importantes na área.

Link do artigo relacionado:
http://tableless.com.br/tornar-dev-front-end/

Published in: Internet
1 Comment
28 Likes
Statistics
Notes
No Downloads
Views
Total Views
6,980
On Slideshare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
110
Comments
1
Likes
28
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. O que você precisa saber para se tornar um front-end
  • 2. DIEGO EIS @diegoeis @tableless ! ! ! tableless.com.br slideshare.net/diegoeis
  • 3. "Uma das razões de haver uma execução pobre no design é que os times de UX precisam aprender mais que apenas design. Eles precisam aprender mais desenvolvimento front-end." http://www.uxmatters.com/mt/archives/2012/04/great-user-experiences-require-great- front-end-development.php
  • 4. “Ter apenas um desenvolvedor front-end em um time que só há desenvolvedores back-end, é uma receita para o desastre." bit.ly/18MX8cgDon Roby no StackOverflow
  • 5. POR QUE FRONT-END É IMPORTANTE?
  • 6. Geralmente os fluxos são lineares. Principalmente quando se trata de websites ou projetos pequenos. ! Com a adoção dos padrões web, esse fluxo pode ficar paralelo, o que é ótimo para ganhar velocidade. O FLUXO PODE SER LINEAR OU PARALELO
  • 7. wireframe protótipo design front-end back-end
  • 8. wireframe protótipo design front-end back-end
  • 9. O FLUXO QUEBRADO
  • 10. UX PSD back-end
  • 11. UX back-endfront-end
  • 12. UX back-endfront-end
  • 13. O QUE É PRECISO APRENDER?
  • 14. Não use editores WYSIWYG. Dizendo com todas as palavras: fique longe de coisas como o Dreamweaver. EDITORES DE CÓDIGO
  • 15. HTML é parte essencial da web. Sem HTML a web não existe. Por isso, aprenda HTML e todo o seu contexto de semântica e organização de informação. HTML
  • 16. Eu li não sei aonde e não consegui encontrar o link, mas um dos ban- ban-bans gringos disse mais ou menos assim: “você leva algumas horas para aprender CSS, mas uma vida para se tornar um mestre.” CSS
  • 17. Deixa eu dizer uma coisa e vou ser bem duro: Se você ainda edita seu código usando FTP, você é júnior. ESQUEÇA FTP
  • 18. Se você vai aprender GIT ou qualquer outro controle de versão, você vai precisar mexer um pouquinho no terminal. Sem falar que uma série de ferramentas essenciais para os devs front-end como Grunt, Bower, Yeoman, Middleman, Jekyll e etc, são feitos em Ruby e você vai precisar usar o terminal para fazer a mágica acontecer. O BÁSICO DE TERMINAL
  • 19. Acessibilidade não é altruísmo. Você não faz um site acessível por que você está com pena de alguém cego ou por que não tem os dois braços. Você faz um site acessível por que você precisa que seu site seja visto por TODOS. ACESSIBILIDADE
  • 20. Você tem que aprender Javascript para usá-lo em comportamentos e interações ou em projetos mais complicados, que usam Javascript no lado do servidor. JAVASCRIPT
  • 21. JQuery não é Javascript. Pelamordedeus. JQuery é uma biblioteca que abstrai a liguagem original, tornando muito mais fácil seu controle. JQUERY
  • 22. 80% da performance de um website está do lado do client-side. Client- side também é responsável pro 90% da performance de um site mobile. PERFORMANCE
  • 23. Ao contrário do que muitos acham, SEO não é feito por apenas uma iniciativa, mas várias. Não adianta nada você escrever um texto cheio de palavras chaves e a estrutura do HTML não ser semântica. SEO
  • 24. Falo para aprender WordPress por que é o mais badalado. Você pode aprender Joomla! ou Drupal, não tem problema. Mas não tem como, o WordPress é o CMS mais usado no mundo. E pessoalmente eu acho muito melhor que os outros dois. WORDPRESS OU OUTRO CMS
  • 25. Aprenda algum pré-processador. Algumas grandes empresas os pré- processadores facilitam a manutenção do código CSS e o deixam escalável. O SASS é o mais utilizado. LESS é o segundo. Para se ter uma ideia LESS é usado pelo pessoal que faz o framework Bootstrap. PRÉ-PROCESSADORES
  • 26. Não precisa saber todas as ferramentas que surgirem, mas você precisa saber que elas existem. Não precisa usar YEOMAN, Bower, Grunt, Gulp, Inspector do browser e etc de uma vez, mas eles ajudam muito em diversos momentos. TOOLING
  • 27. Em algumas empresas programadores back-end não encostam no front- end. Eles não editam o HTML, nem tão pouco o Javascript. Isso acontece por que ele passa mais tempo construindo e melhorando uma API do que qualquer outra tarefa. MANIPULAÇÃO DE JSON
  • 28. Nunca, nunca comece pela parte prática. Eu sei que praticar e colocar a mão na massa é a parte mais esperada por qualquer pessoa que está começando na área. ESTUDE A TEORIA
  • 29. Saiba onde sua equipe se coloca perante a empresa. Saiba quais são os resultados que sua equipe trazem para o projeto. Entenda como são feitas as entregas para o cliente. Como o Marketing trabalha. Como os vendedores vendem. Você não é uma ilha, e se for, seu lugar não é aí, é no mar. APRENDA OUTRAS DISCIPLINAS
  • 30. Amplexos! Perguntas? @diegoeis @tableless ! tableless.com.br ! A PALESTRA FICA AQUI: slideshare.net/diegoeis

×