Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Criando aplicações componentizadas com Polymer ...
Search
Felipe Sousa
February 11, 2017
Programming
1
250
Criando aplicações componentizadas com Polymer - C4P CEJS 2017
Felipe Sousa
February 11, 2017
Tweet
Share
More Decks by Felipe Sousa
See All by Felipe Sousa
DevFest Santiago 2019 - Progressive Web Apps Done Right
felipesousa
0
340
Shared web-components with StencilJS
felipesousa
0
540
Progressive Web Apps Done Right
felipesousa
1
630
Criando aplicações componentizadas com Polymer
felipesousa
0
350
Criando Aplicações Componentizadas com Polymer
felipesousa
0
130
Uma introdução a Angular 2
felipesousa
2
420
Other Decks in Programming
See All in Programming
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
120
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
350
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
190
Introduce Hono CLI
yusukebe
6
2.9k
Le côté obscur des IA génératives
pascallemerrer
0
150
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
180
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
500
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
290
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
170
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
220
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
480
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
250
Featured
See All Featured
How to Ace a Technical Interview
jacobian
280
24k
Navigating Team Friction
lara
190
15k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Building Adaptive Systems
keathley
44
2.8k
Git: the NoSQL Database
bkeepers
PRO
431
66k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Designing Experiences People Love
moore
142
24k
Into the Great Unknown - MozCon
thekraken
40
2.1k
RailsConf 2023
tenderlove
30
1.3k
Designing for humans not robots
tammielis
254
26k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
35
6.1k
Transcript
Criando aplicacoes componentizadas com Polymer. @felipz_sousa ~ ~
Felipe Sousa Front End Developer GDG Fortaleza @felipz_sousa
Web!
PLATAFORMA QUE MAIS CRESCE DO MUNDO!
Patterns Especifications Definitions
None
back to the past…
Frameworks!
exemplo de frameworks
Components
Estrutura Estilo Funções
Menu Post Sidemenu
Web Components
Shadow-DOM Custom Elements Imports Templates { Web Components
Shadow-DOM Esconde detalhes de implementacao.
Custom Elements Criacao do seus proprios elementos HTML.
Imports Importacao de arquivos .HTML
Cria o escopo de um elemento customizado. Templates
None
Library > 1.8/2.0-preview Like a Web Components Open Source
#UseThePlatform
<link rel=“import” href=“../polymer/polymer.html”> <dom-module id="my-personal-component"> <template> <style> :host { …
} </style> <h1> Hello! I’m a personal component! </h1> </template> <script> Polymer({ is: “my-personal-component” }); </script> </dom-module>
<link rel=“import” href=“../polymer/polymer.html”> <dom-module id="my-personal-component"> <template> <style> :host { …
} </style> <h1> Hello! I’m a personal component! </h1> </template> <script> Polymer({ is: “my-personal-component” }); </script> </dom-module> Imports
<link rel=“import” href=“../polymer/polymer.html”> <dom-module id="my-personal-component"> <template> <style> :host { …
} </style> <h1> Hello! I’m a personal component! </h1> </template> <script> Polymer({ is: “my-personal-component” }); </script> </dom-module> Custom Elements
<link rel=“import” href=“../polymer/polymer.html”> <dom-module id="my-personal-component"> <template> <style> :host { …
} </style> <h1> Hello! I’m a personal component! </h1> </template> <script> Polymer({ is: “my-personal-component” }); </script> </dom-module> Templates
<link rel=“import” href=“../polymer/polymer.html”> <dom-module id="my-personal-component"> <template> <style> :host { …
} </style> <h1> Hello! I’m a personal component! </h1> </template> <script> Polymer({ is: “my-personal-component” }); </script> </dom-module> Component!
variables/properties Properties
Repeats
Conditions
Progressive Web Apps
Re-engageable Connectivity- independent Installable App-like Responsive Linkable
https://shop.polymer-project.org
Who is using Polymer? https://github.com/Polymer/polymer/wiki/Who's-using-Polymer%3F
None
None
None
polymer-cli https://www.polymer-project.org/1.0/docs/tools/polymer-cli >
Use the Platform!
Available in: speakerdeck.com/felipesousa
THANK’S! github.com/felipesousa