Skip to content

Instantly share code, notes, and snippets.

@diegoeis
Last active August 29, 2015 14:20
Show Gist options
  • Save diegoeis/122bfd4de7d40b98ef7f to your computer and use it in GitHub Desktop.
Save diegoeis/122bfd4de7d40b98ef7f to your computer and use it in GitHub Desktop.
Anotações: O que a web será?

Jean Carlo Emer

Tudo o que a web (podia ser) ainda será

17 Encontro Locaweb

  • Interface de usuário: Espaço em que as interações entre humanos e máquinas acontecem
  • As linhas de comando foram as primeiras maneiras que fazem a interação homem máquina.
  • Depois passamos para as aplicações nativas. E por fim, para a Web. Uma aplicação de internet, construída em uma aplicação nativa, no caso o Browser.
  • Como viabilizando uma interface para o usuário?
  • A sua mãe não vai conseguir lidar com linhas de comando. Não é uma interface atraente.
  • Programadores que não sabe Cobol, são arrastadores de objetos.
  • Como fazemos interface na web hoje? HTML, CSS, SVG…
  • Se olharmos com HTML/CSS/SVG, esses caras servem para marcar conteúdo, aparência e algum comportamento.
  • A visão do HTML do Dreamweaver não existe mais. Hoje o HTML evoluiu muito nos últimos anos.
  • SVG foi um cara que começou a aparecer nessa evolução. Cada vez mais se fala em SVG para representar algo no Projeto.
  • O CSS foi um cara que evoluiu muito mais. Agora podemos fazer animações, transições e pequenos comportamentos.
  • Temos também Microformats, WAI-ARIA, Responsive Design, sistemas de escrita de CSS, que são metodologias e tecnologias que orbitam entre as tecnologias que usamos todos os dias.
  • Javascript não vai ser para conteúdo, nem pra função nem aparência. Ele vai servir para fazer comportamento.
  • Apesar de ser uma linguagem muito fácil, ela é poderosa para criar aplicações.
  • O javaScript evoluiu nesses 20 anos de existência.
  • Object properties, Array manipulations, Arrow functions, Block scoping, Classes, default parameter values, Interators, generators, modules, rest parameters, spread operator, template strings
  • JavaScript evoluiu e é atualmente uma boa opção para apostar.
  • JavaScript não serve só para validar formulários. Frameworks e bibliotecas foram criadas a partir dele.
  • jQuery, backbone, angularjs, Qunit, Ember, D3.js, React, JSBlocks, só para citar alugns exemplos
  • A maneira com que a comunidade evoluiu, torna o JS uma linguagem ótima para se trabalhar.
  • Junto com isso, uma série de coisas orbitam: jQueryUI, Twitter Bootstrap, Zurb Foundation, AngularJS Directives
  • HTML, CSS e JS evoluíram e com a ajuda da comunidade, eles evoluiram muito mais.
  • Mas ainda tem aquelas dúvidas, tipo: Web ou Nativo?
  • Acesso a recursos de entrada e saída a maquina.
  • HTML 5 e JavaScript API podem resolver o gap entre nativo e web.
  • O que podemos fazer em aplicações nativas?
    • Captura e geração de audio
    • Comandos de voz
    • Controle por toque
    • captura de imagem
  • O que podemos fazer com web?
    • Também podemos capturar e gerar audio . Web Audio APPI e getUserMedia()
    • Conseguimos também usar o WebSpeech API para fazer sintese de audio em aplicações web. http://dictation.io/
    • Controle de toque e capturar imagem. com o getUserMedia você captura e controla imagens com vídeo. Vide o trackingJS
  • E notificação? No mobile isso é tudo. Com web conseguimos?
  • Condição da conexão, condição da bateria são coisas que precisam de disponibilidade com HTML.
  • Notification API permite disparar uma notificação para navegador.
  • API de Online / Offline Status e Events consegue saber se o dispositivo está online ou offline.
  • Battery Status API, também permite chegar e monitorar a bateria do dispositivo.
  • Sensores de movimento, acesso a fullscreen, capturar a luminosidade
  • mobilehtml5.org e html5please.com
  • O que a web será daqui uns anos?
  • Shadow DOM e Custom Elements são coisas legais que vieram com Web Components
  • O Shadow DOM Permite isolar o código html mantendo livre de interferencias da página.
  • Custom Elements permite definir e assistir ao ciclo de vida de elementos.
  • Quando usamos Custom Elements, queremos saber quando um elemento é criado, quando ele é adicionado e quando é alterado.
  • http://speakerdeck.com/jcemer/componentes-para-a-web
  • Data Binding também está amadurecendo e aparecendo cada vez mais.
  • Service Workers é uma das coisas mais interessantes que podem aparecer na web nos próximos anos.
  • Service Workers são serviços que o navegador vai manter para você funcionando.
  • The web may not be the only way to deliver software, but it’s one that works now and will continue to work for a long time.
@morganapzk
Copy link

Adorei as anotações!! 😄

@giovannipds
Copy link

Boas mesmo, bem melhor que as minhas (eu acabei me concentrando a partir da metade da palestra e esqueci de continuar anotando kkk) 😞...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment