JSJ 343: The Power of Progressive Enhancement with Andy Bell
JavaScript Jabber11 Joulu 2018

JSJ 343: The Power of Progressive Enhancement with Andy Bell

Panel:
- Charles Max Wood
- Aimee Knight
- Chris Ferdinandi
- AJ O’Neal
Special Guest: Andy BellIn this episode, the panel talks with Andy Bell who is an independent designer and developer who uses React, Vue, and Node. Today, the panelists and the guest talk about the power of progressive enhancements. Check it out!Show Topics:0:00 – https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&utm_medium=social-paid&utm_source=devchattv 0:34 – Chuck: Hi! Our panel is AJ, Aimee, Chris, myself and my new show is coming out in a few weeks, which is called the http://thedevrev.com It helps you with developer’s freedom! I am super excited. Our guest is Andy Bell. Introduce yourself, please.2:00 – Guest: I am an independent designer and developer out in the U.K.2:17 – Chuck: You wrote things about Vanilla.js. I am foreshadowing a few things and let’s talk about the power and progressive enhancement.2:43 – The guest gives us definitions of power and progressive enhancements. He describes how it works. 3:10 – Chuck: I’ve heard that people would turn off JavaScript b/c it was security concern and then your progressive enhancement would make it work w/o JavaScript. I am sure there’s more than that?3:28 – The guest talks about JavaScript, dependencies, among other things. 4:40 – Chuck: Your post did make that very clear I think. I am thinking I don’t even know where to start with this. Are people using the 6th version? How far back or what are we talking about here?5:09 – Guest: You can go really far back and make it work w/o CSS.5:49 – Chris: I am a big advocate of progressive enhancement – the pushback I get these days is that there is a divide; between the broadband era and AOL dialup. Are there compelling reasons why progressive enhancements even matter?6:48 – Guest.8:05 – Panel: My family lives out in the boonies. I am aware of 50% of American don’t have fast Internet. People don’t have access to fast browsers but I don’t think they are key metric users.8:47 – Guest: It totally depends on what you need it for. It doesn’t matter if these people are paying or not.9:31 – Chris: Assuming I have a commute on the trail and it goes through a spotty section. In a scenario that it’s dependent on the JS...are we talking about 2 different things here?10:14 – Panelist chimes-in. 10:36 – Chris: I can take advantage of it even if I cannot afford a new machine.10:55 – Panel: Where would this really matter to you?11:05 – Chris: I do have a nice new laptop.11:12 – Chuck: I had to hike up to the hill (near the house) to make a call and the connection was really poor (in OK). It’s not the norm but it can happen.11:37 – Chris: Or how about the All Trails app when I am on the trail.11:52 – Guest.12:40 – Chris: I can remember at the time that the desktop sites it was popular to have...Chris: Most of those sites were inaccessible to me.13:17 – Guest.13:51 – Chuck: First-world countries will have a good connection and it’s not a big deal. If you are thinking though about your customers and where they live? Is that fair? I am thinking that my customers need to be able to access the podcast – what would you suggest? What are the things that you’d make sure is accessible to them.14:31 – Guest: I like to pick on the minimum viable experience? I think to read the transcript is important than the audio (MP3).15:47 – Chuck.15:52 – Guest: It’s a lot easier with Vue b/c you don’t’ have to set aside rendering.17:13 – AJ: I am thinking: that there is a way to start developing progressively and probably cheaper and easier to the person who is developing. If it saves us a buck and helps then we take action.17:49 – Guest: It’s much easier if you start that way and if you enhance the feature itself.18:38 – AJ: Let me ask: what are the situations where I wouldn’t / shouldn’t worry about progressive enhancements?18:57 – Guest answers the question. 19:42 – AJ: I want people to feel motivated in a place WHERE to start. Something like a blog needs Java for comments. https://vtldesign.com/web-strategy/website-design-development/hamburger-icon-flyout-menu-website-navigation/ is mentioned, too. 20:20 – Guest.21:05 – Chris: Can we talk about code?21:16 – Aimee: This is the direction I wanted to go. What do you mean by that – building your applications progressively?https://andy-bell.design/writing/21:44 – Guest.22:13 – Chuck: I use stock overflow!22:20 – Guest.22:24 – Chuck: I mean that’s what Chris uses!22:33 – Guest (continues).23:42 – Aimee.23:54 – Chris.24:09 – Chris24:16 – Chris: Andy what do you think about that?24:22 – Guest: Yes, that’s good.24:35 – Chris: Where it falls apart is the resistance to progressive enhancements that it means that your approach has to be boring?25:03 – Guest answers the question. The guest mentions modern CSS and modern JavaScript are mentioned along with tooling.25:50 – Chuck: My issue is that when we talk about this (progressive enhancement) lowest common denominator and some user at some level (slow network) and then they can access it. Then the next level (better access) can access it. I start at the bottom and then go up. Then when they say progressive enhancement I get lost. Should I scrap it and then start over or what?26:57 – Guest: If it’s feasible do it and then set a timeline up.27:42 – Chuck: You are saying yes do it a layer at a time – but my question is HOW? What parts can I pair back? Are there guidelines to say: do this first and then how to test?28:18 – https://sentry.io/welcome/ 29:20 – Guest: Think about the user flow. What does the user want to do at THIS point? Do you need to work out the actual dependencies?30:31 – Chuck: Is there a list of those capabilities somewhere? So these users can use it this way and these users can use it that way?30:50 – Guest answers the question. 31:03 – Guest: You can pick out the big things.31:30 – Chuck: I am using this feature in the browser...31:41 – Guest.31:46 – Chris: I think this differently than you Andy – I’ve stopped caring if a browser supports something new. I am fine using CSS grid and if your browser doesn’t support it then I don’t have a problem with that. I get hung up on, though if this fails can they still get the content? If they have no access to these – what should they be able to do?Note: “Cutting the Mustard Test” is mentioned. 33:37 – Guest.33:44 – Chuck: Knowing your users and if it becomes a problem then I will figure it out.34:00 – Chris: I couldn’t spare the time to make it happen right now b/c I am a one-man shop.34:20 – Chuck and Chris go back-and-forth. 34:36 –Chris: Check out links below for my product.34:54 – AJ: A lot of these things are in the name: progressive. 36:20 – https://andy-bell.design 38:51 – Chris: Say that they haven’t looked at it all before. Do you mind talking about these things and what the heck is a web component?39:14 – The guest gives us his definition of what a web component is. 40:02 – Chuck: Most recent episode in Angular about web components, but that was a few years ago. See links below for that episode.40:25 – Aimee.40:31 – Guest: Yes, it’s a lot like working in Vue and web components. The concepts are very similar.41:22 – Chris: Can someone please give us an example? A literal slideshow example?41:45 – Guest answers the question. 45:07 – Chris.45:12 – Guest: It’s a framework that just happens to use web components and stuff to help.45:54 – Chuck: Yeah they make it easier (Palmer). Yeah there is a crossover with Palmer team and other teams. I can say that b/c I have talked with people from both teams. Anything else?46:39 – Chuck: Where do they go to learn more?46:49 – Guest: https://webcomponents.club And my Twitter! (See links below.)47:33 – Chuck: I want to shout-out about https://devlifts.io that has $19 a month to help you with physical goals. Or you can get the premium slot! It’s terrific stuff. Sign-up with DEVCHAT code but there is a limited number of slots and there is a deadline, too. Just try it! They have a podcast, too!49:16 – Aimee: http://podcast.devlifts.io 49:30 – Chuck: Picks!END – https://www.cachefly.com Links:
- https://www.javascript.com
- https://reactjs.org
- https://elixir-lang.org
- Ember.js
- https://vuejs.org
- https://golang.org/project/
- http://jquery.com
- https://nodejs.org/en/
- https://github.com/GoogleChrome/puppeteer
- https://www.cypress.io
- https://devchat.tv/adv-in-angular/115-aia-polymer-and-web-components-with-angular-2-with-rob-dodson/
-

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Jaksot(735)

