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
Report
Share
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
Odoo 14 - eLearning Module In Odoo 14 Enterprise
Odoo 14 - eLearning Module In Odoo 14 Enterprise
preethippts
Ahmed Motair CV April 2024 (Senior SW Developer)
Ahmed Motair CV April 2024 (Senior SW Developer)
Ahmed Mater
Precise and Complete Requirements? An Elusive Goal
Precise and Complete Requirements? An Elusive Goal
Lionel Briand
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
umasea
英国UN学位证,北安普顿大学毕业证书1:1制作
英国UN学位证,北安普顿大学毕业证书1:1制作
qr0udbr0
Automate your Kamailio Test Calls - Kamailio World 2024
Automate your Kamailio Test Calls - Kamailio World 2024
Andreas Granig
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Ahmed Mohamed
Odoo Development Company in India | Devintelle Consulting Service
Odoo Development Company in India | Devintelle Consulting Service
Devintelle Consulting Service Pvt Ltd Odoo OpenERP
2.pdf Ejercicios de programación competitiva
2.pdf Ejercicios de programación competitiva
Diego Iván Oliveros Acosta
Recruitment Management Software Benefits (Infographic)
Recruitment Management Software Benefits (Infographic)
Hr365.us smith
Exploring Selenium_Appium Frameworks for Seamless Integration with HeadSpin.pdf
Exploring Selenium_Appium Frameworks for Seamless Integration with HeadSpin.pdf
kalichargn70th171
VK Business Profile - provides IT solutions and Web Development
VK Business Profile - provides IT solutions and Web Development
vyaparkranti
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need It
Wave PLM
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
OnePlan Solutions
Comparing Linux OS Image Update Models - EOSS 2024.pdf
Comparing Linux OS Image Update Models - EOSS 2024.pdf
Drew Moseley
Catch the Wave: SAP Event-Driven and Data Streaming for the Intelligence Ente...
Catch the Wave: SAP Event-Driven and Data Streaming for the Intelligence Ente...
confluent
Cyber security and its impact on E commerce
Cyber security and its impact on E commerce
manigoyal112
SensoDat: Simulation-based Sensor Dataset of Self-driving Cars
SensoDat: Simulation-based Sensor Dataset of Self-driving Cars
Christian Birchler
PREDICTING RIVER WATER QUALITY ppt presentation
PREDICTING RIVER WATER QUALITY ppt presentation
vaddepallysandeep122
How to submit a standout Adobe Champion Application
How to submit a standout Adobe Champion Application
BradBedford3
Recently uploaded
(20)
Odoo 14 - eLearning Module In Odoo 14 Enterprise
Odoo 14 - eLearning Module In Odoo 14 Enterprise
Ahmed Motair CV April 2024 (Senior SW Developer)
Ahmed Motair CV April 2024 (Senior SW Developer)
Precise and Complete Requirements? An Elusive Goal
Precise and Complete Requirements? An Elusive Goal
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
办理学位证(UQ文凭证书)昆士兰大学毕业证成绩单原版一模一样
英国UN学位证,北安普顿大学毕业证书1:1制作
英国UN学位证,北安普顿大学毕业证书1:1制作
Automate your Kamailio Test Calls - Kamailio World 2024
Automate your Kamailio Test Calls - Kamailio World 2024
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Odoo Development Company in India | Devintelle Consulting Service
Odoo Development Company in India | Devintelle Consulting Service
2.pdf Ejercicios de programación competitiva
2.pdf Ejercicios de programación competitiva
Recruitment Management Software Benefits (Infographic)
Recruitment Management Software Benefits (Infographic)
Exploring Selenium_Appium Frameworks for Seamless Integration with HeadSpin.pdf
Exploring Selenium_Appium Frameworks for Seamless Integration with HeadSpin.pdf
VK Business Profile - provides IT solutions and Web Development
VK Business Profile - provides IT solutions and Web Development
What is Fashion PLM and Why Do You Need It
What is Fashion PLM and Why Do You Need It
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Comparing Linux OS Image Update Models - EOSS 2024.pdf
Comparing Linux OS Image Update Models - EOSS 2024.pdf
Catch the Wave: SAP Event-Driven and Data Streaming for the Intelligence Ente...
Catch the Wave: SAP Event-Driven and Data Streaming for the Intelligence Ente...
Cyber security and its impact on E commerce
Cyber security and its impact on E commerce
SensoDat: Simulation-based Sensor Dataset of Self-driving Cars
SensoDat: Simulation-based Sensor Dataset of Self-driving Cars
PREDICTING RIVER WATER QUALITY ppt presentation
PREDICTING RIVER WATER QUALITY ppt presentation
How to submit a standout Adobe Champion Application
How to submit a standout Adobe Champion Application
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