SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
MERCADO FRONT-END:
ESTEJA PREPARADO PARA ELE

           RAMON BISPO
        http://ramonpage.com
             @ramonpage
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
O PASSADO          (BRASIL)


                 FRONT-END DEVELOPERS

- Front o quê?




                       @RAMONPAGE
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
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
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
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
A POLÊMICA




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


                      @RAMONPAGE
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
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
A IMPORTÂNCIA DO
    CONTEÚDO




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

                 @RAMONPAGE
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
AH! MOLEZA!
    NÃO!




   @RAMONPAGE
O QUE É PRECISO
  CONHECER
O MÍNIMO DE JAVASCRIPT




       @RAMONPAGE
O QUE É PRECISO
   CONHECER
O MÍNIMO DE WEB SEMÂNTICA




         @RAMONPAGE
O QUE É PRECISO
  CONHECER
 META LINGUAGENS /
 PRÉ-PROCESSADORES




      @RAMONPAGE
O QUE É PRECISO
     CONHECER
             TESTES (BDD)




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


                 @RAMONPAGE
DICAS PARA A CARREIRA
NÃO IMPORTA QUANTOS LIVROS VOCÊ LEU.
O QUE IMPORTA É QUAIS LIVROS VOCÊ LEU.




               @RAMONPAGE
DICAS PARA A CARREIRA
    “UM BOM PROFISSIONAL TEM UM
CURRÍCULO. UM GRANDE PROFISSIONAL TEM
              UM NOME.”
                 -- https://twitter.com/#!/ramonpage/status/5651636819




               @RAMONPAGE
DICAS PARA A CARREIRA
  RECONHECER OS TALENTOS DOS SEUS
PARCEIROS DE EQUIPE NÃO É DANOSO PARA
            A SUA CARREIRA




               @RAMONPAGE
E O MERCADO?



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




            @RAMONPAGE
OBRIGADO!


   RAMON BISPO
http://ramonpage.com
     @ramonpage

Mais conteúdo relacionado

Mais procurados

Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Sérgio Vilar
 
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDiego Eis
 
Lidar com Expectativas é a melhor forma de garantir a Experiência
Lidar com Expectativas é a melhor forma de garantir a ExperiênciaLidar com Expectativas é a melhor forma de garantir a Experiência
Lidar com Expectativas é a melhor forma de garantir a ExperiênciaMarcelo Sales
 
Desenvolvimento Ágil com CMS Joomla!
Desenvolvimento Ágil com CMS Joomla!Desenvolvimento Ágil com CMS Joomla!
Desenvolvimento Ágil com CMS Joomla!Bruno Batista
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
Web/Mobile tendências 2015
Web/Mobile tendências 2015Web/Mobile tendências 2015
Web/Mobile tendências 2015Rangel Torrezan
 
Construindo seu framework CSS
Construindo seu framework CSSConstruindo seu framework CSS
Construindo seu framework CSSDiego Eis
 
Acessibilidade pensada para a experiência muito além de "7 dicas básicas"
Acessibilidade pensada para a experiência muito além de "7 dicas básicas"Acessibilidade pensada para a experiência muito além de "7 dicas básicas"
Acessibilidade pensada para a experiência muito além de "7 dicas básicas"Marcelo Sales
 
Mitos e Verdades sobre testes de acessibilidade
Mitos e Verdades sobre testes de acessibilidadeMitos e Verdades sobre testes de acessibilidade
Mitos e Verdades sobre testes de acessibilidadeMarcelo Sales
 
Ux prototype - TI EXAMES
Ux prototype - TI EXAMESUx prototype - TI EXAMES
Ux prototype - TI EXAMESCarla De Bona
 
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?Vinícius Lourenço
 
Engenharia de front end de alta performance
Engenharia de front end de alta performanceEngenharia de front end de alta performance
Engenharia de front end de alta performanceAnderson Solano
 
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Html5,css3,javascript   o lugar onde sonhos se tornam realidade.Html5,css3,javascript   o lugar onde sonhos se tornam realidade.
Html5,css3,javascript o lugar onde sonhos se tornam realidade.Edmo Jeova
 
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for DummiesSpringpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for DummiesVinícius Lourenço
 
