SlideShare uma empresa Scribd logo
A revolução do client side
Cristiano Gonçalves
Cristiano Gonçalves
Desenvolvedor Front-End
Twitter: @Gonkristiano
Blog: www.crisgon.dev
Comunidade: www.lovebits.dev
O que você vai
encontrar nessa
apresentação?
A revolução do client side
Uma grande viagem no tempo...
Histórico da Internet
1969
Surge a DARPA (Defense Advanced
Research Projects Agency) tendo
como um dos objetivos a
proteção dos dados de bases
militares.
1970
Surge a ARPANET, inicialmente ela
tinha o objetivo de ligar as
universidades da Califórnia, Stanford
e o centro de matemática de Los
Angeles.
A ARPANET usava do protocolo NCP
1973
TCP/IP
TCP(Transmission Control Protocol -
Protocolo de Controle de
Transmissão) e o IP (Internet Protocol
- Protocolo de Internet, ou ainda,
protocolo de interconexão)
1977
O governo e os militares dos EUA não
quiseram mais tomar conta da
ARPANET, dando origem a Internet.
1990
Tim Berners Lee fazia parte de um
projeto sobre hipertexto e quando
conheceu o TCP/IP viu a
possibilidade de transmitir hipertexto
pela rede.
Logo ele criou o protocolo HTTP, o
HTML e o conceito de WWW.
Client Side x Server Side
Client Side
Os primeiros sites...
Pouco uso do client e pouco uso do server
1995
Pouco uso do client e pouco uso do server
- Não existia CSS.
- Javascript ainda estava surgindo.
- Toda estilização ficava a critério do browser.
- Foram surgindo novas formas de interação.
- A repetição de código passou a ser um problema.
- As coisas foram deixando de ser estáticas.
Mais poderes para o servidor
Mais poderes para o servidor
Webmaster
Guerra dos navegadores
Sites em tabela
Popularização do flash
Popularização do flash
Popularização do flash
Popularização do flash
Recortadores de PSD, webdesign...
Animações no flash design no photoshop...
Recortadores de PSD, webdesign...
Ferramentas do webdesign
Ferramentas do webdesign
Guerra dos navegadores
- Não existia padrões.
- A evolução dos navegadores não era uniforme.
- Cada navegador “entendia” HTML, CSS e Javascript da forma que queria.
Guerra dos navegadores
- Não existia padrões.
- A evolução dos navegadores não era uniforme.
- Cada navegador “entendia” HTML, CSS e Javascript da forma que queria.
Chrome
Guerra dos navegadores
- Não existia padrões.
- A evolução dos navegadores não era uniforme.
- Cada navegador “entendia” HTML, CSS e Javascript da forma que queria.
Chrome Firefox
Guerra dos navegadores
- Não existia padrões.
- A evolução dos navegadores não era uniforme.
- Cada navegador “entendia” HTML, CSS e Javascript da forma que queria.
Chrome Firefox IE
Surgimento do JQuery
Surgimento do JQuery
FF - “Fim” do Flash
FF - “Fim” do Flash
Popularização dos smartphones
Necessidade da responsividade
Twitter cria o bootstrap
- Inspirado na tendência minimalista da apple.
Novas formas de trabalhar com CSS
Surge a necessidade de minificar códigos
Melhorando o javascript
Novas necessidades...
- Necessidade de gerenciar bibliotecas
- Necessidade de compilar código CSS
- Necessidade de reduzir imagens
Nesse momento a
profissão de
webdesign já estava
bem robusta.
Usuários mais exigentes
Antes
Experiência de smartphone no browser
Hoje
A revolução do client side
As aplicações
possuem diferentes
estados em uma
única página.
A revolução do client side
Surge a necessidade
de “reciclar” parte das
aplicações.
G-mail, front-end mais poderoso
Angular
Ember, Angula, React, Vue...
Evolução do JS
Front End Developer
E o wix???
A revolução do client side
E a openAI GPT-3???
A revolução do client side
O front-end vai
acabar???
Não sei!
A web é muito grande...
- Poucas aplicações são iniciados com Jquery, mas muitas ainda estão
funcionando.
- Muitas aplicações estão sendo construídas nesse exato momento e vão
precisar de manutenção.
- Muitos sistemas vão se tornar legado e vão precisar serem portados para
algo novo.
Muito além da web!
Programação não é
apenas sobre
código???
O papel do frontend
- Usabilidade
- Regras de negócio
- Criatividade
Estude a base!!
A revolução do client side
A revolução do client side
Obrigado!
Links interessantes
O inicio, o fim e o meio do Desenvolvimento Front-End
(R)Evolução do Front-end nos Últimos 10 Anos - Softerize Magazine
A história da profissão frontend - William Oliveira
A História do Front-End para Iniciantes em Programação | Série "Começando aos 40"
O Front End vai acabar? Uma breve história da profissão até os dias de hoje *clickbait_sincero
Veja como eram os sites dessas 24 empresas nos anos 90

