23
MERCADO FRONT-END: ESTEJA PREPARADO PARA ELE RAMON BISPO http://ramonpage.com @ramonpage

Mercado front-end: esteja preparado para ele

Embed Size (px)

Citation preview

Page 1: Mercado front-end: esteja preparado para ele

MERCADO FRONT-END:ESTEJA PREPARADO PARA ELE

RAMON BISPOhttp://ramonpage.com

@ramonpage

Page 2: Mercado front-end: esteja preparado para ele

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

Page 3: Mercado front-end: esteja preparado para ele

O PASSADO (BRASIL)

FRONT-END DEVELOPERS

- Front o quê?

@RAMONPAGE

Page 4: Mercado front-end: esteja preparado para ele

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

Page 5: Mercado front-end: esteja preparado para ele

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

Page 6: Mercado front-end: esteja preparado para ele

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

Page 7: Mercado front-end: esteja preparado para ele

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

Page 8: Mercado front-end: esteja preparado para ele

A POLÊMICA

@RAMONPAGE

https://twitter.com/#!/markboulton/status/112058560787136512

Page 9: Mercado front-end: esteja preparado para ele

A CRISE DE IDENTIDADEAFINAL, 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

Page 10: Mercado front-end: esteja preparado para ele

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

Page 11: Mercado front-end: esteja preparado para ele

A IMPORTÂNCIA DO CONTEÚDO

@RAMONPAGE

https://twitter.com/#!/zeldman/status/804159148

Page 12: Mercado front-end: esteja preparado para ele

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

Page 13: Mercado front-end: esteja preparado para ele

AH! MOLEZA!NÃO!

@RAMONPAGE

Page 14: Mercado front-end: esteja preparado para ele

O QUE É PRECISO CONHECER

O MÍNIMO DE JAVASCRIPT

@RAMONPAGE

Page 15: Mercado front-end: esteja preparado para ele

O QUE É PRECISO CONHECER

O MÍNIMO DE WEB SEMÂNTICA

@RAMONPAGE

Page 16: Mercado front-end: esteja preparado para ele

O QUE É PRECISO CONHECER

META LINGUAGENS / PRÉ-PROCESSADORES

@RAMONPAGE

Page 17: Mercado front-end: esteja preparado para ele

O QUE É PRECISO CONHECER

TESTES (BDD)

describe("Jasmine", function() { it("makes testing JavaScript awesome!", function() { expect(yourCode).toBeLotsBetter(); }); });

@RAMONPAGE

Page 18: Mercado front-end: esteja preparado para ele

DICAS PARA A CARREIRANÃO IMPORTA QUANTOS LIVROS VOCÊ LEU. O QUE IMPORTA É QUAIS LIVROS VOCÊ LEU.

@RAMONPAGE

Page 19: Mercado front-end: esteja preparado para ele

DICAS PARA A CARREIRA“UM BOM PROFISSIONAL TEM UM

CURRÍCULO. UM GRANDE PROFISSIONAL TEM UM NOME.”

-- https://twitter.com/#!/ramonpage/status/5651636819

@RAMONPAGE

Page 20: Mercado front-end: esteja preparado para ele

DICAS PARA A CARREIRARECONHECER OS TALENTOS DOS SEUS

PARCEIROS DE EQUIPE NÃO É DANOSO PARA A SUA CARREIRA

@RAMONPAGE

Page 21: Mercado front-end: esteja preparado para ele

E O MERCADO?

@RAMONPAGE

Page 22: Mercado front-end: esteja preparado para ele

POR FALAR EM MERCADO...POR QUE NÃO LEVAR AS BOAS NOVAS?

@RAMONPAGE

Page 23: Mercado front-end: esteja preparado para ele

OBRIGADO!

RAMON BISPOhttp://ramonpage.com

@ramonpage