O documento descreve a evolução da profissão de front-end no Brasil. Inicialmente, webdesigners se concentravam nas artes visuais e não entendiam UI/UX, enquanto front-end era um termo desconhecido. Nos últimos anos, mais profissionais passaram a se preocupar com usabilidade e experiência do usuário. Atualmente, front-end developers fazem a ponte entre design e back-end, garantindo que o conteúdo seja entregue de forma funcional e semântica ao usuário.
2. O PASSADO (BRASIL)
WEBDESIGNERS
- Bons nas artes visuais, ainda que mal utilizadas na web
- Mal sabiam o que é UI/UX
- Muitos migraram dos impressos para a web
@RAMONPAGE
3. O PASSADO (BRASIL)
FRONT-END DEVELOPERS
- Front o quê?
@RAMONPAGE
4. O PASSADO (BRASIL)
BACK-END DEVELOPERS
- Já eram razoavelmente resolvidos, apesar das linguagens e
frameworks ainda não estarem suficientemente maduras para a
web.
@RAMONPAGE
5. A MUDANÇA (BRASIL)
EM TORNO DE 3 ANOS PRA CÁ ALGO MUDOU
- Mais profissionais começaram a se preocupar com usabilidade
- Poucos tratavam de UI/UX na web, porém nesse período mais
e mais profissionais começaram a se preocupar
- Já se falava muito de web semântica
- Front o quê?
@RAMONPAGE
6. O PRESENTE (BRASIL)
DE 2 ANOS PRA CÁ MAIS COISAS MUDARAM
- Não seria interessante se o webdesigner além de fazer a
marcação, soubesse escrever seus próprios JavaScripts?
- Além disso, seria ótimo se o webdesigner soubesse escrever
um mínimo de CSS.
- Front-end developer. Aquele que trabalha entre o design e o
back-end.
@RAMONPAGE
7. FRONT O QUÊ?
AQUELE QUE FAZ O DESIGN GANHAR VIDA
- Um grande front-end developer normalmente entende
conceitos de design e um mínimo de programação, porém não
é uma regra que o profissional front-end seja apto em todas
essas habilidades.
- De qualquer forma, todo bom front-end developer precisa
entender web semântica, CSS e JavaScript.
@RAMONPAGE
9. A CRISE DE IDENTIDADE
AFINAL, WEBDESIGNER OU PROGRAMADOR?
- A resposta é: tanto faz! Seja um, outro, ou ainda os dois. No
final o que importa é que você seja útil para a sua equipe.
@RAMONPAGE
10. FICOU CONFUSO?
WEBDESIGN FORA DA CAIXA
“Uma página web é como um organismo vivo, que
pode se manifestar de formas diferentes de
acordo com o ambiente”
-- http://ramonpage.com/2010/02/27/webdesign-fora-da-caixa/
@RAMONPAGE
11. A IMPORTÂNCIA DO
CONTEÚDO
https://twitter.com/#!/zeldman/status/804159148
@RAMONPAGE
12. O PAPEL DO FRONT-END
DEVELOPER
POIS O QUE IMPORTA É O CONTEÚDO
- Hoje nós já podemos contar com designers de UI/UX. Esse
pessoal deve ser capaz de facilitar a vida dos usuários atráves da
interface e da experiência.
- Assim, o front-end developer deve fazer a ponte dessa
interação visual com a estrutura server side do projeto. Ou seja,
servir páginas cliente para interagir com o lado servidor.
@RAMONPAGE
14. O QUE É PRECISO
CONHECER
O MÍNIMO DE JAVASCRIPT
@RAMONPAGE
15. O QUE É PRECISO
CONHECER
O MÍNIMO DE WEB SEMÂNTICA
@RAMONPAGE
16. O QUE É PRECISO
CONHECER
META LINGUAGENS /
PRÉ-PROCESSADORES
@RAMONPAGE
17. O QUE É PRECISO
CONHECER
TESTES (BDD)
describe("Jasmine", function() {
it("makes testing JavaScript awesome!", function() {
expect(yourCode).toBeLotsBetter();
});
});
@RAMONPAGE
18. DICAS PARA A CARREIRA
NÃO IMPORTA QUANTOS LIVROS VOCÊ LEU.
O QUE IMPORTA É QUAIS LIVROS VOCÊ LEU.
@RAMONPAGE
19. DICAS PARA A CARREIRA
“UM BOM PROFISSIONAL TEM UM
CURRÍCULO. UM GRANDE PROFISSIONAL TEM
UM NOME.”
-- https://twitter.com/#!/ramonpage/status/5651636819
@RAMONPAGE
20. DICAS PARA A CARREIRA
RECONHECER OS TALENTOS DOS SEUS
PARCEIROS DE EQUIPE NÃO É DANOSO PARA
A SUA CARREIRA
@RAMONPAGE