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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
Detecting Compromised CI with eBPF and Cilium Tetragon
Avatar for Liz Rice lizrice
0
260
AWS Transform Custom による Spring Boot 2.xから4.xへのVerUp
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
100
仕様駆動開発の消費期限
Avatar for watany watany
20
9k
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
180
Go 1.27からのGODEBUG / Go 1.27 リリースパーティ #go127party
Avatar for mazrean mazrean
0
220
まずはプロンプトガイドを読もう、話はそれからだ
Avatar for Akira TSURUDA kiakiraki
1
220
Dockerfile CMD for Node.js
Avatar for Ohno Keita grazie1999
0
120
jsmini JavaScript Engine を作ってみた話
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
0
350
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
Avatar for freee freee
PRO
0
390
FastAPI の並行処理モデルを完全に理解する
Avatar for Yuki Ishikawa hoto17296
8
3k
【デモ】Kiroで体験する仕様駆動開発｜設計からコーディングまでAIと進める開発フロー
Avatar for 工藤皓夢 cmkudo
0
400
引き算の組織 ― アウトカムとAIに全振りするために辞めたこと ― / Organization by Subtraction
Avatar for ヤマモトヒロキ hirokiyamamoto14
PRO
0
300

Featured

See All Featured
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.3k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
550
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
430
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.8k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.3k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.9k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
530
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.4k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
380
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.3k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k

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