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
0
130

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

Avatar for Larissa Abreu

Larissa Abreu

September 22, 2018
Tweet

More Decks by Larissa Abreu

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

Other Decks in Programming

See All in Programming
「やめとこ」がなくなった — 1月にZennを始めて22本書いた AI共創開発のリアル
Avatar for atani atani14
0
330
AI時代のソフトウェア開発でも「人が仕様を書く」から始めよう-医療IT現場での実践とこれから
Avatar for kouki.miura koukimiura
0
110
Python’s True Superpower
Avatar for Hynek Schlawack hynek
0
190
Swift ConcurrencyでよりSwiftyに
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
1.9k
15年目のiOSアプリを1から作り直す技術
Avatar for TAKEDA Yuki teakun
0
570
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
1.1k
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
Avatar for MOROHASHI Kyosuke moro
4
360
Rで始めるML・LLM活用入門
Avatar for wakama1994 wakamatsu_takumu
0
120
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
120
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜 / Understanding nil in Go Interface Representation and Why nil != nil
Avatar for kuro kuro_kurorrr
3
1.5k
CSC307 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310

Featured

See All Featured
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
140
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.8k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
130
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
130
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
2
270
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.7k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
810
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
450
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
800

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