#AskPolymer: How do you make the show? -- Polycasts #29
Key Takeaways
Builds a simple GitHub issue fetcher using HTML and Polymer
Full Transcript
take two hey there pters Rob here welcome back to ask polymer the show where you send in your hashtagged questions and we do our best to answer them on air So today we're going to lead off with a question that a lot of people have asked which is how do you get your hand to show up in the screencast that you record so it's a really great question we've actually got a pretty elaborate rig that we've built that allows us to do this we've got a camera mounted above a Wacom cintique tablet and then we use a free program called omnid Dazzle that lets us draw on the screen we do all of our screen casting in Camtasia and we take all of that and we throw it in into a big keynote deck we just walk through that and record the whole thing mash it together and post so it's a it's a pretty cool setup uh and allows us to do that really awesome effect all right our next question comes from Jay who asks does polymer play nice with typescript and are there official type definitions for polymer so great question Jay uh there are not official definitions that have been created by the polymer team however the definitely typed repo on GitHub does have polymer definitions which you can use to get up and running with typescript and polymer in your project I've used them a little bit in U kind of an angular 2 experiment that I did so you can use those they're they're they're not fully featured if you will but they will get you started rolling with typescript and polymer so thank you Jay for sending in that question all right our next question comes from Thomas who asks how do I go about including a thirdparty library in my Polymer elements so good question there Thomas uh what I would recommend is creating an HTML import that contains the script tag for that thirdparty library and then your elements can depend on that import so you can see an example of this right over here from this uh chartjs element set that I created there's an import for chartjs everybody else depends on that so hopefully in the future authors just vend those Imports for us but today that's the workaround that we recommend and and I should add the reason we do that is so you can have multiple elements depending on that thing and HTML Imports will just D duplicate it for you so great question uh Thomas thank you for sending that in all right our next question comes from Wheatley who asks uh what would be the suggested way to do routing in a polymer application excellent question wheatle uh what I would recommend is you go check out our previous episode on using page JS that is actually how I've been doing it in my applications uh we also did an episode on an element called more in but it's a little not so wellmaintained these days so I'd recommend sticking with PJs also if you're interested you can check out over here this uh thing that we've been working on on GitHub called Web component shards so that actually allows you to take your your element bundles and break them up into pieces and maybe lazy load them this is still very experimental but uh this might be our long-term solution to allowing you to Lazy load stuff with your router so uh thank you so much wheatle for sending in that awesome awesome question all right our last question comes from Paul who asks are there plans to add paper elements for date and time Pickers great question Paul uh we want to make sure that before we go and create new elements that we've got our current paper elements as buttoned up as possible so that means you know fixing bugs on them making sure that they're really polished the apis do everything everybody wants so there's no near-term plans to add those extra elements cuz we want to focus on the set that we currently have however having said that there are community members who have created their own implementations of both of these so you can check out a date picker here and a Time picker over here those are also available on customelements.io so you can browse through uh some of the elements on that site so yeah maybe go try those out and they might meet your needs uh thank you so much for that really awesome question Paul so that's it for today thanks to everyone who send in questions if you out there have questions you want us to answer you can ping us on a social network of your choosing at # askpolymer as always thank you so much for watching and I'll see you next time I'm kpack that's a w
Original Description
It might seem crazy, but using an element for AJAX is actually pretty great! In this episode I’ll show you how to build a simple GitHub issue fetcher, using primarily HTML. When you combine data providers with the magic of bindings, you can remove most of the JavaScript in your app, and that makes things much easier to maintain!
Screencast equipment list
http://www.bhphotovideo.com/bnh/controller/home?O=&sku=749467&is=REG&m=Y&Q=&A=details
http://www.wacom.com/en-us/products/pen-displays/cintiq-13-hd
http://www.araelium.com/screenflick
https://www.techsmith.com/camtasia.html
http://omnidazzle.en.softonic.com/mac
Does Polymer play nicely with Typescript? Are there official type definitions?
https://github.com/borisyankov/DefinitelyTyped/tree/master/polymer
How do I go about including and using 3rd party libraries - Three.js for example - as requirements for my elements?
https://github.com/robdodson/chart-elements/blob/master/chart-js-import.html
What is the suggested way to go about routing?
https://www.youtube.com/watch?v=iDQqP5Yyczg&list=PLNYkxOF6rcIDdS7HWIC_BYRunV6MHs5xo&index=19
https://github.com/PolymerLabs/web-component-shards
Are there any plans to add Paper Elements for date and time pickers?
https://customelements.io/bendavis78/paper-date-picker/
https://customelements.io/bendavis78/paper-time-picker/
Polymer Slack: http://bit.ly/polymerslack
Subscribe to the Chrome Developers channel at: https://goo.gl/OUF4e2
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from Chrome for Developers · Chrome for Developers · 16 of 60
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
▶
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Polymer Performance Patterns (The Polymer Summit 2015)
Chrome for Developers
Polymer Power Tools (The Polymer Summit 2015)
Chrome for Developers
Chrome Dev Summit 2014 – Chrome Case Studies
Chrome for Developers
Web Directions Code 2015 round up
Chrome for Developers
Maintainable Code - HTTP203
Chrome for Developers
iron-ajax… wat?! -- Polycasts #26
Chrome for Developers
The Guardian - Supercharged
Chrome for Developers
ES2015 (next version of JavaScript), Totally Tooling Tips (S2 Ep1)
Chrome for Developers
#AskPolymer: Rob answers all the questions ever -- Polycasts #27
Chrome for Developers
The Future of JavaScript - HTTP203
Chrome for Developers
Data Binding 101 -- Polycasts #28
Chrome for Developers
The Guardian part 2 - Supercharged
Chrome for Developers
The Future of Web Audio: with Chris Wilson and Chris Lowis
Chrome for Developers
Chrome 46: New motion-path animations, client hints and service worker improvements
Chrome for Developers
Sublime Snippets, Totally Tooling Tips (S2 Ep2)
Chrome for Developers
#AskPolymer: How do you make the show? -- Polycasts #29
Chrome for Developers
Critical Path CSS, Totally Tooling Tips (S2 Mini Tip #1)
Chrome for Developers
Binding to Objects -- Polycasts #30
Chrome for Developers
Player FM - Supercharged
Chrome for Developers
Where’s the Designer? #AskPolymer -- Polycasts #31
Chrome for Developers
Jake Beats Wikipedia - HTTP203
Chrome for Developers
Supercharged Observers! -- Polycasts #32
Chrome for Developers
Jai's Web blog - Supercharged
Chrome for Developers
Windows Command-line Tooling, Totally Tooling Tips (S2, Ep4)
Chrome for Developers
What about internationalization? #AskPolymer -- Polycasts #33
Chrome for Developers
Developing for Billions (Chrome Dev Summit 2015)
Chrome for Developers
Google+ Performance Improvement Comparison
Chrome for Developers
Deploying HTTPS: The Green Lock and Beyond (Chrome Dev Summit 2015)
Chrome for Developers
Progressive Web Apps (Chrome Dev Summit 2015)
Chrome for Developers
Instant Loading with Service Workers (Chrome Dev Summit 2015)
Chrome for Developers
Increase Engagement with Web Push Notifications (Chrome Dev Summit 2015)
Chrome for Developers
Engaging with the Real World: Web Bluetooth and Physical Web (Chrome Dev Summit 2015)
Chrome for Developers
Asking for Permission: respectful, opinionated UI (Chrome Dev Summit 2015)
Chrome for Developers
Polymer - State of the Union (Chrome Dev Summit 2015)
Chrome for Developers
Building Progressive Web Apps with Polymer (Chrome Dev Summit 2015)
Chrome for Developers
Introduction to RAIL (Chrome Dev Summit 2015)
Chrome for Developers
DevTools in 2015: Authoring to the max (Chrome Dev Summit 2015)
Chrome for Developers
RAIL in the real world (Chrome Dev Summit 2015)
Chrome for Developers
#ChromeDevSummit talks are up - W00T! -- Polycast #34
Chrome for Developers
V8 Performance from the Driver's Seat (Chrome Dev Summit 2015)
Chrome for Developers
Quantify and improve real-world RAIL (Chrome Dev Summit 2015)
Chrome for Developers
Owning your performance: RAIL (Chrome Dev Summit 2015)
Chrome for Developers
HTTP/2 101 (Chrome Dev Summit 2015)
Chrome for Developers
Leadership Panel (Chrome Dev Summit 2015)
Chrome for Developers
Build Processes, Totally Tooling Tips (S2, Ep 5)
Chrome for Developers
Accessibility (Chrome Dev Summit 2015)
Chrome for Developers
Binding to Arrays -- Polycasts #35
Chrome for Developers
HTTP2 - HTTP203
Chrome for Developers
Chrome 47: Splash Screens, requestIdleCallback and better desktop notifications (New in Chrome)
Chrome for Developers
Call For Submissions - Supercharged
Chrome for Developers
Cross Device Testing, Totally Tooling Tips (S2 Ep6)
Chrome for Developers
Testing AJAX with Web Component Tester -- Polycasts #37
Chrome for Developers
Slack: Extended Xmas Special - Supercharged
Chrome for Developers
Browser testing with Travis & Sauce Labs -- Polycasts #38
Chrome for Developers
Optimize for production with Vulcanize -- Polycasts #39
Chrome for Developers
Highlights from Chrome Dev Summit 2015
Chrome for Developers
Chrome 48: Custom buttons in notifications, DevTools Security panel, and Presentation mode
Chrome for Developers
Crisper: Protecting your Polymer app with CSP -- Polycasts #40
Chrome for Developers
How do I use Sass with Polymer? #AskPolymer -- Polycasts #41
Chrome for Developers
Colors – DevTools Tonight #0 (Pilot)
Chrome for Developers
More on: HTML & CSS
View skill →
🎓
Tutor Explanation
DeepCamp AI