Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Componentes nativos: uma chance de mudar o futu...

Avatar for Larissa Abreu Larissa Abreu
September 22, 2018
Programming
140
0

Componentes nativos: uma chance de mudar o futuro! - ABCDev 2018

Avatar for Larissa Abreu

Larissa Abreu

September 22, 2018

More Decks by Larissa Abreu

See All by Larissa Abreu
Defesa contra as artes das trevas - Github (2020)
Avatar for Larissa Abreu larissaabreu
0
330
Sempre teste mas debug se precisar
Avatar for Larissa Abreu larissaabreu
2
260
Guia prático para criação de componentes perfeitos
Avatar for Larissa Abreu larissaabreu
1
230
Custom Elements Everywhere
Avatar for Larissa Abreu larissaabreu
0
290
JavaScript e o teste filosofal
Avatar for Larissa Abreu larissaabreu
0
130
Web Components: fazendo do futuro uma realidade através do JS - Brasília
Avatar for Larissa Abreu larissaabreu
0
160
Web Components: fazendo do futuro uma realidade através do JS
Avatar for Larissa Abreu larissaabreu
0
110
Dando poder ao seu CSS através de Custom Properties
Avatar for Larissa Abreu larissaabreu
0
140
Componentes nativos: uma chance de mudar o futuro!
Avatar for Larissa Abreu larissaabreu
0
230

Other Decks in Programming

See All in Programming
モバイル交通系ICへのチャージ実例から考える、クロスプラットフォーム開発におけるiOS実機テスト設計とCI運用
Avatar for Yu Sugawara yusuga
1
580
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
450
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
340
速く作れる。その次は、速く確かめられる開発へ 〜AIネイティブ開発を支える、Shift Down〜 / Can build fast. Next, moving to development where we can verify fast.
Avatar for r-kagaya rkaga
8
5.5k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
470
re:Inventに行く前に知っておきたい現地参加のノウハウ
Avatar for nokomoro3 nokomoro3
0
370
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
140
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
450
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
190
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
910
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k

Featured

See All Featured
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
3
1.4k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
840
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
570
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
490
Scaling GitHub
Avatar for Zach Holman holman
464
140k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
440
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
2
930
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.9k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
409
67k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k

Transcript

  1. uma chance de mudar o futuro! Componentes nativos

  2. @TheSweet_Lari Gamer, future Suicide Girl and Front-end Dev Larissa Abreu

    @LarissaAbreu larissaabreu.github.io

  3. Por onde começar?

  4. None

  5. Tecnologias de Base

  6. None

  7. De onde vem? W3C (World Wide Web Consorcium)

  8. Tim Berners-Lee Web HTML Padrões

  9. Quem faz parte? Google Apple Mozilla Microsoft

  10. Vários working groups CSS HTML API (JS)

  11. Working groups? Membros das empresas Membros do próprio W3C Especialistas

    convidados

  12. Como é a evolução das tecnologias de base no W3C?

  13. jQuery -> Query Selector Ramda -> Features funcionais* * Está

    em discussão junto ao TC-39 para ser implementado no core

  14. Pré-processadores -> Custom Properties * Frameworks -> Grid layout *

    Variáveis nativas

  15. Nem tudo são flores

  16. Como funciona o processo atualmente? https://www.w3.org/2017/Process-20170301/

  17. None
  18. None

  19. https://www.w3.org/Style/CSS/current-work

  20. https://www.w3.org/standards/history/css-variables - https://www.w3.org/TR/css-variables-1/ Custom properties 2012 2013 2015 2018 (First

    Working Draft) (Working Draft) (Candidate Recomendation) CSS CUSTOM PROPERTIES FOR CASCADING VARIABLES MODULE LEVEL 1 ?

  21. https://caniuse.com/#feat=css-variables

  22. Quanto tempo levará para o Virtual Dom ser nativo?

  23. None

  24. Grande problema do tempo

  25. Como resolver? Deixando os desenvolvedores criarem features nativas sozinhos

  26. Prototype Transpiler Polyfill

  27. Houdini * Atualmente no estágio anterior ao First Working Draft,

    Editor Draft

  28. Como criar novas tags de forma nativa?

  29. <abcdev-2018>

  30. import {html, PolymerElement} from '@polymer/polymer/polymer-element.js'; class Abcdev2018 extends PolymerElement {

    }; static get template() { return html` <h1>Olá ABC Dev!</h1> `; } customElements.define(‘abcdev-2018’, Abcdev2018); Custom Elements Template Shadow DOM
  31. None

  32. 2013

  33. youtube.com/watch?v=7Q0-E_rZ_Cc&t


  34. What is Polymer? By Polymer Team

  35. None

  36. Cross Stack?

  37. None
  38. None

  39. Custom Elements Everywhere custom-elements-everywhere.com/

  40. Who?

  41. +6000 Components

  42. youtube.com/new

  43. twitter.com/AJStacy06/status/857628546507968512


  44. Até onde podemos chegar com os componentes nativos?

  45. None

  46. Thanks! #UseThePlatform @TheSweet_Lari @LarissaAbreu larissaabreu.github.io