Pro Yearly is on sale from $80 to $50! »

O front-end como você conhece vai morrer

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.

B6e0ee98a08a3863043dc3edc5789029?s=128

Carla Vieira

August 23, 2019
Tweet

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?

  5. None
  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

  9. None
  10. 1946 ENIAC

  11. s 1981 IBM - PC

  12. Tim Bernes-Lee

  13. None
  14. None
  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

  22. None
  23. None
  24. None
  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

  37. None
  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?

  58. None
  59. None
  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