Submit Search
Upload
Introduction to polymer project
•
1 like
•
529 views
Christoforus Surjoputro
Follow
Materi mengenai pengenalan polymer project pada seminar tanggal 10 Desember 2016.
Read less
Read more
Software
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 45
Download now
Download to read offline
Recommended
The rise of Polymer and Web Components (Kostas Karolemeas) - GreeceJS #17
The rise of Polymer and Web Components (Kostas Karolemeas) - GreeceJS #17
GreeceJS
Google Polymer Framework
Google Polymer Framework
Kostas Karolemeas
Polymer
Polymer
jskvara
How to build a web application with Polymer
How to build a web application with Polymer
Sami Suo-Heikki
Web Components with Polymer (extra Polymer 2.0)
Web Components with Polymer (extra Polymer 2.0)
Dhyego Fernando
Polymer and web component
Polymer and web component
Imam Raza
Google Polymer Introduction
Google Polymer Introduction
David Price
Polymer vs other libraries (Devfest Ukraine 2015)
Polymer vs other libraries (Devfest Ukraine 2015)
jskvara
Recommended
The rise of Polymer and Web Components (Kostas Karolemeas) - GreeceJS #17
The rise of Polymer and Web Components (Kostas Karolemeas) - GreeceJS #17
GreeceJS
Google Polymer Framework
Google Polymer Framework
Kostas Karolemeas
Polymer
Polymer
jskvara
How to build a web application with Polymer
How to build a web application with Polymer
Sami Suo-Heikki
Web Components with Polymer (extra Polymer 2.0)
Web Components with Polymer (extra Polymer 2.0)
Dhyego Fernando
Polymer and web component
Polymer and web component
Imam Raza
Google Polymer Introduction
Google Polymer Introduction
David Price
Polymer vs other libraries (Devfest Ukraine 2015)
Polymer vs other libraries (Devfest Ukraine 2015)
jskvara
Polymer, A Web Component Polyfill Library
Polymer, A Web Component Polyfill Library
naohito maeda
Polymer & the web components revolution 6:25:14
Polymer & the web components revolution 6:25:14
mattsmcnulty
Introduction to Web Components
Introduction to Web Components
Fu Cheng
Polymer
Polymer
LearningTech
Polymer presentation in Google HQ
Polymer presentation in Google HQ
Harshit Pandey
Booting up with polymer
Booting up with polymer
Marcus Hellberg
Building a Secure App with Google Polymer and Java / Spring
Building a Secure App with Google Polymer and Java / Spring
sdeeg
Polymer / WebComponents
Polymer / WebComponents
Arnaud Kervern
Polymer - Welcome to the Future @ PyGrunn 08/07/2014
Polymer - Welcome to the Future @ PyGrunn 08/07/2014
Spyros Ioakeimidis
Web Components
Web Components
FITC
Web Components
Web Components
Nikolaus Graf
Introduction to Web Components
Introduction to Web Components
Rich Bradshaw
Google Developer Group(GDG) DevFest Event 2012 Android talk
Google Developer Group(GDG) DevFest Event 2012 Android talk
Imam Raza
Web Components & Polymer 1.0 (Webinale Berlin)
Web Components & Polymer 1.0 (Webinale Berlin)
Hendrik Ebbers
Web Components and Modular CSS
Web Components and Modular CSS
Andrew Rota
Levent-Gurses' Introduction to Web Components & Polymer
Levent-Gurses' Introduction to Web Components & Polymer
Erik Isaksen
Web Components
Web Components
FITC
Web Components: Web back to future.
Web Components: Web back to future.
GlobalLogic Ukraine
Web Components + Backbone: a Game-Changing Combination
Web Components + Backbone: a Game-Changing Combination
Andrew Rota
Implementation of GUI Framework part3
Implementation of GUI Framework part3
masahiroookubo
Polymer project presentation
Polymer project presentation
jskvara
How messenger bot work
How messenger bot work
Christoforus Surjoputro
More Related Content
What's hot
Polymer, A Web Component Polyfill Library
Polymer, A Web Component Polyfill Library
naohito maeda
Polymer & the web components revolution 6:25:14
Polymer & the web components revolution 6:25:14
mattsmcnulty
Introduction to Web Components
Introduction to Web Components
Fu Cheng
Polymer
Polymer
LearningTech
Polymer presentation in Google HQ
Polymer presentation in Google HQ
Harshit Pandey
Booting up with polymer
Booting up with polymer
Marcus Hellberg
Building a Secure App with Google Polymer and Java / Spring
Building a Secure App with Google Polymer and Java / Spring
sdeeg
Polymer / WebComponents
Polymer / WebComponents
Arnaud Kervern
Polymer - Welcome to the Future @ PyGrunn 08/07/2014
Polymer - Welcome to the Future @ PyGrunn 08/07/2014
Spyros Ioakeimidis
Web Components
Web Components
FITC
Web Components
Web Components
Nikolaus Graf
Introduction to Web Components
Introduction to Web Components
Rich Bradshaw
Google Developer Group(GDG) DevFest Event 2012 Android talk
Google Developer Group(GDG) DevFest Event 2012 Android talk
Imam Raza
Web Components & Polymer 1.0 (Webinale Berlin)
Web Components & Polymer 1.0 (Webinale Berlin)
Hendrik Ebbers
Web Components and Modular CSS
Web Components and Modular CSS
Andrew Rota
Levent-Gurses' Introduction to Web Components & Polymer
Levent-Gurses' Introduction to Web Components & Polymer
Erik Isaksen
Web Components
Web Components
FITC
Web Components: Web back to future.
Web Components: Web back to future.
GlobalLogic Ukraine
Web Components + Backbone: a Game-Changing Combination
Web Components + Backbone: a Game-Changing Combination
Andrew Rota
Implementation of GUI Framework part3
Implementation of GUI Framework part3
masahiroookubo
What's hot
(20)
Polymer, A Web Component Polyfill Library
Polymer, A Web Component Polyfill Library
Polymer & the web components revolution 6:25:14
Polymer & the web components revolution 6:25:14
Introduction to Web Components
Introduction to Web Components
Polymer
Polymer
Polymer presentation in Google HQ
Polymer presentation in Google HQ
Booting up with polymer
Booting up with polymer
Building a Secure App with Google Polymer and Java / Spring
Building a Secure App with Google Polymer and Java / Spring
Polymer / WebComponents
Polymer / WebComponents
Polymer - Welcome to the Future @ PyGrunn 08/07/2014
Polymer - Welcome to the Future @ PyGrunn 08/07/2014
Web Components
Web Components
Web Components
Web Components
Introduction to Web Components
Introduction to Web Components
Google Developer Group(GDG) DevFest Event 2012 Android talk
Google Developer Group(GDG) DevFest Event 2012 Android talk
Web Components & Polymer 1.0 (Webinale Berlin)
Web Components & Polymer 1.0 (Webinale Berlin)
Web Components and Modular CSS
Web Components and Modular CSS
Levent-Gurses' Introduction to Web Components & Polymer
Levent-Gurses' Introduction to Web Components & Polymer
Web Components
Web Components
Web Components: Web back to future.
Web Components: Web back to future.
Web Components + Backbone: a Game-Changing Combination
Web Components + Backbone: a Game-Changing Combination
Implementation of GUI Framework part3
Implementation of GUI Framework part3
Viewers also liked
Polymer project presentation
Polymer project presentation
jskvara
How messenger bot work
How messenger bot work
Christoforus Surjoputro
fms9_cwp_php_en
fms9_cwp_php_en
tutorialsruby
Using Bitbucket and Mercurial
Using Bitbucket and Mercurial
Gramener
BitBucket presentation
BitBucket presentation
Jonathan Lawerh
Introduction to pharmaceuitcal polymer chemistry
Introduction to pharmaceuitcal polymer chemistry
Ganesh Mote
Using Git and BitBucket
Using Git and BitBucket
Medhat Dawoud
Polymer chemistry
Polymer chemistry
Pichai Mpm
Reactjs
Reactjs
Neha Sharma
Introduction to Polymer Chemistry
Introduction to Polymer Chemistry
Indra Yudhipratama
Polymer Ppt
Polymer Ppt
guestbc22286
Polymer Chemistry
Polymer Chemistry
Nur Fatihah
Polymers evs ppt (3)
Polymers evs ppt (3)
Saurabh Chauhan
Polymer
Polymer
nanomathematician
Polymer
Polymer
Vibhor Bhatnagar
Learning Tableau - Data, Graphs, Filters, Dashboards and Advanced features
Learning Tableau - Data, Graphs, Filters, Dashboards and Advanced features
Venkata Reddy Konasani
Polymer science: preparation and uses of polymers
Polymer science: preparation and uses of polymers
VARSHAAWASAR
Polymer ppt
Polymer ppt
Malaviya National Institute Of Technology Jaipur
Polymers
Polymers
sportymaaz
Polymers
Polymers
Saurabh Rana
Viewers also liked
(20)
Polymer project presentation
Polymer project presentation
How messenger bot work
How messenger bot work
fms9_cwp_php_en
fms9_cwp_php_en
Using Bitbucket and Mercurial
Using Bitbucket and Mercurial
BitBucket presentation
BitBucket presentation
Introduction to pharmaceuitcal polymer chemistry
Introduction to pharmaceuitcal polymer chemistry
Using Git and BitBucket
Using Git and BitBucket
Polymer chemistry
Polymer chemistry
Reactjs
Reactjs
Introduction to Polymer Chemistry
Introduction to Polymer Chemistry
Polymer Ppt
Polymer Ppt
Polymer Chemistry
Polymer Chemistry
Polymers evs ppt (3)
Polymers evs ppt (3)
Polymer
Polymer
Polymer
Polymer
Learning Tableau - Data, Graphs, Filters, Dashboards and Advanced features
Learning Tableau - Data, Graphs, Filters, Dashboards and Advanced features
Polymer science: preparation and uses of polymers
Polymer science: preparation and uses of polymers
Polymer ppt
Polymer ppt
Polymers
Polymers
Polymers
Polymers
Similar to Introduction to polymer project
Web Components: back to the future
Web Components: back to the future
DA-14
Workshop: Introduction to Web Components & Polymer
Workshop: Introduction to Web Components & Polymer
John Riviello
Web components are the future of the web - Take advantage of new web technolo...
Web components are the future of the web - Take advantage of new web technolo...
Marios Fakiolas
Swf search final
Swf search final
Duane Nickull
Introduction to Web Components & Polymer Workshop - U of I WebCon
Introduction to Web Components & Polymer Workshop - U of I WebCon
John Riviello
Web components api + Vuejs
Web components api + Vuejs
Mikhail Kuznetcov
Rawnet Lightning Talk - Web Components
Rawnet Lightning Talk - Web Components
Rawnet
Web components Introduction
Web components Introduction
Eugenio Romano
Implementing Vanilla Web Components
Implementing Vanilla Web Components
sonumanoj
Polymer
Polymer
Josef Ježek
Intro to Web Components, Polymer & Vaadin Elements
Intro to Web Components, Polymer & Vaadin Elements
Manuel Carrasco Moñino
Meteor - Codemotion Rome 2015
Meteor - Codemotion Rome 2015
Codemotion
Meteor + Polymer
Meteor + Polymer
wolf4ood
Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is Here
John Riviello
Sbwire 525914
Sbwire 525914
Red Cherry Calgary Web Design
Client side apps from the future
Client side apps from the future
Chad Hietala
Polymer - Una bella historia de amor
Polymer - Una bella historia de amor
Israel Blancas
Polymer Web Framework - Swecha Boot Camp
Polymer Web Framework - Swecha Boot Camp
Swecha | స్వేచ్ఛ
Wordpress as a CMS
Wordpress as a CMS
Michael Hammel
Introduction to Web Components & Polymer Workshop - JS Interactive
Introduction to Web Components & Polymer Workshop - JS Interactive
John Riviello
Similar to Introduction to polymer project
(20)
Web Components: back to the future
Web Components: back to the future
Workshop: Introduction to Web Components & Polymer
Workshop: Introduction to Web Components & Polymer
Web components are the future of the web - Take advantage of new web technolo...
Web components are the future of the web - Take advantage of new web technolo...
Swf search final
Swf search final
Introduction to Web Components & Polymer Workshop - U of I WebCon
Introduction to Web Components & Polymer Workshop - U of I WebCon
Web components api + Vuejs
Web components api + Vuejs
Rawnet Lightning Talk - Web Components
Rawnet Lightning Talk - Web Components
Web components Introduction
Web components Introduction
Implementing Vanilla Web Components
Implementing Vanilla Web Components
Polymer
Polymer
Intro to Web Components, Polymer & Vaadin Elements
Intro to Web Components, Polymer & Vaadin Elements
Meteor - Codemotion Rome 2015
Meteor - Codemotion Rome 2015
Meteor + Polymer
Meteor + Polymer
Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is Here
Sbwire 525914
Sbwire 525914
Client side apps from the future
Client side apps from the future
Polymer - Una bella historia de amor
Polymer - Una bella historia de amor
Polymer Web Framework - Swecha Boot Camp
Polymer Web Framework - Swecha Boot Camp
Wordpress as a CMS
Wordpress as a CMS
Introduction to Web Components & Polymer Workshop - JS Interactive
Introduction to Web Components & Polymer Workshop - JS Interactive
More from Christoforus Surjoputro
Deno Fundamentals
Deno Fundamentals
Christoforus Surjoputro
Static code analysis
Static code analysis
Christoforus Surjoputro
Is it fun to become a software engineer?
Is it fun to become a software engineer?
Christoforus Surjoputro
Backend engineer journey
Backend engineer journey
Christoforus Surjoputro
Life as software engineer at startup
Life as software engineer at startup
Christoforus Surjoputro
Unit testing ❤ pure function
Unit testing ❤ pure function
Christoforus Surjoputro
Google maps replacement with python
Google maps replacement with python
Christoforus Surjoputro
Better Code With Python
Better Code With Python
Christoforus Surjoputro
More from Christoforus Surjoputro
(8)
Deno Fundamentals
Deno Fundamentals
Static code analysis
Static code analysis
Is it fun to become a software engineer?
Is it fun to become a software engineer?
Backend engineer journey
Backend engineer journey
Life as software engineer at startup
Life as software engineer at startup
Unit testing ❤ pure function
Unit testing ❤ pure function
Google maps replacement with python
Google maps replacement with python
Better Code With Python
Better Code With Python
Recently uploaded
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
Alina Yurenko
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
Christoph Pohl
Folding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a series
Philip Schwarz
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
Tier1 app
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Ahmed Mohamed
Automate your Kamailio Test Calls - Kamailio World 2024
Automate your Kamailio Test Calls - Kamailio World 2024
Andreas Granig
Buds n Tech IT Solutions: Top-Notch Web Services in Noida
Buds n Tech IT Solutions: Top-Notch Web Services in Noida
bntitsolutionsrishis
Call Us🔝>༒+91-9711147426⇛Call In girls karol bagh (Delhi)
Call Us🔝>༒+91-9711147426⇛Call In girls karol bagh (Delhi)
jennyeacort
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalm
Sujith Sukumaran
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
OnePlan Solutions
Unveiling the Future: Sylius 2.0 New Features
Unveiling the Future: Sylius 2.0 New Features
Łukasz Chruściel
Introduction Computer Science - Software Design.pdf
Introduction Computer Science - Software Design.pdf
FerryKemperman
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need It
Wave PLM
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
stazi3110
SpotFlow: Tracking Method Calls and States at Runtime
SpotFlow: Tracking Method Calls and States at Runtime
andrehoraa
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief Utama
Hanief Utama
Xen Safety Embedded OSS Summit April 2024 v4.pdf
Xen Safety Embedded OSS Summit April 2024 v4.pdf
Stefano Stabellini
Cloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEE
VICTOR MAESTRE RAMIREZ
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)
OPEN KNOWLEDGE GmbH
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Recently uploaded
(20)
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
Folding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a series
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Automate your Kamailio Test Calls - Kamailio World 2024
Automate your Kamailio Test Calls - Kamailio World 2024
Buds n Tech IT Solutions: Top-Notch Web Services in Noida
Buds n Tech IT Solutions: Top-Notch Web Services in Noida
Call Us🔝>༒+91-9711147426⇛Call In girls karol bagh (Delhi)
Call Us🔝>༒+91-9711147426⇛Call In girls karol bagh (Delhi)
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalm
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Unveiling the Future: Sylius 2.0 New Features
Unveiling the Future: Sylius 2.0 New Features
Introduction Computer Science - Software Design.pdf
Introduction Computer Science - Software Design.pdf
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need It
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
SpotFlow: Tracking Method Calls and States at Runtime
SpotFlow: Tracking Method Calls and States at Runtime
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief Utama
Xen Safety Embedded OSS Summit April 2024 v4.pdf
Xen Safety Embedded OSS Summit April 2024 v4.pdf
Cloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEE
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Introduction to polymer project
1.
Introduction to polymer
project Christoforus Surjoputro Materi: https://github.com/3mp3ri0r/introduction-to-polymer-project Facebook: www.facebook.com/totoganteng
2.
when presented with
an abundance of choice, you can feel increasingly unsure of whether yours is the right one - Addy Osmani
3.
4.
5.
Web components merupakan standard
w3c yang merupakan gabungan dari beberapa low-level API.
6.
Template Shadow DOM Custom Elements HTML
Imports native client-side templating scoping, composition define new HTML/DOM loading web components
7.
API Web components
sudah di desain agar kita dapat membuat library di atas standar yang sudah ada.
8.
So what is
Polymer?
9.
Polymer is not a
framework
10.
Existing Frameworks Applications Web Platform Web
Components built with Polymer (or not)
11.
Is it ready?
12.
https://translate.google.com/community http://projector.tensorflow.org Chrome Dev Editor https://gaming.youtube.com
13.
Over 1.3M pages
14.
300+ Google projects
15.
16.
17.
READY FOR PRODUCTION
18.
Let’s build an element! Image
by Gloria Viganò for the Noun Project
19.
element-baru.html <dom-module id=“element-baru"> <template> </template> <script> Polymer({ is: ‘element-baru' }); </script> </dom-module> <link
rel=“import” href=“../polymer/polymer.html”>
20.
element-baru.html <dom-module id=“element-baru"> <template> </template> <script> Polymer({ is: ‘element-baru' }); </script> </dom-module> <link
rel=“import” href=“../polymer/polymer.html”> Import all of your dependencies. HTML Imports
21.
element-baru.html <dom-module id=“element-baru"> <template> </template> <script> Polymer({ is: ‘element-baru' }); </script> </dom-module> <link
rel=“import” href=“../polymer/polymer.html”> A container for your element definition. Custom Element
22.
element-baru.html <dom-module id=“alert-banner"> <template> </template> <script> Polymer({ is: ‘alert-banner' }); </script> </dom-module> Local
DOM is the DOM an elements is in charge of creating and managing. Template and Shadow DOM <link rel=“import” href=“../polymer/polymer.html”>
23.
Elements Building blocks for
a better web
24.
There’s an element
for that!
25.
core paper
26.
27.
28.
29.
30.
31.
32.
33.
elements.polymer-project.org
34.
There’s an element
for that!
35.
Applications Combining elements into
something great
36.
Polymer Starter Kit
37.
Production-ising Apps
38.
image: http://gulpjs.com
39.
Build process out
of the box
40.
Polymer is lean,
and production ready
41.
Create or reuse
elements in any app
42.
Starter Kit gets
you up and running
43.
44.
polymer-project.org
45.
Thank You! Christoforus Surjoputro Materi:
https://github.com/3mp3ri0r/introduction-to-polymer-project Facebook: www.facebook.com/totoganteng
Download now