Este documento fornece uma introdução sobre front-end e como se tornar um desenvolvedor front-end. Ele define front-end como o profissional responsável por desenvolver a interface de sites e sistemas web, transformando layouts em código renderizado por navegadores. Também lista conhecimentos, ferramentas e cursos necessários, incluindo HTML, CSS, JavaScript, frameworks como Bootstrap, e cursos de front-end em instituições ou de forma autodidata.

1. Quem eu sou ?Quem eu sou ?
● Carioca de 23 anos
● Trabalho com desenvolvimento de sites e
sistemas há 5 anos, front-end a 3 anos.
● Gamer assumido
● Apaixonado pelo Rio de Janeiro

2. O que é um Front-End ?O que é um Front-End ?

3. É o profissional que desenvolve toda interface,
projeta e otimiza de um projeto web (site e
sistema web). O Front-End transforma em código
todo layout para serem renderizados pelo
bowser(Google Chrome, Safari, Firefox, entre
outros).

4. Quais as responsabilidades de um
Front - End
● Trabalhar junto a equipe de design para criar a
melhor experiência possível
● Desenvolver código limpo e bem documentado
● Seguir os web standards
● Aplicar técnicas de SEO
● Se preocupar com a performance no client-side
● Etc...

5. Quais são os conhecimentos
necessários de um Front-End
● HTML 5
● CSS
● JS
● Versionamento (ex: git)
● Automatizador de tarefas(ex: Grunt e gulp)
● SEO
● Amazon Web Service (Plus)
● Pre- processadores CSS (Less, Sass, Stylus)

6. Indispensável para começarIndispensável para começar
● Framework responsivos (Bootstrap, Foundation entre
outros)
● Jquery básico
● Angular(plus)
● JS
● HTML 5
● CSS 3
● SEO(plus)
● Versionamento

7. Quais são os níveis de Font-End
● Júnior
● Pleno
● Sênior

8. Ferramentas utilizadas para o
Front-End
● Editores de códigos (Brackets, Subline Text,
Note Pad ++, entre outros)
● Terminal(usado para usar o gulp/grunt, nodeJs
entre outras tarefas)
● F12 do teclado, debugador do Browser.(checa
erro no código HTML, CSS, JS)
● Cliente FTP
● Fones de ouvido + Spotify

9. Como virar um Front-EndComo virar um Front-End

10. Como virar um Front-EndComo virar um Front-End
● Fazendo cursinho e depois se especializado
● Fazendo cursos próprios de Front- End
● Ser autodidata e aprender tudo na internet em
sites de tutorias e no YouTube

11. Cursos próprios de Front-EndCursos próprios de Front-End
São cursos focado na formação de Front-End.
São exemplos deste cursos nas seguintes
instituições
● Caelum
● iLearn

12. AutodidataAutodidata
Quando se aprende tudo sozinho na net, em sites de
tutorias, canais do YouTube e apostilas disponibilizada
na internet. São exemplos
● Tv Guarapa – YouTube
● Curso em Vídeo – YouTube
● willianjusten.com.br – Site/Blog
● frontend.blog.br – Site/Blog
● Estevan Maito – YouTube
● Ferreira Studios ® – YouTube

13. Livros recomendadosLivros recomendados
● Foundation for sites - Maurício Samy Silva - Novatec
● HTML5 - Maurício Samy Silva - Novatec
● Livro Design Responsivo - Maurício Samy Silva - Novatec
● Java Script - O Guia Definitivo - David Flanagan - Bookman
● Segredos do Ninja JavaScript - John Resig/Bear Bibeault - Novatec
● Coletânea Front-end - Casa do Código
● HTML5 e CSS3 - Lucas Mazza - Casa do Código
● Dominando JavaScript com jQuery - Plínio Balduino - Casa do Código
● Web Design Responsivo - Tárcio Zemel - Casa do Código

14. The EndThe End

15. Agradecimento especial a
Willian Justen de Vasconcellos, que ajudou com
material desta presentação, que veio derivado do
site dele.
http://willianjusten.com.br/

16. Fontes:Fontes:
● http://www.devmedia.com.br/forum/o-que-e-
desenvolvedor-front-end-e-back-end/424067
● http://leandrooriente.com/como-me-tornar-um-
desenvolvedor-front-end/
● http://mobgeek.com.br/blog/o-que-e-front-end
● http://willianjusten.com.br/como-se-tornar-um-dese
● http://leandrooriente.com/como-me-tornar-um-
desenvolvedor-front-end/