Crazy Eights: uma técnica rápida e visual para explorar ideias com seu time
Crazy Eights: uma técnica rápida e visual para explorar ideias com seu timeCrazy Eights: uma técnica rápida e visual para explorar ideias com seu time
Crazy Eights: uma técnica rápida e visual para explorar ideias com seu timeCarla De Bona
 
Job Stories | Uma nova forma de definir funcionalidades de um produto
Job Stories | Uma nova forma de definir funcionalidades de um produtoJob Stories | Uma nova forma de definir funcionalidades de um produto
Job Stories | Uma nova forma de definir funcionalidades de um produtoCarla De Bona
 
Como potencializar a experiência de uso (e vendas) pelo Mobile
Como potencializar a experiência de uso (e vendas) pelo MobileComo potencializar a experiência de uso (e vendas) pelo Mobile
Como potencializar a experiência de uso (e vendas) pelo MobileCarla De Bona
 
E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015
E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015
E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015Luiz Weber
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignGustavo Zimmermann
 

Mais procurados (20)

Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
 
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
 
Lidar com Expectativas é a melhor forma de garantir a Experiência
Lidar com Expectativas é a melhor forma de garantir a ExperiênciaLidar com Expectativas é a melhor forma de garantir a Experiência
Lidar com Expectativas é a melhor forma de garantir a Experiência
 
Desenvolvimento Ágil com CMS Joomla!
Desenvolvimento Ágil com CMS Joomla!Desenvolvimento Ágil com CMS Joomla!
Desenvolvimento Ágil com CMS Joomla!
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
Web/Mobile tendências 2015
Web/Mobile tendências 2015Web/Mobile tendências 2015
Web/Mobile tendências 2015
 
Construindo seu framework CSS
Construindo seu framework CSSConstruindo seu framework CSS
Construindo seu framework CSS
 
Webforms2
Webforms2Webforms2
Webforms2
 
Acessibilidade pensada para a experiência muito além de "7 dicas básicas"
Acessibilidade pensada para a experiência muito além de "7 dicas básicas"Acessibilidade pensada para a experiência muito além de "7 dicas básicas"
Acessibilidade pensada para a experiência muito além de "7 dicas básicas"
 
Mitos e Verdades sobre testes de acessibilidade
Mitos e Verdades sobre testes de acessibilidadeMitos e Verdades sobre testes de acessibilidade
Mitos e Verdades sobre testes de acessibilidade
 
Ux prototype - TI EXAMES
Ux prototype - TI EXAMESUx prototype - TI EXAMES
Ux prototype - TI EXAMES
 
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
 
Engenharia de front end de alta performance
Engenharia de front end de alta performanceEngenharia de front end de alta performance
Engenharia de front end de alta performance
 
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Html5,css3,javascript   o lugar onde sonhos se tornam realidade.Html5,css3,javascript   o lugar onde sonhos se tornam realidade.
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
 
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for DummiesSpringpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
 
Crazy Eights: uma técnica rápida e visual para explorar ideias com seu time
Crazy Eights: uma técnica rápida e visual para explorar ideias com seu timeCrazy Eights: uma técnica rápida e visual para explorar ideias com seu time
Crazy Eights: uma técnica rápida e visual para explorar ideias com seu time
 
Job Stories | Uma nova forma de definir funcionalidades de um produto
Job Stories | Uma nova forma de definir funcionalidades de um produtoJob Stories | Uma nova forma de definir funcionalidades de um produto
Job Stories | Uma nova forma de definir funcionalidades de um produto
 
Como potencializar a experiência de uso (e vendas) pelo Mobile
Como potencializar a experiência de uso (e vendas) pelo MobileComo potencializar a experiência de uso (e vendas) pelo Mobile
Como potencializar a experiência de uso (e vendas) pelo Mobile
 
E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015
E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015
E-commerce em Joomla sem gastar um centavo! - Joomla Day SP 2015
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 

Destaque

HABLAR EN PÚBLICO Y REALIZAR PRESENTACIONES DE FORMA EFICAZ
HABLAR EN PÚBLICO Y REALIZAR PRESENTACIONES DE FORMA EFICAZHABLAR EN PÚBLICO Y REALIZAR PRESENTACIONES DE FORMA EFICAZ
HABLAR EN PÚBLICO Y REALIZAR PRESENTACIONES DE FORMA EFICAZMaite Arocas
 