183 JSJ Should I go to college?

183 JSJ Should I go to college?

JS Remote Conf 2016 will be from January 14th-16th from noon-4:30PM ET! Get your early bird tickets or submit a CFP now thru December 14th! 02:46 - Panel Consensus and Experience and Career Paths16:00 - The School Doesn’t MatterDavid and Goliath: Underdogs, Misfits, and the Art of Battling Giants by Malcolm Gladwell 19:59 - Panel Experience and Career Paths (Cont’d)38:36 - Practically Helpful Knowledge and Disciplines; Interviewing and Hiring46:38 - Privilege and Navigating Without Opportunity49:54 - Why get a degree if it’s not necessary?Support Structure01:02:13 - Consensus Part 2Picks The More Things Change (Jamison) Allison Kaptur: Effective Learning Strategies for Programmers (Jamison) @Aimee_Knight (Joe) Star Wars Battlefront (Joe) Amazing Grass (Aimee) Daniel Brain: Sane, scalable Angular apps are tricky, but not impossible. Lessons learned from PayPal Checkout. (Aimee) xkcd: Correlation (Dave) Lviv, Ukraine (Dave) CharlesMaxWood.com (Chuck) Every Time Zone (Chuck) The Positioning Manual for Technical Firms by Philip Morgan (Chuck) JS Remote Conf (Chuck) Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

