Summit Report: Surma and Paul Lewis (Chrome Dev Summit 2016)
Key Takeaways
Covers a live-coding session with Surma and Paul Lewis on web development at Chrome Dev Summit 2016
Full Transcript
alright welcome guys this is Eric bidelman here at chrome dev summit we're starting the second half of the show i'm here with Paul and Surma who's gonna be live coding day tell us a little bit of what you guys are doing uh so we are going to try to build a service worker in life we have built an app for that it's like a Rueter where you have Conan's being xhr tin and swapped out and animations are happening then we rolled back end for which just sounds like rendering so templating on the server side get a good first paint all these kind of things and now it's time to make it work offline so is that easy is it easy to make an appt go offline he's gonna make it look easy but the idea is that rather than is just kind of showing up going tonight all finished like his the like here's a service working you can use the idea of it is always to show how we think about the problem so summers it's not easy when he's been doing a lot of practice to make sure that we can fit in the time window that we have with these things but you still get to sort of see the thought process which is the kind of main thing rather than just as I say delivering this finished thing that's what I love about you guys a show is like you actually get to follow the process of building something and it's actually fun to watch two and live coding I gotta hand it to you that's tough that's really tough challenging the demo gods but I'm hoping so what's next what's next for the what are you guys get excited about it why do you wake up in the morning sir mile stare with you um so as as I'm working on Houdini I'm obviously excited about Houdini so so what's your dating now we got new performance primitives on the web in terms of CSS so we can probably do more complex more polished animations we have more control when certain paints are happening and what to paint all these kind of things it's it's very expert level but let's go get into when you want to do very high performance and I'm real excited that so I'm looking forward when that sudden when that starts slowly landing in all the browsers Paul I would say for me the moment I'm actually really excited about the es2015 stuff and beyond this landing like classes being pretty much everywhere and fassero function type stuff and async await this just arriving in this that is a game changer absolutely love as async await I think which I'm also gonna be using you get so he's gonna be using async await so that kinda stuff for me it just improves the productivity the readability of the code just makes so much more fun when you go back to es5 you like really oh cool do I have to feel so icky now right yeah I mean I accepted it at the time but I I'm god it's going I know it's just like i like i look forward to the day when you have to transfer all or use any tools and just run stuff in browsers so with that I'll leave you guys and you have to get running thanks for coming to us today from chrome dev summit be sure to hit us up on twitter hashtag chrome dev summit and hit us up by the youtube channel thanks guys
Original Description
Live from Chrome Dev Summit 2016! Eric Bidelman speaks with Paul Lewis and Surma about their awesome live-coding session at the summit.
Watch more recordings from Chrome Dev Summit '16 at: https://goo.gl/TkgXYM
Subscribe to the channel: https://www.youtube.com/chromedevelopers
Music by Terra Monk: https://goo.gl/xolmTV
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from Chrome for Developers · Chrome for Developers · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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: API Design
View skill →Related Reads
📰
📰
📰
📰
Flask: The Python Web Framework That Every Developer Should Learn
Medium · Python
Swift typealias — What It Is, What It Does, and Why It Matters
Medium · Programming
s3fifo 1.0: Zero-Allocation S3-FIFO Cache for Node.js is Ready for Production
Dev.to · JeongSeop Byeon
Node.js Error Handling Patterns for Production Queue Systems
Dev.to · Faisal Nadeem
🎓
Tutor Explanation
DeepCamp AI