Fehr Family 3
Fehr Family 3Fehr Family 3
Fehr Family 3kfehr2010
 
Businessbriefing2014 140513150942-phpapp01
Businessbriefing2014 140513150942-phpapp01Businessbriefing2014 140513150942-phpapp01
Businessbriefing2014 140513150942-phpapp01mduduzi nzama
 
Flyer Zzp
Flyer ZzpFlyer Zzp
Flyer Zzprkr_vna
 
Presentación fernando perez
Presentación fernando perezPresentación fernando perez
Presentación fernando perezFernando Perez
 
john keating rec
john keating recjohn keating rec
john keating recSuzanne Ott
 
Reproducing Personal Sound Zones Using a Hybrid Synthesis of Dynamic and Para...
Reproducing Personal Sound Zones Using a Hybrid Synthesis of Dynamic and Para...Reproducing Personal Sound Zones Using a Hybrid Synthesis of Dynamic and Para...
Reproducing Personal Sound Zones Using a Hybrid Synthesis of Dynamic and Para...Jacob Donley
 
Exploración clínica del sistema cardiovascular.
Exploración clínica del sistema cardiovascular. Exploración clínica del sistema cardiovascular.
Exploración clínica del sistema cardiovascular. Alexia Sanchez A. Carretero
 

Destaque (16)

HABLAR EN PÚBLICO Y REALIZAR PRESENTACIONES DE FORMA EFICAZ
HABLAR EN PÚBLICO Y REALIZAR PRESENTACIONES DE FORMA EFICAZHABLAR EN PÚBLICO Y REALIZAR PRESENTACIONES DE FORMA EFICAZ
HABLAR EN PÚBLICO Y REALIZAR PRESENTACIONES DE FORMA EFICAZ
 
Splunk-Cert-1
Splunk-Cert-1Splunk-Cert-1
Splunk-Cert-1
 
Fehr Family 3
Fehr Family 3Fehr Family 3
Fehr Family 3
 
Businessbriefing2014 140513150942-phpapp01
Businessbriefing2014 140513150942-phpapp01Businessbriefing2014 140513150942-phpapp01
Businessbriefing2014 140513150942-phpapp01
 
Carnaval
CarnavalCarnaval
Carnaval
 
Flyer Zzp
Flyer ZzpFlyer Zzp
Flyer Zzp
 
Presentación fernando perez
Presentación fernando perezPresentación fernando perez
Presentación fernando perez
 
Idea de negocio
Idea de negocio Idea de negocio
Idea de negocio
 
john keating rec
john keating recjohn keating rec
john keating rec
 
Rock2
Rock2Rock2
Rock2
 
Focused curriculum
Focused curriculumFocused curriculum
Focused curriculum
 
Reproducing Personal Sound Zones Using a Hybrid Synthesis of Dynamic and Para...
Reproducing Personal Sound Zones Using a Hybrid Synthesis of Dynamic and Para...Reproducing Personal Sound Zones Using a Hybrid Synthesis of Dynamic and Para...
Reproducing Personal Sound Zones Using a Hybrid Synthesis of Dynamic and Para...
 
Los alimentos
Los alimentosLos alimentos
Los alimentos
 
Presentacion Hector A porras Cursos WEB 2.0
Presentacion Hector A porras Cursos WEB 2.0Presentacion Hector A porras Cursos WEB 2.0
Presentacion Hector A porras Cursos WEB 2.0
 
MikeExclnc
MikeExclncMikeExclnc
MikeExclnc
 
Exploración clínica del sistema cardiovascular.
Exploración clínica del sistema cardiovascular. Exploración clínica del sistema cardiovascular.
Exploración clínica del sistema cardiovascular.
 

Semelhante a Mercado front-end: esteja preparado para ele

Hangout Tempo Real Eventos - Javascript - Os Primeiros Passos
Hangout  Tempo Real Eventos - Javascript - Os Primeiros PassosHangout  Tempo Real Eventos - Javascript - Os Primeiros Passos
Hangout Tempo Real Eventos - Javascript - Os Primeiros PassosJackson F. de A. Mafra
 
