1) O documento apresenta um workshop sobre tendências tecnológicas para 2019, incluindo realidade virtual na web, inteligência artificial para geração de código e o impacto destas tecnologias na carreira de desenvolvedores front-end.

1. WORKSHOP DE TENDÊNCIAS TECNOLÓGICAS 2019
Tiago Bezerra dos Santos

2. ▪ Graduado em Processamento de Dados
pela Fatec Taquaritinga, pós-graduado em
Projetos de Aplicações para Dispositivos
Móveis pelo IGTI, já atuou como
Desenvolvedor Web e Administrador de
Redes Linux.
▪ Desde 2010 é docente de Tecnologia da
Informação no Senac Penha, e consultor
da Gerência de Desenvolvimento do
Senac São Paulo, participando da criação e
atualização de cursos da área de Internet.

3. Tim Berners-Lee, o cara

4. Melhor site de todos os tempos
tiago.bz/primeirao

5. As versões do HTML

6. Outros tempos, outros padrões
tiago.bz/wayback

7. Tabelas!

8. Editores WYSIWYG

9. Web Standards

10. Camadas de
desenvolvimento web
Estrutura
HTML
Apresentação
CSS
Comportamentos
JavaScript

11. Um novo paradigma de desenvolvimento

12. DIVs para todos os lados

13. Outros tempos, outros padrões

14. É guerra!

15. Em 2014, tudo muda
(de novo)

16. A web semântica

17. Evolução das linguagens web

18. Acabou a guerra! (mais ou menos)

19. Um outro paradigma de desenvolvimento

20. Tipos de layout
Para visualizar as animações, acesse: tiago.bz/rwd-gifs

21. Unidades de medidas
Para visualizar as animações, acesse: tiago.bz/rwd-gifs

22. Media Queries
Para visualizar as animações, acesse: tiago.bz/rwd-gifs

23. Novas abordagens para desenvolvimento de interfaces web
Para visualizar as animações, acesse: tiago.bz/rwd-gifs

24. E dá-lhe rascunho…

25. Wireframes…

26. Design…

27. E codificação! Ufa!

34. Para o infinito e além!

35. tiago.bz/capmarvel

39. Um novo paradigma?

40. tiago.bz/aframe
Para visualizar o vídeo de demonstração,
acesse: tiago.bz/mackenzie

43. tiago.bz/pix2code
Para visualizar o vídeo de demonstração,
acesse: tiago.bz/mackenzie

44. tiago.bz/sketch2code

45. Apenas desenhe…

46. E pronto!

48. Esse desenho é mais
complicado

51. tiago.bz
bsantostiago@gmail.com
/bsantostiago
/tiagobsantos
tiago.bz/mackenzie

52. RealidadeVirtual na Web
▪ A-Frame – Make WebVR
▪ Ceweb.br
▪ Primeiros passos com a WebVR
▪ WebVR Experiments with Google
▪ WebVR Rocks

53. Inteligência Artificial na Web
▪ Design em código com Machine Learning no AirBnb
▪ Airbnb - Sketching Interfaces - Generating code from low fidelity
wireframes
▪ Treinando Inteligência Artificial para fazer código front-end
▪ How you can train AI to convert design mockups into HTML and CSS

54. Inteligência Artificial na Web
▪ Sketch2Code
▪ Microsoft AI.lab
▪ Uizard / pixel2code
▪ Pixel2code Demo

55. Carreira
▪ O fim da profissão front-end
▪ Machine learning vs front end developers: Future of UI design