28 Loka 201543min

182 JSJ RxJS with Matthew Podwysocki

182 JSJ RxJS with Matthew Podwysocki

02:19 - Matthew Podwysocki IntroductionTwitter GitHubMicrosoft04:01 - RxJSReactive JavaScript Interview w/ Jeffrey Van Gogh & Matthew Podwysocki @ JSConf 2010“First-class Events”10:18 - Practical Experience of UseObservables17:28 - observable-spec 21:43 - Observables and Promises 25:06 - Using RxJS in Common FrameworksRxJS Git Book RxJS Gitter Channel27:53 - Are there places where observables might not be better than callbacks/Promises?29:16 - Why would someone use RxJS on the backend in place of Node streams? RabbitMQ32:28 - Are Promises dying?36:13 - Observable GotchasHot vs Cold Observables40:29 - InfluenceElmFunctional Reactive Programming (FRP)47:47 - Will observables in ES2016 replace RxJS?Picks A cartoon guide to Flux (Aimee) Promisees (Aimee) The Dear Hunter - Act IV Rebirth in Reprise (Jamison) Jessie Char: Expert On Nothing @ NSConf7 (Jamison) XHR Breakpoints (Dave) Glove and Boots (Dave) Computer Programming (Joe) Evan Czaplicki’s Thesis for Elm (Joe) The Alchemist by Paulo Coelho (Chuck) thaliproject (Matthew) BBC Micro Bit (Matthew) Minutemen (Matthew)Special Guest: Matthew Podwysocki. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

21 Loka 20151h 1min

181 JSJ The Evolution of Flux Libraries with Andrew Clark and Dan Abramov

181 JSJ The Evolution of Flux Libraries with Andrew Clark and Dan Abramov

Sign up for JS Remote Conf! Dan and Andrew's super awesome, helpful document that they made for the show during preparation03:22 - Andrew Clark IntroductionTwitter GitHubOpenGovflummox 03:39 - Dan Abramov IntroductionTwitter GitHubJavaScript Jabber Episode #179: redux and React with Dan Abramov 04:03 - FluxFlux vs MVC09:36 - Data FlowWhy FluxComponent > fluxMixinMixins Are Dead. Long Live Composition.  Higher-order Components Sebastian Markbåge's Tweet22:52 - Conceptualizing React and FluxReact.js Conf 2015 - Flux Panel Does redux limit ambiguity that exists in Flux?27:50 - Documentation 30:38 - The Elm Programming Language 32:34 - Making Patterns Explicit in FrameworksTom Dale @ TXJS 2015Let a 1,000 flowers bloom. Then rip 999 of them out by the roots.Sebastian Markbåge: Minimal API Surface Area @ JSConf EU 201436:31 - Getting Started with React and FluxClasses42:42 - Where Flux Falls Short58:23 - Keeping the Core Small; Making DecisionsPicks Strange Loop 2015 Videos (Jamison) Typeset In The Future (Jamison) Open-source as a project model for internal work (w/ speaker notes) by Kevin Lamping (Jamison) Explanation of Zipf's Law (Dave) Will Conant's talk at UtahJS 2015 on Flux (Dave) The Legend of ZERO (3 Book Series) by Sara King (Joe) Camel Up (Joe) The Elm Programming Language (Joe) Boundaries: A talk by Gary Bernhardt from SCNA 2012 (Aimee) Nodevember (Aimee) TV Fool (Chuck) RCA Outdoor Digital HDTV VHF UHF Yagi Type Antenna (Chuck) The Michael Vey Book Series (Chuck) BusinessTown (Dan) Elon Musk: The World’s Raddest Man (Dan) Professor Frisby's Mostly Adequate Guide to Functional Programming (Dan) Abiogenesis (Dan) react-future (Dan) The Righteous Mind (Andrew) lodash-fp (Andrew) Inside Amy Schumer (Andrew) dataloader (Andrew) Careers at OpenGov (Andrew)Special Guests: Andrew Clark and Dan Abramov . Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

