O documento descreve a evolução do desenvolvimento front-end ao longo do tempo, desde os primórdios da internet até os dias atuais. Ele discute como as tecnologias como HTML, CSS e JavaScript foram se desenvolvendo, assim como surgimento de frameworks populares como jQuery, Bootstrap e bibliotecas para componentes. Também aborda como as necessidades dos usuários foram mudando com o advento de dispositivos móveis e a necessidade de sites responsivos.

1. A revolução do client side
Cristiano Gonçalves

2. Cristiano Gonçalves
Desenvolvedor Front-End
Twitter: @Gonkristiano
Blog: www.crisgon.dev
Comunidade: www.lovebits.dev

3. O que você vai
encontrar nessa
apresentação?

5. Uma grande viagem no tempo...

6. Histórico da Internet

7. 1969
Surge a DARPA (Defense Advanced
Research Projects Agency) tendo
como um dos objetivos a
proteção dos dados de bases
militares.

8. 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

9. 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)

10. 1977
O governo e os militares dos EUA não
quiseram mais tomar conta da
ARPANET, dando origem a Internet.

11. 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.

12. Client Side x Server Side

13. Client Side

14. Os primeiros sites...

15. Pouco uso do client e pouco uso do server
1995

16. 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.

17. - 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

18. Mais poderes para o servidor

19. Webmaster

20. Guerra dos navegadores

21. Sites em tabela

22. Popularização do flash

23. Popularização do flash

24. Popularização do flash

25. Popularização do flash

26. Recortadores de PSD, webdesign...

27. Animações no flash design no photoshop...

28. Recortadores de PSD, webdesign...

29. Ferramentas do webdesign

30. Ferramentas do webdesign

31. 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.

32. 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

33. 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

34. 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

35. Surgimento do JQuery

36. Surgimento do JQuery

37. FF - “Fim” do Flash

38. FF - “Fim” do Flash

39. Popularização dos smartphones

40. Necessidade da responsividade

41. Twitter cria o bootstrap
- Inspirado na tendência minimalista da apple.

42. Novas formas de trabalhar com CSS

43. Surge a necessidade de minificar códigos

44. Melhorando o javascript

45. Novas necessidades...
- Necessidade de gerenciar bibliotecas
- Necessidade de compilar código CSS
- Necessidade de reduzir imagens

46. Nesse momento a
profissão de
webdesign já estava
bem robusta.

47. Usuários mais exigentes

48. Antes

49. Experiência de smartphone no browser

50. Hoje

52. As aplicações
possuem diferentes
estados em uma
única página.

54. Surge a necessidade
de “reciclar” parte das
aplicações.

55. G-mail, front-end mais poderoso

56. Angular

57. Ember, Angula, React, Vue...

58. Evolução do JS

59. Front End Developer

60. E o wix???

62. E a openAI GPT-3???

64. O front-end vai
acabar???

65. Não sei!

66. 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.

67. Muito além da web!

68. Programação não é
apenas sobre
código???

69. O papel do frontend
- Usabilidade
- Regras de negócio
- Criatividade

70. Estude a base!!

73. Obrigado!

74. 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