Mais conteúdo relacionado

Semelhante a A revolução do client side

Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
Valmir Justo
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
MarceloRosenbrock1
 
Abordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento webAbordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento web
Wemerson Januario
 
Popularização dos dispositivos móveis: o que muda para os webdesigners
Popularização dos dispositivos móveis: o que muda para os webdesignersPopularização dos dispositivos móveis: o que muda para os webdesigners
Popularização dos dispositivos móveis: o que muda para os webdesigners
favesi
 
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
Loiane Groner
 
intercon2006
intercon2006intercon2006
intercon2006
Gilberto Leal
 
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
Marcelo Linhares
 
O front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: ReactO front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: React
Fernando Henriques
 
Introdução ao Desenvolvimento com Padrões Web: XHTML Essencial
Introdução ao Desenvolvimento com Padrões Web: XHTML EssencialIntrodução ao Desenvolvimento com Padrões Web: XHTML Essencial
Introdução ao Desenvolvimento com Padrões Web: XHTML Essencial
Marcelo Andrade
 
Phonegap
PhonegapPhonegap
Phonegap
Lucas Brigida
 
Javascript State of the Union 2015
Javascript State of the Union 2015Javascript State of the Union 2015
Javascript State of the Union 2015
Huge
 
Desenvolvimento Web com Software Livre
Desenvolvimento Web com Software LivreDesenvolvimento Web com Software Livre
Desenvolvimento Web com Software Livre
Givanaldo Rocha
 
Uma perspectiva histórica e o cenário atual das ferramentas de desenvolviment...
Uma perspectiva histórica e o cenário atual das ferramentas de desenvolviment...Uma perspectiva histórica e o cenário atual das ferramentas de desenvolviment...
Uma perspectiva histórica e o cenário atual das ferramentas de desenvolviment...
Mario Guedes
 
Mini Curso Mashup Coreu
Mini Curso Mashup CoreuMini Curso Mashup Coreu
Mini Curso Mashup Coreu
Marcelo Linhares
 
Minicurso IOT com javascript - SBTI
Minicurso IOT com javascript - SBTIMinicurso IOT com javascript - SBTI
Minicurso IOT com javascript - SBTI
marcochella
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Loiane Groner
 
O front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: ReactO front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: React
Fernando Henriques
 
Leonardo g
Leonardo gLeonardo g
Leonardo g
Rê Martins
 
Professor rogerio-apostila
Professor rogerio-apostilaProfessor rogerio-apostila
Professor rogerio-apostila
Horacio Diamante Mondlane
 
Front-End do Século XXI.I
Front-End do Século XXI.IFront-End do Século XXI.I
Front-End do Século XXI.I
Luiz Oliveira
 

Semelhante a A revolução do client side (20)

Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
 
Abordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento webAbordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento web
 
Popularização dos dispositivos móveis: o que muda para os webdesigners
Popularização dos dispositivos móveis: o que muda para os webdesignersPopularização dos dispositivos móveis: o que muda para os webdesigners
Popularização dos dispositivos móveis: o que muda para os webdesigners
 
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
 
intercon2006
intercon2006intercon2006
intercon2006
 
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
 
O front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: ReactO front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: React
 
Introdução ao Desenvolvimento com Padrões Web: XHTML Essencial
Introdução ao Desenvolvimento com Padrões Web: XHTML EssencialIntrodução ao Desenvolvimento com Padrões Web: XHTML Essencial
Introdução ao Desenvolvimento com Padrões Web: XHTML Essencial
 
Phonegap
PhonegapPhonegap
Phonegap
 
Javascript State of the Union 2015
Javascript State of the Union 2015Javascript State of the Union 2015
Javascript State of the Union 2015
 
Desenvolvimento Web com Software Livre
Desenvolvimento Web com Software LivreDesenvolvimento Web com Software Livre
Desenvolvimento Web com Software Livre
 
Uma perspectiva histórica e o cenário atual das ferramentas de desenvolviment...
Uma perspectiva histórica e o cenário atual das ferramentas de desenvolviment...Uma perspectiva histórica e o cenário atual das ferramentas de desenvolviment...
Uma perspectiva histórica e o cenário atual das ferramentas de desenvolviment...
 
Mini Curso Mashup Coreu
Mini Curso Mashup CoreuMini Curso Mashup Coreu
Mini Curso Mashup Coreu
 
Minicurso IOT com javascript - SBTI
Minicurso IOT com javascript - SBTIMinicurso IOT com javascript - SBTI
Minicurso IOT com javascript - SBTI
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
 
O front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: ReactO front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: React
 
Leonardo g
Leonardo gLeonardo g
Leonardo g
 
Professor rogerio-apostila
Professor rogerio-apostilaProfessor rogerio-apostila
Professor rogerio-apostila
 
Front-End do Século XXI.I
Front-End do Século XXI.IFront-End do Século XXI.I
Front-End do Século XXI.I
 

A revolução do client side