Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
320
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
30年振りにコンパイラの定数整数除算を改善した
Avatar for herumi herumi
9
4.2k
React本体のコードリーディング
Avatar for high-g high_g_engineer
1
160
【デモ】Kiroで体験する仕様駆動開発｜設計からコーディングまでAIと進める開発フロー
Avatar for 工藤皓夢 cmkudo
0
400
Pythonの実行はどこまで賢くなったのか？ CPythonとPyPyから見る最適化のしくみ
Avatar for curekoshimizu curekoshimizu
3
2k
[PyCon KR 2026] More Variants, More Diversity for AI Accelerators
Avatar for Joongi Kim achimnol
0
110
「寝てても仕事が進む」Claude Codeで組む第二の脳
Avatar for t-fujita24 tomoyafujita2016
0
360
Cloudflare is Agents
Avatar for chimame chimame
0
180
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
Avatar for dachi dachi023
0
7.8k
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
180
170k Jobs a Day on GKE: Scaling Mercari's CI Platform - and What's Next for AI-Native Development
Avatar for Junya Okabe junyaokabe
0
120
いまどきの Codex で開発する visionOS アプリの開発スタイルについて
Avatar for kazuhiro hara karad
0
160
AI時代に学ぶ 好きなルール 嫌いなルール Linter編
Avatar for Shota Nemoto shorty5121
0
160

Featured

See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
550
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
310
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.6k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
470
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
950
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.3k
Design in an AI World
Avatar for tapps tapps
1
290

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