Programador (front|back) end moderno, por Leonardo Hackin
Programador (front|back) end moderno, por Leonardo HackinProgramador (front|back) end moderno, por Leonardo Hackin
Programador (front|back) end moderno, por Leonardo HackiniMasters
 
Responsive Web Design - Introdução
Responsive Web Design - IntroduçãoResponsive Web Design - Introdução
Responsive Web Design - IntroduçãoVítor Teixeira
 
Palestra IFG - Desenvolvimento Front-end
Palestra IFG - Desenvolvimento Front-endPalestra IFG - Desenvolvimento Front-end
Palestra IFG - Desenvolvimento Front-endRodrigo Caneppele
 
Tecnologia Silverlight: Para o desenvolvimento de Interfaces
Tecnologia Silverlight: Para o desenvolvimento de InterfacesTecnologia Silverlight: Para o desenvolvimento de Interfaces
Tecnologia Silverlight: Para o desenvolvimento de InterfacesVictor Pugliese
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Cristofer Sousa
 
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaAbra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaGustavo Costa
 
The Javascript Toolkit
The Javascript ToolkitThe Javascript Toolkit
The Javascript ToolkitRenan Martins
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?Fabio Janiszevski
 
O mundo da web e os seus desafios
O mundo da web e os seus desafiosO mundo da web e os seus desafios
O mundo da web e os seus desafiosNicolas Ibanheiz
 
Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Minicurso Ajax - 5. Semana de Informática PUC Minas São GabrielMinicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Minicurso Ajax - 5. Semana de Informática PUC Minas São GabrielMarcelo Linhares
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignFelipe Fernandes
 
Como se tornar o pior programador PHP do mundo
Como se tornar o pior programador PHP do mundoComo se tornar o pior programador PHP do mundo
Como se tornar o pior programador PHP do mundoFlávio Lisboa
 

Semelhante a Mercado front-end: esteja preparado para ele (20)

Hangout Tempo Real Eventos - Javascript - Os Primeiros Passos
Hangout  Tempo Real Eventos - Javascript - Os Primeiros PassosHangout  Tempo Real Eventos - Javascript - Os Primeiros Passos
Hangout Tempo Real Eventos - Javascript - Os Primeiros Passos
 
Programador (front|back) end moderno, por Leonardo Hackin
Programador (front|back) end moderno, por Leonardo HackinProgramador (front|back) end moderno, por Leonardo Hackin
Programador (front|back) end moderno, por Leonardo Hackin
 
Responsive Web Design - Introdução
Responsive Web Design - IntroduçãoResponsive Web Design - Introdução
Responsive Web Design - Introdução
 
Palestra IFG - Desenvolvimento Front-end
Palestra IFG - Desenvolvimento Front-endPalestra IFG - Desenvolvimento Front-end
Palestra IFG - Desenvolvimento Front-end
 
Design Responsivo
Design ResponsivoDesign Responsivo
Design Responsivo
 
Tecnologia Silverlight: Para o desenvolvimento de Interfaces
Tecnologia Silverlight: Para o desenvolvimento de InterfacesTecnologia Silverlight: Para o desenvolvimento de Interfaces
Tecnologia Silverlight: Para o desenvolvimento de Interfaces
 
Google IO 2017 Extended - Cuiaba - Progressive Web Apps
Google IO 2017 Extended - Cuiaba - Progressive Web AppsGoogle IO 2017 Extended - Cuiaba - Progressive Web Apps
Google IO 2017 Extended - Cuiaba - Progressive Web Apps
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
 
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaAbra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
 
O Desenvolvedor Web
O Desenvolvedor WebO Desenvolvedor Web
O Desenvolvedor Web
 
The Javascript Toolkit
The Javascript ToolkitThe Javascript Toolkit
The Javascript Toolkit
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?
 
Designer vs programador
Designer vs programadorDesigner vs programador
Designer vs programador
 
O mundo da web e os seus desafios
O mundo da web e os seus desafiosO mundo da web e os seus desafios
O mundo da web e os seus desafios
 
Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Minicurso Ajax - 5. Semana de Informática PUC Minas São GabrielMinicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
 
Aula01-JavaScript
Aula01-JavaScriptAula01-JavaScript
Aula01-JavaScript
 
