Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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.

Carla Vieira

August 23, 2019
Tweet

More Decks by Carla Vieira

Other Decks in Technology

Transcript

  1. 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
  2. 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
  3. 1 2 5 HISTÓRIA INTELIGÊNCIA ARTIFICIAL 4 FUTURO DAS INTERFACES

    HUMANO- COMPUTADOR 3 MACHINE LEARNING NO FRONT-END CONCLUSÃO
  4. 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 ?
  5. 1.0 Information Evolução da web World Wide Web 1995 One-way

    communication Usuários passivos Conteúdos estáticos
  6. 2.0 People Evolução da web Redes sociais 2004 Popularização de

    blogs e redes sociais Marketing e Publicidade Usuário Ativo
  7. 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
  8. 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
  9. 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
  10. “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
  11. GUI e CLI 1970s Graphical User Interface – utilização de

    menus e objetos CLI – Command-Line Interface
  12. VR – Virtual Reality 2010s “O conhecimento intuitivo do usuário

    a respeito do mundo físico pode ser transferido para manipular o mundo virtual.”
  13. VUI – Voice User Interface 2010s Web Services e Internet

    das Coisas Acessibilidade Hardware compatível Inteligência Artificial
  14. 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.
  15. Se a voz é o futuro das interfaces de computação,

    e aqueles que não podem ouvir ou falar?
  16. 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;
  17. Limites • Pode levar muito tempo para treinar modelo •

    Lembre-se da importância da experiência mobile • Modelos caixa preta • Ética
  18. Novas necessidades #2 As necessidades irão mudar, IA terá um

    papel fundamental na nossa sociedade Novos produtos baseados em IA
  19. 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
  20. 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