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

PDF
Introdução ao desenvolvimento Web
PDF
Front-End do Século XXI.I
PPTX
A Evolução do Front end
PPTX
Introdução ao desenvolvimento da web.pptx
PPTX
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
PPTX
Introdução sobre desenvolvimento web
PPT
Web 2.0: conceito, tendências e desafios
PDF
Introducao desenvolvimento-web
Introdução ao desenvolvimento Web
Front-End do Século XXI.I
A Evolução do Front end
Introdução ao desenvolvimento da web.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Introdução sobre desenvolvimento web
Web 2.0: conceito, tendências e desafios
Introducao desenvolvimento-web

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

PDF
Web (design+developer)
PDF
Desenvolvimento de Sistemas Web - Conceitos Básicos
PDF
Latinoware 2012 - Desenvolvendo Interfaces com Holy
PDF
Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...
PDF
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
PDF
Web 3.0
PPTX
Popularização dos dispositivos móveis: o que muda para os webdesigners
PDF
Aula 07 - Web
PPT
Desenvolvimento para a Internet - Aula 01
PPT
Web 1.0 x 2.0
DOCX
World Wide Web 1
PDF
5MIN INTERESSANTES | Web Design by Cláudia Encarnação.pdf
PDF
PPTX
Web Design e Front End - Definição e conceitos
PPTX
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
ODP
Introducao-ao-ambiente-web
ODP
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
ODP
Html5,css3,javascript: O lugar onde sonhos se tornam realidade.
PDF
Criação de Sites - Manual do Aluno (web developing - student's manual )
PDF
Introdução a Programação Web
Web (design+developer)
Desenvolvimento de Sistemas Web - Conceitos Básicos
Latinoware 2012 - Desenvolvendo Interfaces com Holy
Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
Web 3.0
Popularização dos dispositivos móveis: o que muda para os webdesigners
Aula 07 - Web
Desenvolvimento para a Internet - Aula 01
Web 1.0 x 2.0
World Wide Web 1
5MIN INTERESSANTES | Web Design by Cláudia Encarnação.pdf
Web Design e Front End - Definição e conceitos
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Introducao-ao-ambiente-web
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Html5,css3,javascript: O lugar onde sonhos se tornam realidade.
Criação de Sites - Manual do Aluno (web developing - student's manual )
Introdução a Programação Web
Anúncio

Último (11)

PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Design - Introdução a Gestalt e teoria das formas
PPTX
Tipos de servidor em redes de computador.pptx
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Eng. Software - pontos essenciais para o início
PPTX
Arquitetura de computadores - Memórias Secundárias
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Utilizando code blockes por andre backes
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Manejo integrado de pragas na cultura do algodão
Design - Introdução a Gestalt e teoria das formas
Tipos de servidor em redes de computador.pptx
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Eng. Software - pontos essenciais para o início
Arquitetura de computadores - Memórias Secundárias
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Utilizando code blockes por andre backes
Viasol Energia Solar -Soluções para geração e economia de energia
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Anúncio

A revolução do client side