14 Loka 201550min

180 JSJ Finding a Job

180 JSJ Finding a Job

02:14 - 15 Minute Podcast Listener chat with Charles Wood 03:23 - Amy’s Upcoming Talk at Nodevember 04:45 - Junior, Mid-level, and Senior Developers08:00 - Advice for Devs Straight Out of Boot Camp (How Job Hunts Work)14:28 - Looking For the Right Job For YOU The Passionate Programmer: Creating a Remarkable Career in Software Development by Chad Fowler23:22 - Mentorship & Company Culture 27:16 - Nailing the InterviewSalary ExpectationsGet to Know Potential Team MembersConfidence32:57 - Be Prepared: Coding is HARD Work35:27 - Getting To Know People & NetworkingHackathonsOpen Source ContributionDon’t Be Afraid … APPLY! ApprenticeshipsSaron Yitbarek: CodeNewbieConferences46:45 - Communication and People SkillsConway’s LawGet in touch with Aimee or Chuck!Tweet @cmaxwFork Aimee’s Ask Me Anything! Picks JS Remote Conf (Chuck) Rails Remote Conf (Chuck) Remote Conference Talks (Chuck) Standing Desks (Aimee) We have a problem with promises (Aimee) Interview Cake (Aimee) Nodevember (Aimee) A standing desk for $22 (Chuck) SmartCells Anti-Fatigue Comfort Mat (Chuck) Pebble Time (Chuck) Pebble.js (Chuck) Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

7 Loka 201558min

179 JSJ redux and React with Dan Abramov

179 JSJ redux and React with Dan Abramov

02:25 - Dan Abramov IntroductionTwitter GitHubDan Abramov: Live React: Hot Reloading with Time Travel @ react-europe 201502:43 - Dan’s Background and Journey Into Building Stuff with React Visual Basic05:48 - redux and React     10:07- The Elm Programming Language 12:19 - Reducers14:04 - Hot Reloading 17:50 - “React makes you a better JavaScript developer.”22:10 - Time Travel28:26 - Storing Data and Managing StateInteracting with the browser on CircleCI's VM34:43 - [Patreon] Support Dan Abramov Creating Redux and React Hot Loader 36:24 - react-transformreact-proxy babel-plugin-react-transformreact-transform-catch-errors41:34 - Using redux outside React43:52 - Editors and Programmer Productivity45:35 - Future PlansPicks The OAuth2 RFC (Aimee) Michael Ries: Hiring Apprentices (Jamison) @sebmck: "Sometimes having email history isn't always a good thing..." (Jamison) Metal Gear Solid 5: The Phantom Pain (Jamison) Firefly (Joe) The Elm Programming Language (Joe) Google Keep (Dave) 15 Minute Podcast Listener chat with Charles Wood (Chuck) Pebble Time (Chuck) 100 Days of Burpees (Chuck) Broad City (Dan) Jamie xx: In Colour (Dan) Cycle.js (Dan)Special Guest: Dan Abramov . Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

30 Syys 20151h

178 JSJ Tech Education and The Business of Running Front End Masters with Marc Grabanski

178 JSJ Tech Education and The Business of Running Front End Masters with Marc Grabanski

