O front-end como você conhece vai morrer

Se pensarmos que a inteligência artificial já consegue substituir alguns empregos, como fica o futuro do front-end diante deste cenário? A profissão de desenvolvedor front-end está suscetível a mudanças, assim como qualquer outra. Toda tarefa mecânica, repetitiva e manual tende a ser automatizada, então, logo não vamos precisar de alguém executando o trabalho de front-end de ponta a ponta. Nesta palestra, iremos discutir sobre as possibilidades de avanços de Machine Learning na criação de interfaces e na personalização da experiência do usuário.

Transcript

1. Carla Vieira | @carlaprvieira O Front-End como você conhece vai morrer Insights e estudos até agora
2. Developer, Speaker and Artificial Intelligence Evangelist @carlaprvieira Carla Vieira FORMAÇÃO ENSINO TRABALHO Graduanda de Sistemas de Informação pela USP Aluna Especial pela USP Mestrado (em breve) rs Professora de Desenvolvimento Web na Habits Professora de introdução a IA e ML Desenvolvedora Coordenadora Perifacode
3. https://www.mckinsey.com/featured-insights/future-of-work/jobs-lost-jobs-gained-what-the-future-of-work-will-mean-for-jobs-skills-and-wages/pt-br#part%201
4. O fim do front-end?
6. O fim do front-end? Embora muitas profissões possam ser substituídas por máquinas, alguns empregos ainda estão seguros devido à habilidades essencialmente humanas como a Criatividade
7. 1 2 5 HISTÓRIA INTELIGÊNCIA ARTIFICIAL 4 FUTURO DAS INTERFACES HUMANO- COMPUTADOR 3 MACHINE LEARNING NO FRONT-END CONCLUSÃO
8. Vamos falar de história... 1
10. 1946 ENIAC
11. s 1981 IBM - PC
12. Tim Bernes-Lee
15. https://www.researchgate.net/publication/224259495_The_Future_of_Web_Apps
16. 1.0 2.0 3.0 4.0 Information People Machine Agent Evolução da web World Wide Web Redes sociais Big Data Homem x Máquina 1995 2004 2015 ?
17. 1.0 Information Evolução da web World Wide Web 1995 One-way communication Usuários passivos Conteúdos estáticos
18. 2.0 People Evolução da web Redes sociais 2004 Popularização de blogs e redes sociais Marketing e Publicidade Usuário Ativo
19. Evolução da web Semântica Personalização de produtos e serviços Algoritmos... 3.0 Machine Big Data 2010
20. Evolução da web Web simbiótica Limite homem x máquina 4.0 Agent Homem x Máquina ?
21. Evolução do front-end
25. O que é Inteligência Artificial? 2
26. Conceituação INTELIGÊNCIA ARTIFICIAL MACHINE LEARNING DEEP LEARNING Programas com habilidade de agir como humanos Algoritmos com habilidade de aprender sem programação expressa Redes neurais artificiais que aprendem através de um grande volume de dados 1950 1980 2010
27. Programação Tradicional x Machine Learning Exemplo: Reconhecimento de Spam
28. Programação Tradicional x Machine Learning Exemplo: Reconhecimento de Spam if(email.includes('viagra')){ filterAsSpam(email); } else if(email.includes('v!agra')){ filterAsSpam(email); } else if(...){ .... } import * as spamModel from "model.json" const model = load(spamModel); const newEmail = getEmail(); const prediction = model.predict(newEmail); prediction === 0 ? spam : not spam
29. Anatomia de uma rede neural Camadas: utilizadas para construção de redes neurais Imagem de entrada Camada de entrada Camada escondida Camada de saída Saída
30. Machine Learning no Desenvolvimento Front-End 3
31. Web Development workflow
32. Entradas Saídas
33. Deep Learning
34. Microsoft AI Sketch2Work https://azure.microsoft.com/pt-br/blog/turn-your-whiteboard-sketches-to- working-code-in-seconds-with-sketch2code/
35. https://airbnb.design/sketching-interfaces/ Airbnb
36. Uizard
38. https://arxiv.org/abs/1705.07962
39. Web Development workflow
40. “Nossa visão é capacitar as pessoas com Inteligência Artificial porque acreditamos em um futuro onde as máquinas auxiliam os seres humanos, não os substituem.” Tony - Uizard
41. TabNine Autocompletion with deep learning (TabNine)
42. Deep Learning ~2M Github Files Autocompletion with deep learning (TabNine)
43. Futuro das interfaces humano-computador 4
44. System Hardware Controls 1970s Comandos e interfaces no mainframe
45. GUI e CLI 1970s Graphical User Interface – utilização de menus e objetos CLI – Command-Line Interface
46. Mobile e Touch Screen 2000s Dispositivos mobile Substituição do mouse
47. VR – Virtual Reality 2010s “O conhecimento intuitivo do usuário a respeito do mundo físico pode ser transferido para manipular o mundo virtual.”
48. VUI – Voice User Interface 2010s Web Services e Internet das Coisas Acessibilidade Hardware compatível Inteligência Artificial
49. VUI – Voice User Interface 2010s A fala é um meio fundamental de comunicação em todas as culturas, sendo também o meio primário para construir relações.
50. https://medium.com/hackernoon/a-glimpse-into-the-future-of-front-end-engineering-21bbebfc7008 Alibaba
51. We need systems that interact like humans but think like machines
52. Se a voz é o futuro das interfaces de computação, e aqueles que não podem ouvir ou falar?
53. Acessibilidade Making Amazon Alexa respond to sign language using AI - Abhishek Singh import {KNNImageClassifier} from 'deeplearn-knn-image-classifier’; import * as dl from 'deeplearn'; const IMAGE_SIZE = 227; const TOPK = 10;
54. Acessibilidade Making Amazon Alexa respond to sign language using AI - Abhishek Singh
55. Ferramentas
56. Limites • Pode levar muito tempo para treinar modelo • Lembre-se da importância da experiência mobile • Modelos caixa preta • Ética
57. Qual o futuro que estamos escrevendo?
60. Human Bias Technology Bias
61. Conclusão 5
62. O front-end vai morrer?
63. O front-end vai morrer? Não!
64. O front-end do futuro será mais integrado e diversificado #0
65. Developers e Designers #1 Relacionamentos colaborativos mais profundos Para tirar vantagem do uso de Machine Learning
66. Novas necessidades #2 As necessidades irão mudar, IA terá um papel fundamental na nossa sociedade Novos produtos baseados em IA
67. Obtenha o máximo de conhecimento de aprendizado de máquina que puder #3
68. Continue sendo criativo e pense em novas maneira de aplicar o aprendizado de máquina #4
69. Carla Vieira @carlaprvieira carlaprv@hotmail.com Obrigada! BIT.LY/BRAZILJS-CARLA
70. Links úteis 5
71. Magenta.js NeuroJS ConvNetJS WebDNN Ml.js AIJS Keras.js Tensorflow.js examples Brain.js Synaptic.js Natural Neataptic Google Colab Teachable machine boilerplate PoseNet machine_learning Tensorflow playground Jupyter Notebooks ML5.js Amazon ML Microsoft ML APIs Google Cloud AI ONNX.js Ferramentas de ML
72. Udacity - Intro to Machine Learning Google - Machine learning crash course CreativeAI AI experiments A internet e o poder da comunicação na sociedade em rede: influências nas formas de interação social History of Web (WebFoundation.org) O inicio, o fim e o meio do Desenvolvimento Front-End - Felipe Fialho Referências A Brief History of Front-end Frameworks Airbnb - Sketching interfacs Mercado Front-End: da origem até o futuro A brief history of the internet over the past 20 years and the role of the World Wide Web