WordCamp SP 2016
WordCamp SP 2016WordCamp SP 2016
WordCamp SP 2016
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web Design
 
Como se tornar o pior programador PHP do mundo
Como se tornar o pior programador PHP do mundoComo se tornar o pior programador PHP do mundo
Como se tornar o pior programador PHP do mundo
 
Desenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHPDesenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHP
 

Mais de Ramon Bispo

SCTI 2014 - Dicas para tomadas de decisão seguras em front-end
SCTI 2014 - Dicas para tomadas de decisão seguras em front-endSCTI 2014 - Dicas para tomadas de decisão seguras em front-end
SCTI 2014 - Dicas para tomadas de decisão seguras em front-endRamon Bispo
 
Assets on Rails na Prática
Assets on Rails na PráticaAssets on Rails na Prática
Assets on Rails na PráticaRamon Bispo
 
Café22: Just Like Music
Café22: Just Like MusicCafé22: Just Like Music
Café22: Just Like MusicRamon Bispo
 
Rock'n Rails - Front-end com Rails
Rock'n Rails - Front-end com RailsRock'n Rails - Front-end com Rails
Rock'n Rails - Front-end com RailsRamon Bispo
 
Café22: Community-a-holic
Café22: Community-a-holicCafé22: Community-a-holic
Café22: Community-a-holicRamon Bispo
 
FLISOL RJ - Você tem medo de quê?
FLISOL RJ - Você tem medo de quê?FLISOL RJ - Você tem medo de quê?
FLISOL RJ - Você tem medo de quê?Ramon Bispo
 
Semana da Computação UFF - Você tem medo de quê?
Semana da Computação UFF - Você tem medo de quê?Semana da Computação UFF - Você tem medo de quê?
Semana da Computação UFF - Você tem medo de quê?Ramon Bispo
 
Community-a-holic
Community-a-holicCommunity-a-holic
Community-a-holicRamon Bispo
 
A Mágica dos Css Sprites
A Mágica dos Css SpritesA Mágica dos Css Sprites
A Mágica dos Css SpritesRamon Bispo
 

Mais de Ramon Bispo (9)

SCTI 2014 - Dicas para tomadas de decisão seguras em front-end
SCTI 2014 - Dicas para tomadas de decisão seguras em front-endSCTI 2014 - Dicas para tomadas de decisão seguras em front-end
SCTI 2014 - Dicas para tomadas de decisão seguras em front-end
 
Assets on Rails na Prática
Assets on Rails na PráticaAssets on Rails na Prática
Assets on Rails na Prática
 
Café22: Just Like Music
Café22: Just Like MusicCafé22: Just Like Music
Café22: Just Like Music
 
Rock'n Rails - Front-end com Rails
Rock'n Rails - Front-end com RailsRock'n Rails - Front-end com Rails
Rock'n Rails - Front-end com Rails
 
Café22: Community-a-holic
Café22: Community-a-holicCafé22: Community-a-holic
Café22: Community-a-holic
 
FLISOL RJ - Você tem medo de quê?
FLISOL RJ - Você tem medo de quê?FLISOL RJ - Você tem medo de quê?
FLISOL RJ - Você tem medo de quê?
 
Semana da Computação UFF - Você tem medo de quê?
Semana da Computação UFF - Você tem medo de quê?Semana da Computação UFF - Você tem medo de quê?
Semana da Computação UFF - Você tem medo de quê?
 
Community-a-holic
Community-a-holicCommunity-a-holic
Community-a-holic
 
A Mágica dos Css Sprites
A Mágica dos Css SpritesA Mágica dos Css Sprites
A Mágica dos Css Sprites
 

Mercado front-end: esteja preparado para ele

  • 1. MERCADO FRONT-END: ESTEJA PREPARADO PARA ELE RAMON BISPO http://ramonpage.com @ramonpage
  • 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
  • 13. AH! MOLEZA! NÃO! @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
  • 21. E O MERCADO? @RAMONPAGE
  • 22. POR FALAR EM MERCADO... POR QUE NÃO LEVAR AS BOAS NOVAS? @RAMONPAGE
  • 23. OBRIGADO! RAMON BISPO http://ramonpage.com @ramonpage