03:01 - Marc Grabanski IntroductionTwitter GitHub Blog03:35 - The jQuery UI Datepicker 04:29 - Frontend Masters@FrontendMasters07:26 - The Live Streaming PhenomenonTwitch.tv09:17 - Scalability11:25 - Value, Feedback Cycle14:43 - Structuring Courses and Workshops16:09 - Online vs In-PersonPrerequisites18:11 - Booking Workshops19:02 - Scaling (Cont’d)20:00 - Online Education (eLearning) in General egghead.ioCodeCombatNodeSchool21:40 - The Business ModelLicensing24:12 - Hot SellersKyle Simpson: Advanced JavaScript25:28 - Technical SetupLivestreamFirebase27:27 - Selecting Topics29:41 - Future Topics / Topics in Production30:38 - Individual / Company Attendeesfrontendmasters.com/workshops31:45 - Upcoming Plans for Frontend Masters32:32 - Advice For Starting Something Like Frontend Masters34:23 - Keeping Content Up-to-date36:14 - eLearning ExperimentsUntrusted exercism.ioNodeSchoolA Better Way to Learn JavaScriptMy Tech High39:30 - Giveawaysmarc@frontendmasters.com 40:07 - Getting Started with Programming43:03 - Marketing45:20 - Teacher CompensationPicks Jessica Kerr: Functional Principles In React @ React Rally 2015 (Jamison) thought-haver (Jamison) [Frontend Masters] Angular Application Development (Aimee) [Frontend Masters] JavaScript the Good Parts (Aimee) LÄRABAR (Aimee) Taking time off (Chuck) The Man from U.N.C.L.E. (Joe) BB-8 by Sphero (Joe) ng-conf (Joe) The Tim Ferriss Show (Marc) CodeCombat (Marc) Untrusted (Marc)Special Guest: Marc Grabanski. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

23 Syys 201512min

177 JSJ UI Validation with Oren Rubin

177 JSJ UI Validation with Oren Rubin

02:43 - Oren Rubin IntroductionTwitter GitHubLinkedInTESTIM.IO 05:43 - TestingUnit TestingEnd-to-end TestingAcceptance TestingFunctional TestingPerformance Testing18:18 - Page Object(s)Locators27:10 - Protractor & SeleniumZombie32:06 - Checking UI (Screenshots)37:04 - End-to-end > Full Coverage?40:03 - When should you start testing?42:21 - Cucumber 45:39 - DebuggingPicks Paul Ford: 10 Timeframes (Jamison) Kishi Bashi - “In Fantasia” (Jamison) Matt Zabriskie (Jamison) http-backend-proxy (Aimee) repl.it (Aimee) React.js Training with Michael Jackson and Ryan Florence (Joe) React Rally (Joe) AngularConnect (Joe) ng-conf (Joe) Ruby Remote Conf Videos (Chuck) Angular Remote Conf (Chuck) 15 Minute Podcast Listener chat with Charles Wood (Chuck) Dave Haeffner: Elemental Selenium (Oren) CSS Secrets by Lea Verou (Oren) Cloudinary (Oren)Special Guest: Oren Rubin. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

16 Syys 201559min

176 JSJ RethinkDB with Slava Akhmechet

176 JSJ RethinkDB with Slava Akhmechet

02:20 - Slava Akhmechet IntroductionTwitter GitHub Blog02:41 - RethinkDB Overview@rethinkdb rethinkdb repo    04:24 - How It’s UsedCompose.io05:58 - Joins12:50 - Returning DataJSON13:53 - Getting Data to the BrowserQuora ArticleSocket.IO19:35 - ClusteringReliability & Performance IssuesJepsen (Call Me Maybe Series)Consensus Algorithms26:37 - ReQL 30:53 - IndexesB-tree 32:18 - MapReduce 35:44 - The RethinkDB Community & Contributors38:04 - Is it production ready?40:08 - Differences Between Version 2.0 and 2.1 ExtrasJavaScript Jabber Episode #161: Rust with David HermanSteve Klabnik: Systems Programming for the Ruby Developer @ Ruby Remote Conf 2015  Picks Our World War (Dave) Quest Protein Bars (Aimee) You-Dont-Know-JS (Aimee) Angular Remote Conf (Chuck) Orphan Black (Chuck) Mr. Robot (Slava) Rick and Morty (Slava) The Rust Programming Language (Slava)Special Guest: Slava Akhmechet. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

9 Syys 201551min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
mimmit-sijoittaa
rss-rahapodi
ostan-asuntoja-podcast
rss-lahtijat
taloudellinen-mielenrauha
io-techin-tekniikkapodcast
oppimisen-psykologia
pomojen-suusta
hyva-paha-johtaminen
rahapuhetta
rss-rahamania
inderespodi
sijoituspodi
rss-h-asselmoilanen
rss-markkinointiradio
kasvun-kipuja
rss-startup-ministerio
rss-yritys-ja-erehdys