JavaScript Jabber

By DevChat.tv

Listen to a podcast, please open Podcast Republic app. Available on Google Play Store.


Category: Software How-To

Open in iTunes


Open RSS feed


Open Website


Description

Weekly podcast discussion about Javascript on the front and back ends. Also discuss programming practices, coding environments, and the communities related to the technology.

Episode Date
JSJ 318: Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari LIVE at Microsoft Build
56:37
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> </ul> <p><strong>Special Guests: </strong>Ori Zohar and Gopinath Chigakkagari</p> <p>In this episode, the JavaScript Jabber panelists discuss Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari at <a href="https://www.microsoft.com/en-us/build">Microsoft Build</a>. Ori is on the product team at <a href="https://www.visualstudio.com/team-services/">VSTS</a> focusing on DevOps specifically on <a href="https://azure.microsoft.com/en-us/?v=18.20">Azure</a>. Gopinath is the group program manager in VSTS primarily working on continuous integration, continuous delivery, DevOps, Azure deployment, etc. They talk about the first steps people should take when getting into DevOps, define DevOps the way Microsoft views it, the advantages to automation, and more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Ori and Gopi intro</li> <li><a href="https://www.visualstudio.com/team-services/">VSTS</a> &ndash; Visual Studio Team Services</li> <li>VSTS gives developers the ability to be productive</li> <li>Developer productivity</li> <li>What&rsquo;s the first big step people should be taking if they&rsquo;re getting into DevOps?</li> <li>The definition of DevOps</li> <li>The people and the processes as the most important piece</li> <li>DevOps as the best practices</li> <li>Automating processes</li> <li>What people do when things go wrong is what really counts</li> <li>Letting the system take care of the problems</li> <li>Have the developers work on what they are actually getting paid for</li> <li>Trend of embracing DevOps</li> <li>Shifting the production responsibility more onto the developer&rsquo;s</li> <li>Incentivizing developers</li> <li>People don&rsquo;t account for integration</li> <li>Continuous integration</li> <li>Trends on what customers are asking for</li> <li>Safety</li> <li>Docker containers</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://azure.microsoft.com/en-us/?v=18.20">Azure</a></li> <li><a href="https://www.microsoft.com/en-us/build">Microsoft Build</a></li> <li><a href="https://www.visualstudio.com/team-services/">VSTS</a></li> <li><a href="https://twitter.com/orizhr">@orizhr</a></li> <li><a href="https://github.com/orizohar">Ori&rsquo;s GitHub</a></li> <li><a href="https://github.com/gopinathch">Gopi&rsquo;s GitHub</a></li> <li><a href="https://twitter.com/gopinach">@gopinach</a></li> </ul> <p><strong>Sponsors</strong></p> <ul> <li><a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&amp;utm_source=devchattv&amp;utm_campaign=kendo-ui-awareness-jsjabber">Kendo UI</a></li> <li><a href="https://promo.linode.com/javascriptjabber/">Linode</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.dotnetrocks.com/">.NET Rocks!</a></li> <li><a href="http://www.shure.com/americas/products/microphones/sm/sm58-vocal-microphone">Shure SM58 Microphone</a></li> <li><a href="https://www.zoom-na.com/products/field-video-recording/field-recording/h6-handy-recorder">Zoom H6</a></li> </ul> <p>Ori</p> <ul> <li><a href="https://www.fitbit.com/home">Fitbit</a></li> <li>Pacific Northwest Hiking</li> </ul> <p>Gopinath</p> <ul> <li>Seattle, WA</li> </ul>
Jun 18, 2018
JSJ 317: Prisma with Johannes Schickling
48:53
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>AJ O&rsquo;Neal</li> </ul> <p><strong>Special Guests: </strong>Johannes Schickling</p> <p>In this episode, the JavaScript Jabber panelists discuss Prisma with Johannes Schickling. Johannes is the CEO and co-founder of <a href="https://www.graph.cool/">GraphCool</a> and works with <a href="https://www.prisma.io/">Prisma</a>. They talk about the upcoming changes within GraphCool, what Prisma is, and GraphQL back-end operations. They also touch on the biggest miscommunication about Prisma, how Prisma works, and much more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li><a href="https://devchat.tv/js-jabber/graphcool-with-johannes-schickling">JSJ Episode 257 </a></li> <li><a href="https://devchat.tv/my-javascript-story/mjs-055-johannes-schickling">MJS Episode 055</a></li> <li>Raised a seed round</li> <li>Rebranding of <a href="https://www.graph.cool/">GraphCool</a></li> <li>What are you wanting to do with the seed money you raised?</li> <li>Focused on growing his team currently</li> <li>Making <a href="https://graphql.org/">GraphQL</a> easier to do</li> <li>The change in the way people build software</li> <li>What is <a href="https://www.prisma.io/">Prisma</a>?</li> <li>Two things you need to do as you want to adopt GraphQL</li> <li><a href="https://www.apollographql.com/docs/react/">Apollo Client</a> and <a href="https://facebook.github.io/relay/">Relay</a></li> <li>GraphQL on the back-end</li> <li>Resolvers</li> <li>Resolving data in one query</li> <li>Prisma supports <a href="https://www.mysql.com/">MySQL</a> and <a href="https://www.postgresql.org/">PostgreSQL</a></li> <li>How do you control access to the GraphQL endpoint that Prisma gives you?</li> <li>Biggest miscommunication about Prisma</li> <li>Prisma makes it easier for you to make your own GraphQL server</li> <li>Application schemas</li> <li>How do you blend your own resolvers with Prisma?</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://devchat.tv/js-jabber/graphcool-with-johannes-schickling">JSJ Episode 257 </a></li> <li><a href="https://devchat.tv/my-javascript-story/mjs-055-johannes-schickling">MJS Episode 055</a></li> <li><a href="https://www.graph.cool/">GraphCool</a></li> <li><a href="https://www.prisma.io/">Prisma</a></li> <li><a href="https://graphql.org/">GraphQL</a></li> <li><a href="https://www.apollographql.com/docs/react/">Apollo Client</a></li> <li><a href="https://facebook.github.io/relay/">Relay</a></li> <li><a href="https://www.mysql.com/">MySQL</a></li> <li><a href="https://www.postgresql.org/">PostgreSQL</a></li> <li><a href="https://twitter.com/schickling">@schickling</a></li> <li><a href="https://github.com/schickling">Johannes&rsquo; GitHub</a></li> <li><a href="http://schickling.me/">Schickling.me</a></li> <li><a href="https://slack.prisma.io/">Prisma Slack</a></li> </ul> <p><strong>Sponsors</strong></p> <ul> <li><a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&amp;utm_source=devchattv&amp;utm_campaign=kendo-ui-awareness-jsjabber">Kendo UI</a></li> <li><a href="https://promo.linode.com/javascriptjabber/">Linode</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.audible.com/">Audible</a></li> <li><a href="https://www.amazon.com/5-Love-Languages-Children/dp/0802403476"><em>The 5 Love Languages of Children</em> by Gary Chapman</a></li> <li>Facebook Backyard Homesteader Groups</li> <li><a href="https://charlesmaxwood.com/">CharlesMaxWood.com</a></li> <li><a href="https://www.sling.com/">Sling TV</a></li> <li><a href="https://www.roku.com/products/roku-express">Roku Express</a></li> </ul> <p>AJ</p> <ul> <li><a href="https://www.zelda.com/breath-of-the-wild/">The Legend of Zelda: Breath of the Wild</a></li> </ul> <p>Johannes</p> <ul> <li><a href="https://www.figma.com/">Figma</a></li> <li><a href="https://www.netlify.com/docs/functions/">Netlify Functions</a></li> <li><a href="https://www.graphql-europe.org/">GraphQL Europe</a></li> </ul>
Jun 12, 2018
JSJ 316: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build
34:56
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> </ul> <p><strong>Special Guests: </strong>Rachel MacFarlane and Matt Bierner</p> <p>In this episode, the JavaScript Jabber panelists discuss Visual Studio Code with<strong> </strong>Rachel MacFarlane and Matt Bierner, who are both developers on <a href="https://code.visualstudio.com/">Visual Studio Code</a>. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon,&nbsp; and how people can follow along the VS Code improvements on <a href="https://github.com/Microsoft/vscode">GitHub</a> and <a href="https://twitter.com/code?lang=en">Twitter</a>. They also touch on their favorite extensions, like the <a href="https://code.visualstudio.com/docs/azure/docker">Docker extension</a> and the <a href="https://code.visualstudio.com/docs/azure/extensions">Azure extension</a> and their favorite VS Code features.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Rachel and Matt intro</li> <li>Month to month workflow of <a href="https://code.visualstudio.com/">Visual Studio Code</a></li> <li>VS Code <a href="https://www.javascript.com/">JavaScript</a>, <a href="https://www.typescriptlang.org/">TypeScript</a>, and Mark Down support</li> <li>Working on GitHub and within the community</li> <li>Check out new features incrementally with insiders</li> <li>Community driven work</li> <li>What is coming out in Visual Studio Code?</li> <li>GitHub helps to determine what they work on</li> <li>Working on Grid View</li> <li>Improved settings UI</li> <li>Highlighting unused variables in your code</li> <li>Improvements with JS Docs</li> <li><a href="https://www.dartlang.org/">Dart</a></li> <li>Visual Studio Extension API</li> <li>How do people follow along with the VS Code improvements?</li> <li>Follow along on <a href="https://github.com/Microsoft/vscode">GitHub</a> and <a href="https://twitter.com/code?lang=en">Twitter</a></li> <li>Download <a href="https://code.visualstudio.com/insiders/">VS Code Insiders</a></li> <li>Have a general road map of what the plan is for the year</li> <li>Technical debt week</li> <li>What do you wish people knew about VS Code?</li> <li>Favorite extensions</li> <li><a href="https://code.visualstudio.com/docs/azure/docker">Docker extension</a> and <a href="https://code.visualstudio.com/docs/azure/extensions">Azure extension</a></li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://code.visualstudio.com/">Visual Studio Code</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li><a href="https://www.dartlang.org/">Dart</a></li> <li><a href="https://github.com/Microsoft/vscode">VS Code GitHub</a></li> <li><a href="https://twitter.com/code?lang=en">@Code</a></li> <li><a href="https://code.visualstudio.com/insiders/">VS Code Insiders</a></li> <li><a href="https://code.visualstudio.com/docs/azure/docker">Docker extension</a></li> <li><a href="https://code.visualstudio.com/docs/azure/extensions">Azure extension</a></li> <li><a href="https://github.com/RMacfarlane">Rachel&rsquo;s GitHub</a></li> <li><a href="https://github.com/mjbvz">Matt&rsquo;s GitHub</a></li> <li><a href="https://blog.mattbierner.com/">MattBierner.com</a></li> <li><a href="https://twitter.com/mattbierner?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">@mattbierner</a></li> </ul> <p><strong>Sponsors</strong></p> <ul> <li><a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&amp;utm_source=devchattv&amp;utm_campaign=kendo-ui-awareness-jsjabber">Kendo UI</a></li> <li><a href="https://promo.linode.com/javascriptjabber/">Linode</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://en.wikipedia.org/wiki/Orphan_Black">Orphan Black</a></li> <li><a href="https://www.imdb.com/title/tt4154756/">Avengers: Infinity War</a></li> <li>Fishing</li> </ul> <p>Rachel</p> <ul> <li><a href="https://gitlens.amod.io/">GitLens</a></li> </ul> <p>Matt</p> <ul> <li><a href="https://www.imdb.com/title/tt0085124/">The Bronx Warriors</a></li> </ul>
Jun 05, 2018
JSJ 315: The effects of JS on CSS with Greg Whitworth
53:29
<p><strong>Panel: </strong></p> <ul> <li>AJ O&rsquo;Neal</li> <li>Aimee Knight</li> </ul> <p><strong>Special Guests: </strong>Greg Whitworth</p> <p>In this episode, the JavaScript Jabber panelists discuss the effects of JavaScript on CSS with Greg Whitworth. Greg works on Microsoft EdgeHTML, specifically working on the Microsoft Layout team, is on the CSS working group, and is involved with the Houdini task force. They talk about JS engines and rendering engines, what the CSSOM is, why it is important to understand the rendering engine, and much more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Greg intro</li> <li>What is the Houdini task force?</li> <li>Extensible web manifesto</li> <li>DOM (Document Object Model)</li> <li>Layout API</li> <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/SpiderMonkey/Parser_API">Parser API</a></li> <li><a href="https://babeljs.io/">Babel</a></li> <li><a href="https://jquery.com/">jQuery</a></li> <li>Back to basics</li> <li><a href="https://www.javascript.com/">JavaScript</a> engine and rendering engine</li> <li>What is the CSSOM?</li> <li>Every browser has its separate JS engine</li> <li>Browsers perspective</li> <li><a href="http://shoptalkshow.com/episodes/306-debugging-css-aimee-knight/">Aimee ShopTalk Podcast Episode</a></li> <li>Why is it important to understand how the rendering engine is working?</li> <li>Making wise decisions</li> <li>Give control back to browser if possible</li> <li>When you would want to use JavaScript or CSS</li> <li>Hard to make a hard or fast rule</li> <li>CSS is more performant</li> <li>Overview of steps</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/SpiderMonkey/Parser_API">Parser API</a></li> <li><a href="https://babeljs.io/">Babel</a></li> <li><a href="https://jquery.com/">jQuery</a></li> <li><a href="http://shoptalkshow.com/episodes/306-debugging-css-aimee-knight/">Aimee ShopTalk Podcast Episode</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://twitter.com/gregwhitworth?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">@gregwhitworth</a></li> <li><a href="http://www.gwhitworth.com/">GWhitworth.com</a></li> <li><a href="https://github.com/gregwhitworth">Greg&rsquo;s GitHub</a></li> <li>&nbsp;</li> </ul> <p><strong>Sponsors</strong></p> <ul> <li><a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&amp;utm_source=devchattv&amp;utm_campaign=kendo-ui-awareness-jsjabber">Kendo UI</a></li> <li><a href="https://promo.linode.com/javascriptjabber/">Linode</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> </ul> <p><strong>Picks:</strong></p> <p>AJ</p> <ul> <li><a href="https://www.microsoft.com/en-us/surface">Microsoft Surface</a></li> <li>Microsoft Cursor</li> </ul> <p>Aimee</p> <ul> <li>Greg&rsquo;s Talk</li> <li><a href="http://www.sarahmei.com/blog/2014/04/07/what-your-conference-proposal-is-missing/"><em>What Your Conference Proposal Is Missing</em> by Sarah Mei</a></li> </ul> <p>Greg</p> <ul> <li><a href="http://shoptalkshow.com/episodes/306-debugging-css-aimee-knight/">Aimee ShopTalk Podcast Episode</a></li> <li><a href="https://www.youtube.com/watch?v=cCOL7MC4Pl0">Jake Archibald Tasks Talk</a></li> </ul>
May 30, 2018
JSJ 314: Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver LIVE at Microsoft Build
50:46
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> </ul> <p><strong>Special Guests: </strong>Matt Hernandez and Amanda Silver</p> <p>In this episode, the JavaScript Jabber/Adventures In Angular, panelists discuss Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver at <a href="https://www.microsoft.com/en-us/build">Microsoft Build</a>. Amanda is the director of program management at Microsoft working on <a href="https://www.visualstudio.com/">Visual Studio</a> and <a href="https://code.visualstudio.com/">VS Code</a>. Matt works on a mix between the <a href="https://azure.microsoft.com/en-us/?v=18.20">Azure</a> and the VS Code team, where he leads the effort to build the Azure extensions in VS code, trying to bring JavaScript developers to Azure through great experiences in VS Code. They talk about what&rsquo;s new in VS Code, how the Azure extension works, what log points are, and much more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Amanda intro</li> <li>Matt intro</li> <li>What&rsquo;s new in <a href="https://code.visualstudio.com/">VS Code</a>?</li> <li>VS Code core</li> <li>VS <a href="https://www.visualstudio.com/services/live-share/">Live Share</a></li> <li>Shared Terminal</li> <li>Now have Linux support</li> <li>Live Share is now public to the world for free</li> <li>What would you use Shared Terminal for?</li> <li>Are there other things coming up in VS Code?</li> <li>Constantly responding to requests from the community</li> <li>Live Share works for any language</li> <li>How does the <a href="https://azure.microsoft.com/en-us/?v=18.20">Azure</a> extension work?</li> <li><a href="https://azure.microsoft.com/en-us/services/app-service/">Azure App Service</a></li> <li>Storage extension</li> <li><a href="https://azure.microsoft.com/en-us/services/cosmos-db/">Azure Cosmos DB</a></li> <li>What are log points?</li> <li>All a part of a larger plan to create a better experience for JS developers</li> <li>Visual debuggers</li> <li>Is it the same plugin to support everything on Azure?</li> <li>Want to target specific services that node developers will take advantage of</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://www.visualstudio.com/">Visual Studio</a></li> <li><a href="https://code.visualstudio.com/">VS Code</a></li> <li><a href="https://azure.microsoft.com/en-us/?v=18.20">Azure</a></li> <li><a href="https://www.visualstudio.com/services/live-share/">Live Share</a></li> <li><a href="https://azure.microsoft.com/en-us/services/cosmos-db/">Azure Cosmos DB</a></li> <li><a href="https://www.microsoft.com/en-us/build">Microsoft Build</a></li> <li><a href="https://azure.microsoft.com/en-us/services/app-service/">Azure App Service</a></li> <li><a href="https://github.com/AmandaSilver">Amanda&rsquo;s GitHub</a></li> <li><a href="https://twitter.com/amandaksilver?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">@amandaksilver</a></li> <li><a href="https://github.com/fiveisprime">Matt&rsquo;s GitHub</a></li> <li><a href="https://twitter.com/fiveisprime?lang=en">@fiveisprime</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="http://www.bbcamerica.com/shows/orphan-black">Orphan Black</a></li> <li>Shout out to VS Code team</li> <li><a href="http://www.battleofthebooks.org/">Battle of the Books</a></li> </ul> <p>Matt</p> <ul> <li><a href="https://www.amazon.com/Customer-Driven-Playbook-Converting-Customer-Successful/dp/149198127X"><em>The Customer-Driven Playbook</em> by Travis Lowdermilk</a></li> <li><a href="https://www.amazon.com/SPEED-TRUST-Thing-Changes-Everything/dp/1416549005"><em>The Speed of Trust </em>by Stephen M.R. Covey</a></li> <li><a href="https://www.amazon.com/Yes-Improvisation-Reverses-Creativity-Collaboration-Lessons/dp/0062248545"><em>Yes, And</em> by Kelly Leonard</a></li> <li><a href="https://www.amazon.com/Digital-Marketing-Dummies-Business-Personal/dp/1119235596"><em>Digital Marketing For Dummies </em>by Ryan Deiss</a></li> <li><a href="https://www.kickstarter.com/projects/carrotpantspress/ed-gets-his-power-back-an-electrifying-tale-for-ma"><em>Ed Gets His Power Back</em> Kickstarter</a></li> </ul> <p>Amanda</p> <ul> <li><a href="https://marketplace.visualstudio.com/items?itemName=quantum.quantum-devkit-vscode">Microsoft Quantum Development Kit for Visual Studio Code</a></li> <li><a href="https://www.amazon.com/Iggy-Peck-Architect-Andrea-Beaty/dp/081091106X">Iggy Peck, Architect</a></li> <li><a href="https://www.amazon.com/Tek-Modern-Cave-Patrick-McDonnell/dp/0316338052"><em>Tek</em> by Patrick McDonnell</a></li> </ul>
May 22, 2018
JSJ 313: Light Functional JavaScript with Kyle Simpson
53:21
<p><strong>Panel: </strong></p> <ul> <li>AJ ONeal</li> <li>Aimee Knight</li> <li>Joe Eames</li> </ul> <p><strong>Special Guests: </strong>Kyle Simpson</p> <p>In this episode, the JavaScript Jabber panelists discuss light functional <a href="https://www.javascript.com/">JavaScript</a> with Kyle Simpson. Kyle is most well-known for writing the books <a href="https://www.amazon.com/You-Dont-Know-Js-Book/dp/B01AY9P0P6"><em>You Don&rsquo;t Know JS</em></a> and is on the show today for his book <a href="https://www.amazon.com/Functional-Light-JavaScript-Pragmatic-Balanced-FP-ebook/dp/B0787DBFKH"><em>Functional-Light JavaScript</em></a>. They talk about what functional programming is, what side-effects are, and discuss the true heart behind functional programming. They also touch on the main focus of functional programming and much more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li><a href="https://www.amazon.com/You-Dont-Know-Js-Book/dp/B01AY9P0P6"><em>You Don&rsquo;t Know JS</em></a></li> <li><a href="https://www.amazon.com/Functional-Light-JavaScript-Pragmatic-Balanced-FP-ebook/dp/B0787DBFKH"><em>Functional-Light JavaScript</em></a></li> <li>From the same spirit as first books</li> <li><a href="https://www.javascript.com/">JavaScript </a></li> <li>Documents journey of learning</li> <li>What does Functional Programming mean?</li> <li>Functional programming is being re-awoken</li> <li>Many different definitions</li> <li>History of functional programming</li> <li>Programming with functions</li> <li>What is a function?</li> <li>&ldquo;A collection of operations of doing some task&rdquo; is what people think functions are</li> <li>What a function really is</li> <li>Map inputs to outputs</li> <li>What is a side-effect?</li> <li>Side-effects should be intentional and explicit</li> <li>The heart of functional programming</li> <li>Refactoring</li> <li>Can&rsquo;t write a functional program from scratch</li> <li>What functional programming focuses on</li> <li>Making more readable and reliable code</li> <li>Pulling a time-stamp</li> <li>Defining a side-effect</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://www.amazon.com/You-Dont-Know-Js-Book/dp/B01AY9P0P6"><em>You Don&rsquo;t Know JS</em></a></li> <li><a href="https://www.amazon.com/Functional-Light-JavaScript-Pragmatic-Balanced-FP-ebook/dp/B0787DBFKH"><em>Functional-Light JavaScript</em></a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://github.com/getify">Kyle&rsquo;s GitHub</a></li> <li><a href="https://twitter.com/getify?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">@getify</a></li> </ul> <p><strong>Picks:</strong></p> <p>Aimee</p> <ul> <li><a href="http://typicalprogrammer.com/what-does-code-readability-mean"><em>What Does Code Readability Mean?</em></a></li> <li><a href="https://twitter.com/functionalknox?lang=en">@FunctionalKnox</a></li> <li><a href="https://itunes.apple.com/us/podcast/http-203/id1042283903?mt=2">HTTP 203 Podcast </a></li> </ul> <p>AJ</p> <ul> <li><a href="https://www.ikea.com/">IKEA</a></li> </ul> <p>Joe</p> <ul> <li><a href="https://www.amazon.com/Barking-Wrong-Tree-Surprising-Everything/dp/0062416049"><em>Barking Up the Wrong Tree</em> by Eric Barker</a></li> <li>Workshops in general</li> </ul> <p>Kyle</p> <ul> <li><a href="https://www.eugdpr.org/">GDPR</a></li> <li><a href="https://medium.com/@trowers_startup/the-start-ups-guide-to-the-gdpr-ccd81c3b5f47"><em>The start-up&rsquo;s guide to the GDPR</em></a></li> <li><a href="https://hatchcrypto.io/">Hatch</a></li> <li><a href="https://conferences.oreilly.com/fluent/fl-ca">Fluent Conf</a></li> </ul>
May 15, 2018
JSJ 312: Hygen with Dotan Nahum
47:53
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Aimee Knight</li> <li>AJ ONeal</li> </ul> <p><strong>Special Guests: </strong>Dotan Nahum</p> <p>In this episode, the JavaScript Jabber panelists discuss Hygen with Dotan Nahum. Dotan has worked within open source community, where he created <a href="http://www.hygen.io/">Hygen</a>. They talk about what Hygen is, how it came to be, and code generators in general. He was inspired by the <a href="https://rubyonrails.org/">Rails</a> generator to create his own generator and took his inspiration from 12 years prior to creating Hygen. They also touch on how to share generators in separate packages and much more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Dotan intro</li> <li>What is <a href="http://www.hygen.io/">Hygen</a>?</li> <li>Code generators</li> <li><a href="https://rubyonrails.org/">Rails in 2006</a></li> <li><a href="https://www.youtube.com/watch?v=Gzj723LkRJY&amp;feature=youtu.be">Ruby on Rails 15-minute blog video</a></li> <li>PHP and <a href="https://www.python.org/">Python</a></li> <li>Carried Rails wow moment with him into creating Hygen</li> <li>Wanted Rails generators everywhere</li> <li>Can you also modify files?</li> <li>Took the good things from Rails generator</li> <li>The fact that front-end apps have architecture is new</li> <li><a href="https://redux.js.org/">Redux</a></li> <li>The solution of generating code</li> <li>A component is a ray of files and assets</li> <li><a href="https://www.javascript.com/">JavaScript</a> gives you great freedom</li> <li>A standardized way of doing components</li> <li><a href="https://graphql.org/">GraphQL</a></li> <li>Everything lives in the &ldquo;day job&rdquo; project</li> <li>How the Hygen template is formatted</li> <li>Can have a shell action</li> <li>Is there a way to share generators in a separate package?</li> <li><a href="https://golang.org/">Go</a></li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="http://www.hygen.io/">Hygen</a></li> <li><a href="https://rubyonrails.org/">Rails</a></li> <li><a href="https://www.youtube.com/watch?v=Gzj723LkRJY&amp;feature=youtu.be">Ruby on Rails 15-minute blog video</a></li> <li><a href="https://www.python.org/">Python</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://graphql.org/">GraphQL</a></li> <li><a href="https://golang.org/">Go</a></li> <li><a href="https://twitter.com/jondot?lang=en">@jondot</a></li> <li><a href="https://github.com/jondot">Dotan&rsquo;s GitHub</a></li> <li><a href="https://medium.com/@jondot">Dotan&rsquo;s Medium</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://conferences.oreilly.com/fluent/fl-ca">Fluent Conf</a></li> <li><a href="https://www.hotjar.com/">Hot Jar</a></li> <li><a href="https://devchat.tv/">DevChat.tv</a></li> <li><a href="https://www.ethereum.org/">Ethereum</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://dassur.ma/things/deep-copy/"><em>Deep-copying in JavaScript</em></a></li> </ul> <p>AJ</p> <ul> <li><a href="https://letsencrypt.org/">Let&rsquo;s Encrypt</a></li> <li><a href="https://www.nintendo.com/switch/">Nintendo Switch</a></li> <li><a href="https://www.zelda.com/breath-of-the-wild/">Breath of the Wild</a></li> </ul> <p>Dotan</p> <ul> <li><a href="https://github.com/asdf-vm/asdf">asdf</a></li> <li><a href="https://caskroom.github.io/">Brew Cask</a></li> </ul>
May 09, 2018
JSJ 311: Securing Express Apps with Helmet.js with Evan Hahn
40:09
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> </ul> <p><strong>Special Guests: </strong>Evan Hahn</p> <p>In this episode, the JavaScript Jabber panelists discuss securing Express apps with Helmet.js with Evan Hahn. Evan is a developer at <a href="https://airtable.com/">Airtable</a>, which is a company that builds spreadsheet applications that are powerful enough that you can make applications with. He has also worked at <a href="https://www.braintreepayments.com/">Braintree</a>, which does payment processing for companies. They talk about what <a href="https://helmetjs.github.io/">Helmet.js</a> is, when you would want to use it, and why it can help secure your <a href="https://expressjs.com/">Express</a> apps. They also touch on when you wouldn&rsquo;t want to use Helmet and the biggest thing that it saves you from in your code.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Evan intro</li> <li><a href="https://www.javascript.com/">JavaScript </a></li> <li>What is <a href="https://helmetjs.github.io/">Helmet.js</a>?</li> <li><a href="https://nodejs.org/en/">Node</a> and <a href="https://expressjs.com/">Express</a></li> <li>Why would you use the approach of Middleware?</li> <li>Helmet is not the only solution</li> <li>Http headers</li> <li>Current maintainer of Helmet.js</li> <li><a href="https://www.npmjs.com/">npm</a></li> <li>Has added a lot to the project, but is not the original creator</li> <li>Outbound HTTP response headers</li> <li>Helmet doesn&rsquo;t fully secure your app but it does help secure it</li> <li>How does using Helmet work?</li> <li>Are there instances when you wouldn&rsquo;t want to use Helmet?</li> <li>No cash middleware</li> <li>Where do you set the configuration options?</li> <li>Top level Helmet module</li> <li>12 modules</li> <li>What is the biggest thing that Helmet saves you from?</li> <li>Content security policy code</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://airtable.com/">Airtable</a></li> <li><a href="https://www.braintreepayments.com/">Braintree</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://helmetjs.github.io/">Helmet.js</a></li> <li><a href="https://nodejs.org/en/">Node</a></li> <li><a href="https://expressjs.com/">Express</a></li> <li><a href="https://www.npmjs.com/">npm</a></li> <li><a href="https://evanhahn.com/">Evan&rsquo;s Website</a></li> <li><a href="https://twitter.com/evanhahn?lang=en">@EvanHahn</a></li> <li><a href="https://github.com/EvanHahn">Evan&rsquo;s GitHub</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li>Camera</li> <li><a href="https://www.amazon.com/Zoom-H6-Six-Track-Portable-Recorder/dp/B00DFU9BRK/ref=sr_1_3?s=musical-instruments&amp;ie=UTF8&amp;qid=1525105848&amp;sr=1-3&amp;keywords=zoom+h6">Zoom H6</a></li> <li><a href="https://www.amazon.com/Shure-SM58-LC-Cardioid-Dynamic-Microphone/dp/B0179T2CM8/ref=sr_1_1_sspa?s=musical-instruments&amp;ie=UTF8&amp;qid=1525105890&amp;sr=1-1-spons&amp;keywords=shure+sm58&amp;psc=1&amp;smid=AZH80ONF88EC1">Shure SM58</a></li> <li><a href="https://www.youtube.com/c/devchattv">DevChat.tv Youtube</a></li> <li><a href="https://devchat.tv/react-round-up">React Round Up</a></li> </ul> <p>Evan</p> <ul> <li><a href="https://clojure.org/">Clojure</a></li> <li><a href="http://fortune.js.org/">Fortune</a></li> <li><a href="https://www.imdb.com/title/tt6983520/">Kantaro: The Sweet Tooth Salaryman</a></li> </ul>
May 01, 2018
JSJ 310: Thwarting Insider Threats with Greg Kushto
45:59
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Cory House</li> <li>AJ O&rsquo;Neal</li> <li>Aimee Knight</li> </ul> <p><strong>Special Guests: </strong>Greg Kushto</p> <p>In this episode, the JavaScript Jabber panelists discuss thwarting insider threats with Greg Kushto. Greg is the vice president of sales engineering for <a href="https://www.force3.com/">Force 3</a> and has been focused on computer security for the last 25 years. They discuss what insider threats are, what the term includes, and give examples of what insider threats look like. They also touch on some overarching principles that companies can use to help prevent insider threats from occurring.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Greg intro</li> <li>Insider threats are a passion of his</li> <li>Most computer attacks come from the inside of the company</li> <li>Insider threats have changed over time</li> <li>What does the term &ldquo;insider threats&rdquo; include?</li> <li>Using data in an irresponsible manner</li> <li>Who&rsquo;s fault is it?</li> <li>Blame the company or blame the employee?</li> <li>Need to understand that insider threats don&rsquo;t always happen on purpose</li> <li>How to prevent insider threats</li> <li>Very broad term</li> <li>Are there some general principles to implement?</li> <li>Figure out what exactly you are doing and documenting it</li> <li>Documentations doesn&rsquo;t have to be a punishment</li> <li>Know what data you have and what you need to do to protect it</li> <li>How easy it is to get hacked</li> <li>Practical things to keep people from clicking on curious links</li> <li>The need to change the game</li> <li>Fighting insider threats isn&rsquo;t fun, but it is necessary</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://www.force3.com/">Force 3</a></li> <li><a href="https://www.linkedin.com/in/greg-kushto-050806a2">Greg&rsquo;s LinkedIn</a></li> <li><a href="https://twitter.com/greg_kushto?lang=en">@Greg_Kushto</a></li> <li><a href="http://www.force3.com/blog/">Greg&rsquo;s BLog</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://haveibeenpwned.com/">HaveIBeenPwned.com</a></li> <li><a href="https://www.pluralsight.com/">Plural Sight</a></li> <li><a href="http://elixirmix.com/">Elixir podcast</a> coming soon</li> <li><a href="https://www.ng-conf.org/">NG conf</a></li> <li><a href="https://www.microconf.com/">MicroConf</a></li> <li><a href="http://rubyhack.com/">RubyHack</a></li> <li><a href="https://www.microsoft.com/en-us/build">Microsoft Build</a></li> </ul> <p>Cory</p> <ul> <li><a href="https://www.plop.at/en/home.html">Plop</a></li> <li>VS code sync plugin</li> </ul> <p>Aimee</p> <ul> <li>Awesome Proposals GitHub</li> </ul> <p>AJ O&rsquo;Neal</p> <ul> <li>Fluffy Pancakes</li> <li><a href="https://www.amazon.com/Mind-Brain-Neuroplasticity-Power-Mental/dp/0060988479"><em>The Mind and the Brain</em> by Jeffrey M. Schwartz</a></li> </ul> <p>Greg</p> <ul> <li><a href="https://isc.sans.edu/podcast.html">StormCast</a></li> </ul>
Apr 24, 2018
JSJ 309: WebAssembly and JavaScript with Ben Titzer
52:21
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Cory House</li> <li>Aimee Knight</li> </ul> <p><strong>Special Guests: </strong>Ben Titzer</p> <p>In this episode, the JavaScript Jabber panelists discuss WebAssembly and JavaScript with Ben Titzer. Ben is a JavaScript VM engineer and is on the <a href="https://developers.google.com/v8/">V8</a> team at Google. He was one of the co-inventors of <a href="http://webassembly.org/">WebAssembly</a> and he now works on VM engineering as well as other things for WebAssembly. They talk about how WebAssembly came to be and when it would be of most benefit to you in your own code.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Ben intro</li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li>Co-inventor of <a href="http://webassembly.org/">WebAssembly</a> (Wasm)</li> <li>Joined <a href="https://developers.google.com/v8/">V8</a> in 2014</li> <li><a href="http://asmjs.org/">asm.js</a></li> <li>Built a JIT compiler to make asm.js faster</li> <li><a href="https://github.com/v8/v8/wiki/TurboFan">TurboFan</a></li> <li>What is the role of JavaScript? What is the role of WebAssembly?</li> <li>SIMD.js</li> <li>JavaScript is not a statically typed language</li> <li>Adding SIMD to Wasm was easier</li> <li>Easy to add things to Wasm</li> <li>Will JavaScript benefit?</li> <li>Using JavaScript with Wasm pros and cons</li> <li>Pros to compiling with Wasm</li> <li>Statically typed languages</li> <li>The more statically typed you are, the more you will benefit from Wasm</li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li>Is WebAssembly headed towards being used in daily application?</li> <li><a href="https://www.rust-lang.org/en-US/">Rust</a> is investing heavily in Wasm</li> <li>WebAssembly in gaming</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://developers.google.com/v8/">V8</a></li> <li><a href="http://webassembly.org/">WebAssembly</a></li> <li><a href="http://asmjs.org/">asm.js</a></li> <li><a href="https://github.com/v8/v8/wiki/TurboFan">TurboFan</a></li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li><a href="https://www.rust-lang.org/en-US/">Rust</a></li> <li><a href="https://github.com/webassembly">WebAssembly GitHub</a></li> <li><a href="https://github.com/titzer">Ben&rsquo;s GitHub</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="http://readyplayeronemovie.com/">Ready Player One Movie</a></li> <li><a href="https://www.youtube.com/channel/UCABJEQ57MIn6X3TIHIebJUw">DevChat.tv YouTube</a></li> <li>Alexa Flash Briefings: Add skill for &ldquo;JavaScript Rants&rdquo;</li> </ul> <p>Cory</p> <ul> <li><a href="https://semver.npmjs.com/">npm Semantic Version Calculator</a></li> <li><a href="https://twitter.com/KentBeck/status/974359988352110592">Kent Beck Tweet</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/418">MDN 418 Status code</a></li> <li><a href="https://blog.codinghorror.com/quantity-always-trumps-quality/"><em>Quantity Always Trumps Quality</em> blog post</a></li> </ul> <p>Ben</p> <ul> <li>American Politics</li> </ul>
Apr 17, 2018
JSJ 309: WebAssembly and JavaScript with Ben Titzer
52:21
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Cory House</li> <li>Aimee Knight</li> </ul> <p><strong>Special Guests: </strong>Ben Titzer</p> <p>In this episode, the JavaScript Jabber panelists discuss WebAssembly and JavaScript with Ben Titzer. Ben is a JavaScript VM engineer and is on the <a href="https://developers.google.com/v8/">V8</a> team at Google. He was one of the co-inventors of <a href="http://webassembly.org/">WebAssembly</a> and he now works on VM engineering as well as other things for WebAssembly. They talk about how WebAssembly came to be and when it would be of most benefit to you in your own code.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Ben intro</li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li>Co-inventor of <a href="http://webassembly.org/">WebAssembly</a> (Wasm)</li> <li>Joined <a href="https://developers.google.com/v8/">V8</a> in 2014</li> <li><a href="http://asmjs.org/">asm.js</a></li> <li>Built a JIT compiler to make asm.js faster</li> <li><a href="https://github.com/v8/v8/wiki/TurboFan">TurboFan</a></li> <li>What is the role of JavaScript? What is the role of WebAssembly?</li> <li>SIMD.js</li> <li>JavaScript is not a statically typed language</li> <li>Adding SIMD to Wasm was easier</li> <li>Easy to add things to Wasm</li> <li>Will JavaScript benefit?</li> <li>Using JavaScript with Wasm pros and cons</li> <li>Pros to compiling with Wasm</li> <li>Statically typed languages</li> <li>The more statically typed you are, the more you will benefit from Wasm</li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li>Is WebAssembly headed towards being used in daily application?</li> <li><a href="https://www.rust-lang.org/en-US/">Rust</a> is investing heavily in Wasm</li> <li>WebAssembly in gaming</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://developers.google.com/v8/">V8</a></li> <li><a href="http://webassembly.org/">WebAssembly</a></li> <li><a href="http://asmjs.org/">asm.js</a></li> <li><a href="https://github.com/v8/v8/wiki/TurboFan">TurboFan</a></li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li><a href="https://www.rust-lang.org/en-US/">Rust</a></li> <li><a href="https://github.com/webassembly">WebAssembly GitHub</a></li> <li><a href="https://github.com/titzer">Ben&rsquo;s GitHub</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="http://readyplayeronemovie.com/">Ready Player One Movie</a></li> <li><a href="https://www.youtube.com/channel/UCABJEQ57MIn6X3TIHIebJUw">DevChat.tv YouTube</a></li> <li>Alexa Flash Briefings: Add skill for &ldquo;JavaScript Rants&rdquo;</li> </ul> <p>Cory</p> <ul> <li><a href="https://semver.npmjs.com/">npm Semantic Version Calculator</a></li> <li><a href="https://twitter.com/KentBeck/status/974359988352110592">Kent Beck Tweet</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/418">MDN 418 Status code</a></li> <li><a href="https://blog.codinghorror.com/quantity-always-trumps-quality/"><em>Quantity Always Trumps Quality</em> blog post</a></li> </ul> <p>Ben</p> <ul> <li>American Politics</li> </ul>
Apr 17, 2018
JSJ 308: D3.js with Ben Clinkinbeard
45:50
<p><strong>Panel: </strong></p> <ul> <li>Joe Eames</li> <li>Cory House</li> <li>Aimee Knight</li> </ul> <p><strong>Special Guests: </strong>Ben Clinkinbeard</p> <p>In this episode, the JavaScript Jabber panelists talk about <a href="https://d3js.org/">D3.js</a> with Ben Clinkinbeard. D3.js is a <a href="https://www.javascript.com/">JavaScript</a> library that has you use declarative code to tell it what you want and then it figures out all of the browser inconsistencies and creates the notes for you. He talks about the two main concepts behind D3, scales and selections, which once you understand make D3 a lot more user friendly. He then touches on SPGs and discusses his <a href="https://benclinkinbeard.com/d3in5days/">Learn D3 in 5 Days course</a>.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is <a href="https://d3js.org/">D3.js</a>?</li> <li>Stands for Data Driven Documents</li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li>How much of the learning curve is attributed to learning D3?</li> <li>SPG</li> <li>2 main concepts behind D3: scales and selections</li> <li>Is learning about SPGs a prerequisite to leaning D3?</li> <li>How serious are you talking when saying idiosyncrasies?</li> <li>SPG tag</li> <li>Understanding positioning in SPG</li> <li>Positions with CSS transforms</li> <li>Are you required to use SPG?</li> <li>Not required to use SPG with D3</li> <li>Canvas</li> <li>SPG is vector based</li> <li>SPG utility function</li> <li><a href="https://brendansudol.com/writing/responsive-d3">Responseivefy</a></li> <li><a href="https://benclinkinbeard.com/d3in5days/">Learn D3 in 5 Days course</a></li> <li>Is there and overlap with D3 and React?</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://d3js.org/">D3.js</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://brendansudol.com/writing/responsive-d3">Responsivefy</a></li> <li><a href="https://benclinkinbeard.com/d3in5days/">Learn D3 in 5 Days course</a></li> <li><a href="https://reactjs.org/">React </a></li> <li><a href="https://twitter.com/bclinkinbeard?lang=en">@bclinkinbeard</a></li> <li><a href="https://github.com/bclinkinbeard">Ben&rsquo;s GitHub</a></li> </ul> <p><strong>Picks:</strong></p> <p>Cory</p> <ul> <li>React cheat sheet</li> <li><a href="https://www.youtube.com/watch?v=4fVdg3EEbi4">&ldquo;Why software engineers disagree about everything&rdquo; by Haseeb Qureshi</a></li> </ul> <p>Joe Eames</p> <ul> <li><a href="http://2ality.com/2018/03/javascript-typescript-reasonml.html">&ldquo;JavaScript vs. TypeScript vs. ReasonML&rdquo; by Dr. Axel Rauschmayer</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://levelup.gitconnected.com/how-to-use-technical-debt-in-your-favor-98bae475ba68">&ldquo;How To Use Technical Debt In Your Favor&rdquo;</a></li> <li><a href="https://twitter.com/NeuroscienceNew?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">Neuroscience News Twitter</a></li> </ul> <p>Ben</p> <ul> <li><a href="https://github.com/GoogleChromeLabs/comlink">ComLink</a></li> </ul>
Apr 10, 2018
JSJ 307: Apollo with Peggy Rayzis
39:55
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Aimee Knight</li> <li>AJ ONeal</li> </ul> <p><strong>Special Guests: </strong>Peggy Rayzis</p> <p>In this episode, the JavaScript Jabber panelists talk about Apollo with Peggy Rayzis. Peggy is an open source engineer on the <a href="https://www.apollographql.com/">Apollo</a> team where she primarily focuses on client stuff, working on <a href="https://www.apollographql.com/client/">Apollo Client</a>, and also other libraries. Previously, she was a UI engineer at <a href="https://www.mlssoccer.com/">Major League Soccer</a> where she worked primarily with <a href="https://reactjs.org/">React</a> and <a href="https://facebook.github.io/react-native/">React Native</a>. She discusses what <a href="https://graphql.org/">GraphQL</a> is and how it is used, as well as how they use it in the Apollo team to make their lives as developers easier. They also touch on when it would work best to use GraphQL and when it is not ideal to use it.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li><a href="https://devchat.tv/adv-in-angular/aia-127-graphql-and-apollo-with-uri-goldshtein">AiA 127 Episode</a></li> <li>Peggy intro</li> <li>What is <a href="https://graphql.org/">GraphQL</a>?</li> <li>What is a Typed Query Language?</li> <li>What is a schema?</li> <li>Where do schemas get defined?</li> <li><a href="https://blog.graph.cool/graphql-sdl-schema-definition-language-6755bcb9ce51">GraphQL SDL</a></li> <li>Apollo Stack and <a href="https://github.com/apollographql/apollo-server">Apollo Server</a></li> <li>Tracing and cash control</li> <li><a href="https://www.apollographql.com/engine">Apollo Engine</a></li> <li><a href="https://hackernoon.com/how-graphql-replaces-redux-3fff8289221d"><em>How GraphQL Replaces Redux</em></a></li> <li>GraphQL cuts down on front-end management</li> <li><a href="https://github.com/apollographql/apollo-link-state">Apollo Link State</a></li> <li>The best code is no code</li> <li><a href="https://www.apollographql.com/client/">Apollo Client</a> allows for greater developer productivity</li> <li>Does the conversation change if you&rsquo;re not using <a href="https://redux.js.org/">Redux</a> or in a different ecosystem?</li> <li>When is the right time to use this?</li> <li>Data doesn&rsquo;t have to be graph shaped to get the most out of GraphQL</li> <li>Analyze schema with Apollo Engine</li> <li>Is there a way to specify depth?</li> <li><a href="https://dev-blog.apollodata.com/securing-your-graphql-api-from-malicious-queries-16130a324a6b">Max Stoiber blog post</a></li> <li>How would people start using this?</li> <li><a href="https://www.howtographql.com/">HowtoGraphQL.com</a></li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://reactdevsummit.com/">React Dev Summit</a></li> <li><a href="https://jsdevsummit.com/">JS Dev Summit</a></li> <li><a href="https://www.apollographql.com/">Apollo</a></li> <li><a href="https://devchat.tv/adv-in-angular/aia-127-graphql-and-apollo-with-uri-goldshtein">AiA 127 Episode</a></li> <li><a href="https://www.apollographql.com/client/">Apollo Client</a></li> <li><a href="https://www.mlssoccer.com/">Major League Soccer</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://facebook.github.io/react-native/">React Native</a></li> <li><a href="https://graphql.org/">GraphQL</a></li> <li><a href="https://blog.graph.cool/graphql-sdl-schema-definition-language-6755bcb9ce51">GraphQL SDL</a></li> <li><a href="https://github.com/apollographql/apollo-server">Apollo Server</a></li> <li><a href="https://www.apollographql.com/engine">Apollo Engine</a></li> <li><a href="https://hackernoon.com/how-graphql-replaces-redux-3fff8289221d"><em>How GraphQL Replaces Redux</em></a></li> <li><a href="https://github.com/apollographql/apollo-link-state">Apollo Link State</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="https://dev-blog.apollodata.com/securing-your-graphql-api-from-malicious-queries-16130a324a6b">Max Stoiber blog post</a></li> <li><a href="https://www.howtographql.com/">HowtoGraphQL.com</a></li> <li><a href="https://twitter.com/peggyrayzis?lang=en">@PeggyRayzis</a></li> <li><a href="https://github.com/peggyrayzis">Peggy&rsquo;s GitHub</a></li> <li><a href="https://medium.com/@peggyrayzis">Peggy&rsquo;s Medium</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="http://graphql-ruby.org/">GraphQL Ruby</a></li> <li><a href="https://github.com/wp-graphql/wp-graphql">WordPress GraphQL</a></li> <li><a href="https://www.amazon.com/Potter-Hogwarts-Battle-Cooperative-Building/dp/B01EIKRP0K">Hogwarts Battles Board Game</a></li> <li><a href="https://www.amazon.com/Pandemic-Legacy-Season-1-Blue/dp/B00TQ5SEAI">Pandemic Legacy</a></li> <li><a href="https://www.amazon.com/Wizards-of-the-Coast-JUN118204/dp/B005J146MI">Risk Legacy</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://hackernoon.com/how-graphql-replaces-redux-3fff8289221d"><em>How GraphQL Replaces Redux</em></a></li> <li>JavaScript Meetup in LA</li> </ul> <p>AJ</p> <ul> <li><a href="https://www.simple.com/">Simple.com</a></li> <li><a href="https://broccoliwallet.com/">BroccoliWallet.com</a></li> <li><a href="https://www.amazon.com/Four-Hidden-Amazon-Facebook-Google/dp/0525501223"><em>The Four</em> by Scott Galloway</a></li> </ul> <p>Peggy</p> <ul> <li><a href="https://workshop.me/">Workshop.me</a></li> <li><a href="https://www.amazon.com/Thanks-Feedback-Science-Receiving-Well/dp/0670014664"><em>Thanks for the Feedback</em> by Douglas Stone</a></li> </ul>
Apr 03, 2018
JSJ 306: The Framework Summit with Joe Eames
48:03
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Cory House</li> <li>Aimee Knight</li> <li>Joe Eames</li> <li>AJ O&#39;Neal</li> </ul> <p>In this episode, the JavaScript Jabber panelists talk about the <a href="https://www.frameworksummit.com/">Framework Summit</a>. It was the brainchild of Merrick Christensen. This summit includes talks on multiple different frameworks all in a two-day conference, which allows you to get exposed to new frameworks while still learning more about the framework your job requires you to use. Another goal of the conference is that it will be able to open people&rsquo;s eyes up to the different frameworks available to them and show that no one framework is superior to another.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is the <a href="https://www.frameworksummit.com/">Framework Summit</a>?</li> <li>The framework you use plays a huge role in your programming</li> <li>For people who want to learn about more than one framework</li> <li>Allows you to explore</li> <li>The format of the conference</li> <li>Park City, Utah in October 2018</li> <li>Helps you answer which framework should you use?</li> <li>Goal is to open people&rsquo;s eyes up to other frameworks</li> <li>Decrease internet arguments over which framework is better</li> <li><a href="https://conferences.oreilly.com/fluent/fl-ca">Fluent Conference</a></li> <li>Get to have conversation with other people who work in your framework</li> <li>Making connections</li> <li><a href="https://www.youtube.com/watch?v=jl1tGiUiTtI">React Rally Talk Evan Czaplicki</a></li> <li>The context matters</li> <li>Being able to deep dive into the different frameworks</li> <li>Using frameworks in conjunction with one another</li> <li>Have you seen &ldquo;religionist&rdquo; themes in programming frameworks?</li> <li><a href="https://www.amazon.com/Righteous-Mind-Divided-Politics-Religion/dp/0307455777"><em>Why Good People Are Divided by Politics and Religion</em> by Jonathan Haidt</a></li> <li>Some people will never look beyond their frameworks</li> <li>If it&rsquo;s working, why would you mess with it?</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://reactdevsummit.com/">React Dev Summit</a></li> <li><a href="https://jsdevsummit.com/">JS Dev Summit</a></li> <li><a href="https://www.frameworksummit.com/">Framework Summit</a></li> <li><a href="https://angular.io/">Angular</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://www.emberjs.com/">Ember</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://conferences.oreilly.com/fluent/fl-ca">Fluent Conference</a></li> <li><a href="https://www.youtube.com/watch?v=jl1tGiUiTtI">React Rally Talk Evan Czaplicki</a></li> <li><a href="https://www.amazon.com/Righteous-Mind-Divided-Politics-Religion/dp/0307455777"><em>Why Good People Are Divided by Politics and Religion</em> by Jonathan Haidt</a></li> <li><a href="https://twitter.com/FrameworkSummit">@FrameworkSummit</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://dustinchristensen.bandcamp.com/track/parked-out-by-the-lake">Parked Out By the Lake Dustin Christensen</a></li> <li><a href="https://devchat.tv/">DevChat.tv</a></li> <li><a href="https://themeforest.net/item/newspaper/5489609">Newspaper by Themeforest</a></li> </ul> <p>Cory</p> <ul> <li><a href="https://www2.pvlighthouse.com.au/resources/quokka2/quokka%202.aspx">Quokka</a></li> </ul> <p>Aimee</p> <ul> <li><a href="http://www.republicoftea.com/">Republic of Tea &ndash; Apple Cider Vinegar Tea</a></li> <li><a href="http://www.agitar.com/downloads/TheWayOfTestivus.pdf">The Way of Testivus</a></li> </ul> <p>Joe</p> <ul> <li><a href="https://www.youtube.com/watch?v=jl1tGiUiTtI">Evan Czaplicki Talk</a></li> </ul> <p>AJ</p> <ul> <li>Dinosaurs</li> <li><a href="https://www.youtube.com/watch?v=UAsTlnjvetI">Cough Syrup by Young the Giant</a></li> </ul>
Mar 27, 2018
JSJ 305: Continuous Integration, Processes, and DangerJS with Orta Therox
48:29
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Aimee Knight</li> <li>Joe Eames</li> <li>AJ O&#39;Neal</li> <li><strong>Special Guests: </strong>Orta Therox</li> </ul> <p>In this episode, the JavaScript Jabber panelists talk about the tool <a href="http://danger.systems/js/">Danger</a> with Orta Therox. Danger allows you to create cultural rules about your pole request workflow. They discuss what Danger is, how it works, and how it can help you to catch errors and speed up code review. Danger lets you erase discussions so that you can focus on the things that you should really be focusing on, like the code. They also compare Danger to other ways of doing test converge.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is <a href="http://danger.systems/js/">DangerJS</a>?</li> <li>Think of it as being on the PR level</li> <li>Provides an eval context</li> <li>Used on larger projects</li> <li><a href="https://reactjs.org/">React,</a> <a href="https://facebook.github.io/react-native/">React Native</a>, <a href="https://www.apollographql.com/">Apollo</a>, and <a href="http://reactivex.io/rxjs/">RxJS</a></li> <li>Experimenting with moving Danger onto a server</li> <li>Danger can run as a linting step</li> <li>Pre-commit hooks</li> <li><a href="https://prettier.io/">Prettier</a></li> <li>How do you use Danger on your own machine?</li> <li><a href="http://danger.systems/ruby/">Danger Ruby</a> vs <a href="http://danger.systems/js/">Danger JS</a></li> <li>NPM install</li> <li>How is using Danger better that other ways of test coverage?</li> <li>What kinds of rules can you write for this system?</li> <li>Can use with <a href="https://www.ruby-lang.org/en/">Ruby</a> or <a href="https://www.javascript.com/">JavaScript</a></li> <li>React Storybooks</li> <li>Retrospectives</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://reactdevsummit.com/">React Dev Summit</a></li> <li><a href="https://jsdevsummit.com/">JS Dev Summit</a></li> <li><a href="http://danger.systems/js/">Danger JS</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://facebook.github.io/react-native/">React Native</a></li> <li><a href="https://www.apollographql.com/">Apollo</a></li> <li><a href="http://reactivex.io/rxjs/">RxJS</a></li> <li><a href="https://prettier.io/">Prettier</a></li> <li><a href="http://danger.systems/ruby/">Danger Ruby</a></li> <li><a href="https://www.ruby-lang.org/en/">Ruby</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://github.com/orta">Orta&rsquo;s GitHub</a></li> <li><a href="http://artsy.github.io/">Artsy Blog</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/Potter-Hogwarts-Battle-Cooperative-Building/dp/B01EIKRP0K">Hogwarts Battle Board Game</a></li> <li><a href="https://www.amazon.com/Sushi-Go-Party-Card-Game/dp/B01CETNKE2">Sushi Go Party! Game</a></li> <li>NYC tips</li> </ul> <p>Aimee</p> <ul> <li><a href="https://medium.com/@mxstbr">Max Stoiber Blog</a></li> <li><a href="https://www.fullstackinterviewing.com/2018/02/02/the-ultimate-guide-to-kicking-ass-on-take-home-coding-challenges.html"><em>The Ultimate Guide to Kicking Ass on Take-home Coding Challenges</em></a></li> </ul> <p>Joe</p> <ul> <li><a href="http://saltcon.com/">SaltCON</a></li> <li><a href="https://www.amazon.com/Plaid-Hat-Games-PHG2200-Stuffed/dp/B0774X4J44">Stuffed Fables Board Game</a></li> </ul> <p>AJ</p> <ul> <li><a href="https://store.ubnt.com/products/unifi-ac-lite">UniFi AC Lite</a></li> <li><a href="https://en.wikipedia.org/wiki/Fullmetal_Alchemist">Fullmetal Alchemist</a></li> </ul> <p>Orta</p> <ul> <li><a href="https://en.wikipedia.org/wiki/The_Wire">The Wire</a></li> <li><a href="https://parahumans.wordpress.com/"><em>Worm </em>Web Serial</a></li> </ul>
Mar 20, 2018
JSJ 304: React: The Big Picture
51:00
<p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Aimee Knight</li> <li>Joe Eames</li> <li>Cory House</li> <li>AJ O&#39;Neal</li> </ul> <p><strong>Special Guests: </strong>None</p> <p>In this episode, the JavaScript Jabber panelists talk about <a href="https://www.pluralsight.com/courses/react-big-picture">React: The Big Picture</a>, Cory&rsquo;s course on Pluralsight and what <a href="https://reactjs.org/">React</a> is all about. They discuss both the pros and cons when it comes to using <a href="https://reactjs.org/">React</a> and when it would be the best to use this library. They also encourage programmers to use React in a more consistent way so that people can share components.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is <a href="https://www.pluralsight.com/courses/react-big-picture">React: The Big Picture</a> course?</li> <li><a href="https://reactjs.org/">React</a></li> <li>The frameworks work with each other</li> <li><a href="https://reasonml.github.io/">Reason</a> and <a href="http://elm-lang.org/">Elm</a></li> <li>How to decide when using React is the best option?</li> <li>React tradeoffs</li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li>React expects you to do a little more typing and work</li> <li>React is very close to JavaScript</li> <li>React pushes you towards a single file per component</li> <li><a href="https://devchat.tv/react-round-up">React Round Up</a></li> <li>Are the Code Mods as wonderful as they sound?</li> <li><a href="https://angular.io/">Angular</a></li> <li><a href="https://github.com/facebook/create-react-app">Create React App</a></li> <li>What are Code Mods?</li> <li>Lack of opinionated approach in React</li> <li>Using React in a more consistent way</li> <li><a href="https://mobx.js.org/refguide/api.html">MobX</a> and <a href="https://redux.js.org/">Redux</a></li> <li>Start off using just plain React</li> <li>When wouldn&rsquo;t you want to use React?</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://www.pluralsight.com/courses/react-big-picture">React: The Big Picture</a></li> <li><a href="https://www.pluralsight.com/authors/cory-house">Cory&rsquo;s Pluralsight</a></li> <li><a href="https://reasonml.github.io/">Reason</a></li> <li><a href="http://elm-lang.org/">Elm</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://devchat.tv/react-round-up">React Round Up</a></li> <li><a href="https://github.com/facebook/create-react-app">Create React App</a></li> <li><a href="https://angular.io/">Angular</a></li> <li><a href="https://mobx.js.org/refguide/api.html">MobX</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="https://www.frameworksummit.com/">Framework Summit 2018</a></li> <li><a href="https://www.pluralsight.com/courses/ng-big-picture">Angular: The Big Picture</a></li> <li><a href="https://reactdevsummit.com/">React Dev Summit</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.history.com/shows/hunting-hitler">Hunting Hitler</a></li> <li><a href="http://www.imdb.com/title/tt1485796/">The Greatest Showman: Sing-a-long</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://mediatag.io/blog/why-being-a-perfectionist-is-an-obstacle-and-how-to-beat-it">&ldquo;Why being a perfectionist is an obstacle (and how to beat it)&rdquo; by Gui Fradin</a></li> <li><a href="https://news.ycombinator.com/item?id=16299125">&ldquo;How to understand the large codebase of an open-source project?&rdquo; blog post</a></li> </ul> <p>Joe</p> <ul> <li><a href="http://www.maritalblissgame.com/">Marital Bliss Card Game</a></li> </ul> <p>AJ</p> <ul> <li><a href="https://ppl.family/">Pplwink.com</a></li> </ul>
Mar 13, 2018
JSJ 303: Test Coverage Tools with Ben Coe, Aaron Abramov, and Issac Schleuter
1:01:53
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p>Aimee Knight</p> <p>Corey House</p> <p>AJ O&#39;Neal</p> <p><strong>Special Guests: </strong>Ben Coe, Aaron Abramov, and Issac Schleuter</p> <p>In this episode, the JavaScript Jabber panelists talk with Ben Coe, Aaron Abramov, and Issac Schleuter about test coverage and testing tools. They talk about the different tools and libraries that they have contributed to the coding community, such as NYC, conf, and Jest.&nbsp;They also discuss what test coverage is actually about and when using test coverage tools is necessary.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What have you contributed to the testing tools community?</li> <li>npm</li> <li>NYC tool and instanbul project</li> <li>conf</li> <li>Jest</li> <li>These libraries were developed to be easy and have &ldquo;batteries included&rdquo;</li> <li>False positives with test coverage</li> <li>Encourage testing practices that don&rsquo;t practice in a superficial way</li> <li>Test coverage is about making sure you test every state a public API can get into</li> <li>Think through the test you&rsquo;re writing first</li> <li>Barriers against testing</li> <li>Don&rsquo;t spike the code too quickly</li> <li>Provides guardrails for newer developers to contribute to open source projects</li> <li>Use tests to understand the system</li> <li>How to spend your time better</li> <li>When you need tests</li> <li>Value is very short term</li> <li>TDD</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://twitter.com/BenjaminCoe?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">@BenjaminCoe</a></li> <li><a href="https://twitter.com/aaronabramov_?lang=en">@AaronAbramov_</a></li> <li><a href="https://github.com/isaacs">Issac&rsquo;s GitHub</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="http://reactroundup.com/">React Roundup</a></li> <li><a href="http://viewsonvue.com/">Views on Vue</a></li> <li><a href="https://devchat.tv/adv-in-angular">Adventures in Angular</a></li> <li><a href="https://reactdevsummit.com/">React Dev Summit 2018</a></li> </ul> <p>Aimee</p> <ul> <li>Galentine&rsquo;s Day</li> <li><a href="https://dnote.io/">Dnote CLI</a></li> </ul> <p>AJ</p> <ul> <li><a href="https://www.amazon.com/Hero-Ages-Book-Three-Mistborn/dp/0765356147"><em>The Hero of Ages</em> by Brandon Sanderson</a></li> </ul> <p>Corey</p> <ul> <li><a href="https://github.com/wearehive/project-guidelines">We are hive project guidelines</a></li> <li>Tip: You can install node as a dependency on your project</li> </ul> <p>Ben</p> <ul> <li><a href="https://www.hackillinois.org/">Hack Illinois 2018</a></li> <li><a href="https://github.com/bcoe/c8">C8</a></li> </ul> <p>Aaron</p> <ul> <li><a href="https://reasonml.github.io/">Reason</a></li> </ul> <p>Issac</p> <ul> <li><a href="http://www.node-tap.org/100/">The Tap 100</a></li> <li><a href="https://krypt.co/">Krypton App</a></li> <li><a href="https://art19.com/shows/friendly-fire">Friendly Fire Podcasts</a></li> </ul>
Mar 06, 2018
JSJ 302: Evaluating Web Frameworks with Kitson Kelly
53:44
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p>Aimee Knight</p> <p>AJ O&#39;Neal</p> <p><strong>Special Guests: </strong>Kitson Kelly</p> <p>In this episode, the JavaScript Jabber panelists talk with Kitson Kelly about evaluating web frameworks. Kitson is currently in Australia working for <a href="https://www.thoughtworks.com/">ThoughtWorks</a> as a principle technologist. He has written many articles on frameworks and urges that people don&rsquo;t get stuck on one framework in their programming. He talks about how using only frameworks that you know could hurt you in the long run. This episode is great for understanding when to use certain JavaScript frameworks and how branching out from what is comfortable might make your job easier.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Articles on web frameworks</li> <li>How do you pick a JavaScript framework to use?</li> <li>The framework depends on your changing needs</li> <li>Recommending less popular frameworks</li> <li>Angular, Ember, React</li> <li>React vs Redux</li> <li>Certain domains with different frameworks?</li> <li>Each framework takes a different approach</li> <li>How to decide which framework to use?</li> <li>Only give it a couple days to see if your app works with the framework</li> <li>Is it ever appropriate to not use a certain framework?</li> <li>Frameworks are there to make your job easier</li> <li>Don&rsquo;t be afraid to try new frameworks</li> <li>Choose a framework that will &ldquo;be there tomorrow&rdquo;</li> <li>What is the future for frameworks?</li> <li>Experiment and be honest with what you need</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://promo.linode.com/javascriptjabber/">Linode</a></li> <li><a href="https://www.thoughtworks.com/">ThoughtWorks</a></li> <li><a href="https://www.telerik.com/kendo-ui">Kendo UI</a></li> <li><a href="https://www.lootcrate.com/">LootCrate</a></li> <li><a href="https://twitter.com/kitsonk?lang=en">@KitsonK</a></li> <li><a href="https://github.com/kitsonk">Kitson&rsquo;s GitHub</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.facebook.com/">Facebook</a></li> <li><a href="https://www.amazon.com/12-Week-Year-Others-Months/dp/1118509234">The 12 Week Year by Brian P. Moore</a></li> <li><a href="https://gsuite.google.com/products/drive/">Google Drive for Business</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://www.npr.org/sections/13.7/2018/02/01/581864513/would-college-students-retain-more-if-professors-dialed-back-the-pace">Would College Students Retain More If Professors Dialed Back The Pace?</a></li> <li><a href="https://www.web2pdfconvert.com/">URL to PDF Converter</a></li> <li><a href="https://css-tricks.com/look-back-history-css/">CSS History</a></li> </ul> <p>AJ</p> <ul> <li><a href="https://www.tylenol.com/products/tylenol-cold-flu-severe-warming-honey-lemon-liquid">Tylenol Cold and Flu Severe</a></li> </ul> <p>Kitson</p> <ul> <li><a href="https://azure.microsoft.com/en-us/?v=18.07a">Microsoft Azure</a></li> <li><a href="http://www.zype.com/">Zype</a></li> </ul>
Feb 27, 2018
JSJ 301: CSS Grids: The Future of Frontend Layout with Dave Geddes
1:03:42
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p>Aimee Knight</p> <p>Cory House</p> <p>AJ O&#39;Neal</p> <p>Joe Eames</p> <p>Aaron Frost</p> <p><strong>Special Guests: </strong>Dave Geddes</p> <p>In this episode, the JavaScript Jabber panelists talk with Dave Geddes about CSS Grids. Dave quit his job about a year ago and has been living the entrepreneur and programmer life since then. Now, he builds mastery games to help people learn CSS. Dave discusses the differences between Flexbox and CSS Grid and how the games that he creates can help people learn CSS Grid in a fun and interactive way.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>CSS Mastery games</li> <li><a href="https://flexboxzombies.com/p/flexbox-zombies">FlexboxZombies.com</a></li> <li><a href="https://gridcritters.com/p/gridcritters">GridCritters.com</a></li> <li>Uses spaced repetition and delayed recall to learn</li> <li>CSS Grid</li> <li>Flexbox</li> <li>CSS Grid as the cake and Flexbox as the frosting</li> <li>Edge spec</li> <li>What Flexbox can do</li> <li>Sub-Grids</li> <li><a href="http://gedd.ski/">Geddski.com</a></li> <li>Nesting Grids</li> <li>Old Grid vs New Grid layout</li> <li>Why would you move from Flexbox to CSS Grid?</li> <li>CSS Grid tools</li> <li><a href="https://gridbyexample.com/">GridByExample.com</a></li> <li>Education and Gamification</li> <li>Pick a UI that interests you</li> <li>For a discount on Grid Critters: enter JS Jabber for 20% off</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://promo.linode.com/javascriptjabber/">Linode</a></li> <li><a href="https://flexboxzombies.com/p/flexbox-zombies">FlexboxZombies.com</a></li> <li><a href="https://gridcritters.com/p/gridcritters">GridCritters.com</a></li> <li><a href="http://gedd.ski/">Geddski.com</a></li> <li><a href="https://gridbyexample.com/">GridByExample.com</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> <li><a href="https://twitter.com/geddski?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">@Geddski</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.fitnessmagazine.com/shop/r-pods-r-pods-true-wireless-stereo-mini-bluetooth-headphones-with-charging-case-white-p5e22135606a23a39471352895739fcf4.html">R Pods Earphones</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://www.amazon.co.uk/CLEANSE-CAPSULES-DIETARY-SUPPLEMENT-SLIMMING/dp/B011RHWHF0">NEU Cleanse</a></li> <li><a href="https://ww2.kqed.org/mindshift/2017/01/26/at-age-6-girls-are-less-likely-to-identify-females-as-really-really-smart/">&ldquo;At Age 6, Girls Are Less Likely to Identify Females As &lsquo;Really, Really Smart&rsquo;&rdquo;</a></li> </ul> <p>Cory</p> <ul> <li><a href="https://twitter.com/housecor/status/962754389533429760">Cory Tweet</a></li> </ul> <p>AJ</p> <ul> <li><a href="http://startupclass.samaltman.com/">How to Start a Startup</a></li> <li><a href="https://www.amazon.com/Sam-Walton-Made-America/dp/0553562835">Made in America by Sam Walton</a></li> </ul> <p>Joe</p> <ul> <li><a href="https://www.amazon.com/Dungeoneers-John-Anderson/dp/0062338153">The Dungeoneers by John David Anderson</a></li> <li><a href="https://www.ng-conf.org/">NG Conf</a></li> </ul> <p>Aaron</p> <ul> <li><a href="https://www.amazon.com/Fire-Fury-Inside-Trump-White/dp/1250158060">Fire and Fury by Michael Wolff</a></li> </ul> <p>Dave</p> <ul> <li><a href="http://store.steampowered.com/app/644930/They_Are_Billions/">They Are Billions</a></li> </ul>
Feb 20, 2018
JSJ 300: Celebration
56:58
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p>Aimee Knight</p> <p>Cory House</p> <p>AJ O&#39;Neal</p> <p>Joe Eames</p> <p><strong>Special Guests: None</strong></p> <p>In this episode, the JavaScript Jabber panelists speak on where they are what they are up to today. Aimee is still in Nashville, Tennessee, and it is currently working at</p> <p><a href="https://getbuilt.com/">Built Technologies</a> and is working with JavaScript. Cory is still authoring courses for <a href="https://www.pluralsight.com/">Pluralsite</a>, has more recently been doing consulting with React, and is the principal engineer at <a href="https://www.coxautoinc.com/">Cox Automotive</a>. Joe is doing a lot of <a href="https://www.pluralsight.com/">Pluralsight</a> work, puts together conferences, and is working on a new podcast with Charles. AJ recently did some side work with <a href="https://www.dash.org/">Dash</a>, is interested in working on a new domain service, and recently got married. Charles is currently at <a href="http://ng-atl.org/">ngATL</a> conference, and has been attending a lot of conferences recently. He is also starting to head over to the video realm and is creating a new podcast called React Roundup and a View Podcast with Joe. They also talk about what they each have planned in the upcoming year for their careers and their lives.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li><a href="https://getbuilt.com/">Built Technologies</a></li> <li>JavaScript</li> <li>Front End and Full Stack</li> <li><a href="https://www.pluralsight.com/">Pluralsite</a></li> <li>React consulting</li> <li><a href="https://www.coxautoinc.com/">Cox Automotive</a></li> <li>Front end apps</li> <li>View and React podcast</li> <li>Angular JS to Angular</li> <li>Pluralsight courses</li> <li>Big Picture React courses</li> <li>Fork of Bitcoin called <a href="https://www.dash.org/">Dash</a></li> <li>New domain service</li> <li><a href="http://ng-atl.org/">ngATL</a></li> <li>React Roundup Podcast</li> <li>New podcasts on artificial intelligence, IOT, augmented and virtual reality game development, python</li> <li>Node, JavaScript, and Rust</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://promo.linode.com/javascriptjabber/">Linode</a></li> <li><a href="https://getbuilt.com/">Built Technologies</a></li> <li><a href="https://www.pluralsight.com/">Pluralsite</a></li> <li><a href="https://www.coxautoinc.com/">Cox Automotive</a></li> <li><a href="https://www.dash.org/">Dash</a></li> <li><a href="http://ng-atl.org/">ngATL</a></li> <li><a href="https://www.youtube.com/channel/UCABJEQ57MIn6X3TIHIebJUw">DevChat.tv Youtube</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/Audio-Technica-ATR2100-USB-Cardioid-Dynamic-Microphone/dp/B004QJOZS4">ATR2100 Microphone</a></li> <li><a href="https://www.zoom-na.com/products/field-video-recording/field-recording/h6-handy-recorder">Zoom H6</a></li> <li><a href="https://www.apple.com/airpods/">Apple AirPods</a></li> <li><a href="http://ng-atl.org/">ngATL</a></li> <li><a href="http://ng-girls.org/">ngGirls</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://www.newyorker.com/magazine/2018/01/15/improving-ourselves-to-death">Improving Ourselves to Death</a></li> <li><a href="http://typicalprogrammer.com/what-does-code-readability-mean">What Does Code Readability Mean?</a></li> </ul> <p>Cory</p> <ul> <li><a href="https://twitter.com/housecor/status/957441615811039232">JavaScript Tip Tweet</a></li> <li>&nbsp;</li> </ul> <p>AJ</p> <ul> <li><a href="https://www.youtube.com/channel/UCxIJaCMEptJjxmmQgGFsnCg">How to Start a Startup YouTube Series</a></li> <li><a href="https://en.wikipedia.org/wiki/Singham">Singham Movie</a></li> <li>&nbsp;</li> </ul> <p>Joe</p> <ul> <li><a href="https://webflow.com/">WebFlow.com</a></li> </ul>
Feb 14, 2018
JSJ 299: How To Learn JavaScript When You're Not a Developer with Chris Ferdinandi
1:11:42
<p><strong>Panel:&nbsp;</strong></p> <p>AJ O&rsquo;Neal</p> <p>Joe Eames</p> <p>Aimee Knight</p> <p><strong>Special Guests: Chris Ferdinandi</strong></p> <p>In this episode, JavaScript Jabber panelist speak with Chris Ferdinandi. Chris teaches vanilla JavaScript to beginners and those coming from a design background. Chris mentions his background in Web design and Web Develop that led him JavaScript development. Chris and the JSJ panelist discuss the best ways to learn JavaScript, as well as resources for learning JavaScript. Also, some discussion of technologies that work in conjunction with vanilla JavaScript.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Teaching JavaScript - Beginners and Design patrons</li> <li>Web Design and Web Development</li> <li><a href="https://css-tricks.com">CSS Tricks&nbsp;</a></li> <li><a href="https://toddmotto.com">Todd Motto</a></li> <li>How to do jQuery Things without jQuery</li> <li>Doing things like mentors (Todd)</li> <li>When JavaScript makes sense.</li> <li>CSS is easier to learn then JS?</li> <li>Being good at CSS and JS at the same time?</li> <li>How about Node developers?</li> <li>jRuby, DOM</li> <li>Documentation</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li>https://github.com/cferdinandi</li> <li><a href="https://gomakethings.com">https://gomakethings.com</a></li> <li><strong>@</strong>ChrisFerdinandi</li> <li>https://www.linkedin.com/in/cferdinandi</li> <li>&nbsp;</li> </ul> <p><strong>Picks:</strong></p> <p>AJ</p> <ul> <li>Discover Card</li> <li><a href="https://brandonsanderson.com/books/mistborn/">Mistborn&nbsp;</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://www.theglobeandmail.com/technology/your-smartphone-is-making-you-stupid/article37511900/">Your Smart Phone is Making You Stupid&hellip;</a></li> <li>Crypto Currency</li> </ul> <p>Joe</p> <ul> <li><a href="https://boardgamegeek.com/boardgame/194607/mystic-vale">Mystic Vale</a></li> <li><a href="https://www.kedifilm.com">Kedi</a></li> </ul> <p>Chris</p> <ul> <li><a href="https://gomakethings.com">https://gomakethings.com</a></li> <li><a href="https://www.amazon.com/s/?ie=UTF8&amp;keywords=Teva+Mush&amp;tag=googhydr-20&amp;index=apparel&amp;hvadid=153649442850&amp;hvpos=1t1&amp;hvnetw=g&amp;hvrand=11758233461967108760&amp;hvpone=&amp;hvptwo=&amp;hvqmt=e&amp;hvdev=c&amp;hvdvcmdl=&amp;hvlocint=&amp;hvlocphy=9028550&amp;hvtargid=aud-397161105788:kwd-418379985&amp;ref=pd_sl_41l1nytxgm_e">Teva Mush</a></li> </ul>
Feb 07, 2018
JSJ 298: Angular, Vue and TypeScript with John Papa
1:03:04
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p>Cory House</p> <p>Joe Eames</p> <p>Aimee Knight</p> <p><strong>Special Guests: John Papa</strong></p> <p>In this episode, JavaScript Jabber panelist speak with <a href="https://johnpapa.net">John Papa</a>. John has been doing web programming for over twenty years on multiple platforms and has been contributing to the developer communities through conferences, authoring books, videos and courses on <a href="https://www.pluralsight.com">Pluralsight</a>.</p> <p>John is on the show to discuss an articles he wrote on <a href="https://johnpapa.net/a-look-at-angular-alongside-vue-3/">A Look at Angular Along Side Vue</a>, and another article on <a href="https://johnpapa.net/vue-typescript/">Vue.js&nbsp; with TypeScript</a>. John talks about the new features with the different versions of Angular technologies, anxiety in the different features, comparisons between the technologies and use case with Angular.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li><a href="https://johnpapa.net/a-look-at-angular-alongside-vue-3/">A look at Angular Along Side Vue</a> - Article</li> <li>Angular 5, Amber,Vue,&nbsp; React, Angular</li> <li>Angular 2 - different features</li> <li>CLI</li> <li>Spell Webpack</li> <li>Comparisons - Why the anxiety?</li> <li>Opinions of Angular and sprinkling in other technologies</li> <li>Vue is the easy to use with Angular</li> <li>Are there breakpoints with the uses case?</li> <li>Choosing technologies</li> <li>Talk about working with Vue and Angular</li> <li>DSL - Domain Specific Language</li> <li>Vue and 3rd party libraries</li> <li>Talk about Vue working with TypeScript</li> <li><a href="https://johnpapa.net/vue-typescript/">Vue.js&nbsp; with TypeScript</a></li> <li>Vue with TypeScript looks similar to Angular</li> <li><a href="https://marketplace.visualstudio.com/items?itemName=octref.vetur">Vetur</a></li> <li>What does 2018 have in store for Angular?</li> <li>Native apps and web functionality</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://johnpapa.net">https://johnpapa.net</a></li> <li><a href="https://johnpapa.net/vue-typescript/">Vue.js&nbsp; with TypeScript</a></li> <li><a href="https://johnpapa.net/a-look-at-angular-alongside-vue-3/">A Look at Angular Along Side Vue</a></li> <li>@john_papa</li> <li>https://github.com/johnpapa</li> </ul> <p><strong>Picks:</strong></p> <p>Corey</p> <ul> <li><a href="http://cypress.io">cypress.io</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/Myth-Revisited-Small-Businesses-About/dp/0887307280">E Myth Revisited</a></li> <li><a href="http://profitfirstbook.com">Profit First&nbsp;</a></li> <li><a href="http://www.imdb.com/title/tt5013056/">Dunkirk</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://www.amazon.com/Crucial-Conversations-Talking-Stakes-Second/dp/1469266822">Crucial Conversations&nbsp;</a></li> <li><a href="https://ripple.com/xrp/">Ripple or XRP</a></li> </ul> <p>Joe</p> <ul> <li><a href="http://www.imdb.com/title/tt1485796/">The Greatest Showman</a></li> <li><a href="https://www.nbc.com/better-late-than-never?nbc=1">Better Late Then Never</a></li> <li>Vue</li> <li><a href="https://pragprog.com/book/btlang/seven-languages-in-seven-weeks">7 Languages In 7 Weeks</a>&nbsp; - Book</li> </ul> <p>John</p> <ul> <li><a href="http://www.imdb.com/title/tt2283362/">Jumanji </a>2017</li> <li>Emotional Intelligence</li> </ul>
Jan 31, 2018
JSJ 297: Scrollytelling with Russell Goldenberg and Adam Pearce
42:12
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p>Joe Eames</p> <p>Aimee Knight</p> <p><strong>Special Guests: Russell Goldenberg and Adam Pearce</strong></p> <p>In this episode, JavaScript Jabber panelist speak with Russell Goldenberg and Adam Pearce Russell creates visualizations, interactive graphics, and documentaries for the web. Currently an editor at <a href="https://pudding.cool/">The Pudding</a>.&nbsp; Adam is a graphics editor at The New York Times and a journalist engineers/developer&nbsp; Russell and Adam are on the show to talk about what Scrollytelling is, as well as Scrollama. <a href="https://github.com/russellgoldenberg/scrollama#scrollamajs">Scrollama</a> is a modern and lightweight JavaScript library for scrollytelling using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API">IntersectionObserver</a> in favor of scroll events. This is a great episode to understand another technology/tool created with JavaScript.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is Scrollytelling!</li> <li>Graph Scroll library</li> <li>What is the intersection Observerable?</li> <li>How long does it take to build an interactive graphic&hellip;?</li> <li>How do you test something like this?</li> <li>Test on a lot of different devices</li> <li>Can you do automated testing?</li> <li>Do you have to understand the use cases or can you implement quickly?</li> <li>Recommendation for getting started?</li> <li>Is this a skill set people have to have before that some on board?</li> <li>How do design these interactions?</li> <li>Scroll jacking</li> <li>What JS developers should know about this technology.</li> <li>Position sticky</li> <li>What are other uses cases?</li> <li>What can devs use it for?</li> <li>Tax calculator</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li>&nbsp;</li> <li>https://github.com/russellgoldenberg/scrollama</li> <li><a href="https://pudding.cool/process/introducing-scrollama/">https://pudding.cool/process/introducing-scrollama/</a></li> <li><strong>@</strong>codenberg</li> <li><strong>@</strong>adamrpearce</li> <li><a href="https://pudding.cool/">https://pudding.cool/</a></li> <li><a href="http://russellgoldenberg.github.io">http://russellgoldenberg.github.io</a></li> <li><a href="https://github.com/1wheel?direction=desc&amp;sort=created&amp;tab=stars">https://github.com/1wheel?direction=desc&amp;sort=created&amp;tab=stars</a></li> <li>https://roadtolarissa.com</li> </ul> <p><strong>Picks:</strong></p> <p>Adam</p> <ul> <li><a href="https://boardgamegeek.com/boardgame/36218/dominion">Dominion - Broad Game</a></li> </ul> <p>Charles</p> <ul> <li>Smoker</li> <li><a href="https://boardgamegeek.com/boardgame/163967/tiny-epic-galaxies">Tiny Epic Galaxies</a></li> <li><a href="https://www.indiegogo.com/projects/devchat-tv">Indiegogo Dev Chat TV</a></li> </ul> <p>Aimee</p> <ul> <li>Deadlines</li> <li><a href="https://www.questnutrition.com/collections/protein-powders">Quest Protein Powder</a></li> </ul> <p>Joe</p> <ul> <li>Giving!</li> <li><a href="https://boardgamegeek.com/boardgame/230802/azul">Board Game - Azul</a></li> </ul> <p>Russel</p> <ul> <li><a href="https://boardgamegeek.com/boardgame/521/crokinole">Crokinole</a></li> <li>Bust Out</li> </ul>
Jan 23, 2018
JSJ 296: Changes in React and the license with Azat Mardan
57:34
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p>Cory House</p> <p>Joe Eames</p> <p>Aimee Knight</p> <p><strong>Special Guests: Azat Mardan</strong></p> <p>In this episode, JavaScript Jabber panelist speak with Azat Mardan. Azat is a return guest, previously on <a href="https://devchat.tv/js-jabber/230-jsj-node-at-capital-one-with-azat-mardan">JSJ Episode 230</a>. Azat is an author of 14 books on Node JS, JavaScript, and React JS. Azat works at <a href="https://www.capitalone.com">Capital One</a> on the technology team. Azat is the founder and creator of <a href="https://node.university">Node University</a>.</p> <p>Azat is on the show to talk about changes in React and licensing. Some of the topics cover&nbsp;Facebook, &nbsp;licensing with React, using the wrong version of React, patent wars, and much more in-depth information on current events in React.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Facebook - Licensing with React</li> <li>Using the Wrong version of React in some companies</li> <li>BSD licensing</li> <li>Patent wars</li> <li>Facebook developing React</li> <li>Difference in Preact and Inferno</li> <li>Rewriting applications</li> <li>What did Capital One do about the changes?</li> <li>React 16</li> <li>Pure React</li> <li>Was the BSD patents - Med and Sm Companies</li> <li>Patents explained</li> <li>React Developers at Facebook</li> <li>Fiber - New Core Architecture</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="http://azat.co">http://azat.co</a></li> <li><a href="https://node.university">https://node.university</a></li> <li>https://devchat.tv/js-jabber/230-jsj-node-at-capital-one-with-azat-mardan</li> </ul> <p><strong>Picks:</strong></p> <p>Cory</p> <ul> <li>Axel Rauschmayer post</li> <li><a href="https://github.com/prettier">Prettier</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.indiegogo.com/projects/devchat-tv">Indiegogo for Dev Chat</a></li> <li><a href="http://forum.devchat.tv">forum.devchat.tv</a></li> </ul> <p>Aimee</p> <ul> <li><a href="http://devtees.com">Dev Tees</a></li> <li><a href="https://news.ycombinator.com/news">Hacker News - Question on Stack Exchange and Estimates&nbsp;</a></li> </ul> <p>Joe</p> <ul> <li><a href="https://www.heroku.com">Heroku&nbsp;</a></li> <li><a href="http://www.imdb.com/title/tt3255590/">El Camino Christmas</a></li> </ul> <p>Azat</p> <ul> <li><a href="https://www.pmi.org/certifications/types/project-management-pmp">PMP&nbsp;</a></li> <li><a href="https://node.university">Azat - Short Lecture</a></li> </ul>
Jan 16, 2018
JSJ 295: Developers as Entrepreneurs with Ryan Glover
1:05:42
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood&nbsp;</p> <p>Cory House</p> <p>Joe Eames</p> <p>Aimee Knight &nbsp;</p> <p><strong>Special Guests: Ryan Glover</strong></p> <p>In this episode, JavaScript Jabber panelist speak with Ryan Glover. Ryan is on JavaScript Jabber to talks about Entrepreneurship as a developer.&nbsp; Ryan runs <a href="https://cleverbeagle.com">Clever Beagle </a>in Chicago Illinois. Clever Beagle is a mentorship company that helps people build their first software Product. Ryan and the panel discuss the many roads of entrepreneurship, startup business ideas, servicing and teaching the community, how to&rsquo;s, and psychological challenges, hiring, seeing your ideas through to the end, and privilege.&nbsp;</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>How do you get started as an entrepreneur?&nbsp;</li> <li><a href="https://cleverbeagle.com">Clever Beagle</a></li> <li><a href="https://themeteorchef.com">The Meteor Chef</a></li> <li>Where are people getting stuck on the builds?&nbsp;</li> <li>Fear, unknowns</li> <li>Simple, but not easy&nbsp;</li> <li>Drive and ability to step into the unknown</li> <li>Survival of the fittest</li> <li>Hire before you are already&nbsp;</li> <li>Losing your marbles</li> <li>Starting on a smaller scale</li> <li>How do I know my idea is going to work?&nbsp;</li> <li>Book - <a href="https://www.amazon.com/Brick-Rewrote-Innovation-Conquered-Industry/dp/0307951618">Brick by Brick</a></li> <li>Multiple lines of business</li> <li>Managing a portfolio of business&nbsp;</li> <li>Revenue streams&nbsp;</li> <li>Marketing&nbsp;</li> <li><a href="https://www.amazon.com/Quitter-Jon-Acuff-ebook/dp/B004ZL9TW0/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1515471817&amp;sr=1-1&amp;keywords=Quitter">Quitter</a></li> <li>When do I quit?&nbsp;</li> <li>6-12 months of cash before you quit</li> <li>Making mistakes in entrepreneurship?</li> <li>Be a reader and study</li> <li>Go out a read books!&nbsp;</li> <li>Experiential not taught&nbsp;</li> <li>Luck and Privilege</li> <li>Video - <a href="https://www.youtube.com/watch?v=4K5fbQ1-zps">Life of Privilege Explained in a $100 Race</a></li> <li><a href="https://www.amazon.com/Procrastinate-Purpose-Permissions-Multiply-Your/dp/0399170634/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1515473313&amp;sr=1-1&amp;keywords=Procrastinate+on+Purpose">Procrastinate on Purpose</a></li> <li>And much more!&nbsp;</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://cleverbeagle.com">Clever Beagle&nbsp;</a></li> <li><a href="https://themeteorchef.com">The Meteor Chef</a></li> <li><a href="https://www.linkedin.com/in/ryangglover">https://www.linkedin.com/in/ryangglover</a></li> <li><a href="http://www.ryanglover.net">http://www.ryanglover.net</a></li> <li><a href="https://www.amazon.com/Brick-Rewrote-Innovation-Conquered-Industry/dp/0307951618">Brick by Brick</a></li> <li><a href="https://www.amazon.com/Quitter-Jon-Acuff-ebook/dp/B004ZL9TW0/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1515471817&amp;sr=1-1&amp;keywords=Quitter">Quitter</a></li> <li><a href="https://www.amazon.com/Procrastinate-Purpose-Permissions-Multiply-Your/dp/0399170634/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1515473313&amp;sr=1-1&amp;keywords=Procrastinate+on+Purpose">Procrastinate on Purpose</a></li> <li><a href="http://paulgraham.com/ds.html">Do Thing That Don&rsquo;t Scale</a></li> <li>@rglover</li> </ul> <p><strong>Picks:</strong></p> <p>Cory</p> <ul> <li><a href="http://heathbrothers.com/the-power-of-moments/">The Power of Moments</a></li> <li><a href="https://www.goodreads.com/book/show/6043946-the-50th-law">The 50th Law</a></li> </ul> <p>Charles</p> <ul> <li><a href="http://ReactDevSummit.com">ReactDevSummit.com</a></li> <li>Indiegogo for Dev Chat</li> <li>.NetRocks</li> </ul> <p>Aimee</p> <ul> <li><a href="https://www.youtube.com/watch?v=4K5fbQ1-zps">Life of Privilege Explained in a $100 Race</a></li> </ul> <p>Joe</p> <ul> <li><a href="https://www.amazon.com/House-Philosophy-Everybody-Henry-Jacoby/dp/0470316608/ref=sr_1_1_sspa?ie=UTF8&amp;qid=1515473742&amp;sr=8-1-spons&amp;keywords=Everybody+Lies&amp;psc=1">Everybody Lies</a></li> <li><a href="http://www.imdb.com/title/tt3402236/">Murder on the Orient Express</a></li> <li>&nbsp;</li> </ul> <p>Ryan</p> <ul> <li><a href="https://www.amazon.com/Turning-Pro-Inner-Power-Create/dp/1936891034/ref=sr_1_1?ie=UTF8&amp;qid=1515474013&amp;sr=8-1&amp;keywords=Turning+Pro">Turning Pro </a>- Steven Pressfield series</li> <li><a href="https://www.amazon.com/Anarchists-Approach-Beliefs-Business-Zingermans/dp/0989349462/ref=sr_1_1?ie=UTF8&amp;qid=1515474112&amp;sr=8-1&amp;keywords=+The+Power+of+Beliefs+in+Business">The Power of Beliefs in Business</a></li> </ul>
Jan 09, 2018
JSJ 294: Node Security with Adam Baldwin
1:08:31
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p>AJ O&rsquo;Neal</p> <p>Joe Eames</p> <p><strong>Special Guests: Adam Baldwin</strong></p> <p>In this episode, JavaScript Jabber panelist speak with Adam Baldwin. Adam is a return guest and has many years of application security experience. Currently, Adam runs the Node Security Project/Node Security Platform, and Lift Security. Adam discusses the latest of security of Node Security with Charles and AJ. Discussion topics cover security in other platforms, dependencies, security habits, breaches, tokens, bit rot or digital atrophy, and adding security to your development.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is&nbsp; the Node Security Project/Node Security Platform</li> <li>Dependency trees</li> <li>NPM</li> <li>Tokens and internal data</li> <li>What does Node Security do for me?</li> <li>NPX and NSP</li> <li>Command Line CIL</li> <li>Bit Rot or Digital Atrophy</li> <li>How often should you check repos.</li> <li>Advisories</li> <li>If I NPM install?</li> <li>Circle CI or Travis</li> <li>NSP Check</li> <li>What else could I add to the securities?</li> <li>Incorporate security as you build things</li> <li>How do you find the vulnerabilities in the NPM packages</li> <li>Two Factor authentication for NPM</li> <li>Weak Passwords</li> <li>OL Dash?</li> <li>Install Scripts</li> <li>Favorite Security Story?</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://nodesecurity.io">Node Security&nbsp;</a></li> <li><a href="https://liftsecurity.io">Lift Security</a></li> <li><a href="https://github.com/evilpacket">https://github.com/evilpacket</a></li> <li>@nodesecurity</li> <li>@liftsecurity</li> <li>@adam_baldwin</li> </ul> <p><strong>Picks:</strong></p> <p>Adam</p> <ul> <li><a href="https://keybase.io">Key Base</a></li> <li><a href="https://www.google.com/search?client=safari&amp;rls=en&amp;q=Have+I+been+Pwned?&amp;ie=UTF-8&amp;oe=UTF-8">Have I been Pwned?</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/Aromatic-Salt-Premium-Ceramic-Green/dp/B01LOUBZGC/ref=sr_1_2_a_it?s=books&amp;ie=UTF8&amp;qid=1515028074&amp;sr=8-2&amp;keywords=Nettie+Pot">Nettie Pot&nbsp;</a></li> <li><a href="http://convo.com">convo.com</a></li> </ul> <p>AJ</p> <ul> <li>This Episode with Adam Baldwin</li> <li><a href="https://www.amazon.com/Free-Future-Radical-Chris-Anderson/dp/1401322905">Free the Future of Radical Price</a></li> <li><a href="https://www.amazon.com/Sam-Walton-Made-America-ebook/dp/B008ZPG704/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1515027905&amp;sr=1-1&amp;keywords=Made+In+America+Sam+Walton">Made In America Sam Walton</a></li> <li>Sonic - VGM Album</li> </ul> <p>Joe</p> <ul> <li><a href="http://deadline.com/2017/10/psych-the-movie-usa-networks-john-cena-new-york-comic-con-dule-hill-james-roday-1202184192/">Pych - Movie</a></li> <li><a href="https://www.ng-conf.org">NG Conf</a></li> <li><a href="https://www.amazon.com/Why-We-Dont-Suck-Partisan/dp/1524762733">Why We Don&rsquo;t Suck</a></li> </ul>
Jan 04, 2018
JSJ 293: Big Data with Nishant Thacker
34:16
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p><strong>Special Guests: Nishant Thacker</strong></p> <p>In this episode, JavaScript Jabber speaks with Nishant Thacker. Nishant is the technical product manager for all things big data at Microsoft. Nishant mentions the many new technologies and announcements he is in-charge of at Microsoft.</p> <p>Nishant is on the show to talk about Big Data and gives advice on how to process data and acquire deep insight of your customers. This is a great episode to understand the development of data systems that are the backbone of some marketing tools.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Processing Metrics</li> <li>Processing into report and usable information</li> <li>Data lake</li> <li>Collecting data points</li> <li>Creating and maintaining the data lake in its raw form</li> <li>Scale up engines and limits</li> <li>Commodity machines and leverage</li> <li>Big data means to scale out</li> <li>Specialized engines for audio and video files</li> <li>How to have a cohesive report?</li> <li>Writing and Querying across data</li> <li>Storing raw data and retrieve data</li> <li>Data cluster</li> <li>What does the data box look like?</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://www.linkedin.com/in/nishantthacker">https://www.linkedin.com/in/nishantthacker</a></li> <li>@nishantthacker</li> </ul> <p><strong>Picks:</strong></p> <p>Nishant</p> <ul> <li>Robot I</li> </ul> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/s/?ie=UTF8&amp;keywords=zoom+h6+six-track+portable+recorder&amp;tag=googhydr-20&amp;index=aps&amp;hvadid=178387032187&amp;hvpos=1t1&amp;hvnetw=g&amp;hvrand=17789116577124822643&amp;hvpone=&amp;hvptwo=&amp;hvqmt=b&amp;hvdev=c&amp;hvdvcmdl=&amp;hvlocint=&amp;hvlocphy=9028550&amp;hvtargid=aud-397161105788:kwd-100281275849&amp;ref=pd_sl_93shwpxcxi_b">Zoom H6</a></li> <li><a href="https://www.amazon.com/Shure-SM58S-Vocal-Microphone-Switch/dp/B0000AQRSU/ref=sr_1_3?s=musical-instruments&amp;ie=UTF8&amp;qid=1514432711&amp;sr=1-3&amp;keywords=Shure+SM58">Shure SM 58</a></li> <li>Lavalier Mics</li> </ul>
Dec 28, 2017
JSJ 292: CosmosDB with Kirill Gavrylyuk
29:59
<p><strong>Panel:&nbsp;</strong></p> <p>Charles Max Wood</p> <p><strong>Special Guests: Kirill Gavrylyuk</strong></p> <p>In this episode, JavaScript Jabber speaks with Kirill Gavrylyuk. Kirill is a dev manager at Cosmos DB, and works professionally with Azure CosmosDB. Kirill is on JavaScript Jabber to talk about what CosmosDB is in the world of development technology. Chuck and Kirill discuss the nuances of this database technology, how it is implemented, and how to manage and migrate data, among other great features.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is Cosmos DB?</li> <li>Bring your data anywhere your users are</li> <li>It is a website</li> <li>Multimodel database</li> <li>Works with<a href="https://www.mongodb.com/cloud/atlas/lp/general?jmp=search&amp;utm_source=google&amp;utm_campaign=Americas-US-MongoDB-to-Atlas-Brand-Alpha&amp;utm_keyword=mongodb&amp;utm_device=c&amp;utm_network=g&amp;utm_medium=cpc&amp;utm_creative=223327451948&amp;utm_matchtype=e&amp;_bt=223327451948&amp;_bk=mongodb&amp;_bm=e&amp;_bn=g&amp;gclid=CjwKCAiAjuPRBRBxEiwAeQ2QPhtH0ogVQGzJ6PuIGrt-6jiJPrYMPY3oid1P191aHZ0i_kqzuemYcRoCqXcQAvD_BwE"> Mongodb&nbsp;</a></li> <li>Cassandra</li> <li>Started as database DB</li> <li>Throughput</li> <li>Key data pairs</li> <li>Switching from MongoDB to Azure</li> <li>How do you decide what goes into this? It looks like an everything database.</li> <li>Migration path</li> <li>Uses cases, problems solved</li> <li>Supporting APIs</li> <li>Does it only exist in the Cloud? An&nbsp;emulator is available.</li> <li>Subscription info.</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li>@kirillg-msft</li> <li>https://www.linkedin.com/in/kirillgavrylyuk</li> </ul> <p><strong>Picks:</strong></p> <p>Kirill</p> <ul> <li><a href="https://code.visualstudio.com/docs/introvideos/debugging">Shared Debugging with VS Code - Keynote</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/AOC-e1659Fwu-1366x768-Brightness-3-0-Powered/dp/B00CMKOVMO">USB Powered Monitor on Amazon&nbsp;</a></li> </ul> <p>&nbsp;</p> <p>&nbsp;</p> <div class="grammarly-disable-indicator">&nbsp;</div>
Dec 19, 2017
JSJ 291: Serverless For JavaScript with Gareth McCumskey
54:26
<p><strong>Panel:</strong></p> <p>Charles Max Wood&nbsp;</p> <p>Aimee Knight</p> <p>AJ O&rsquo;Neal</p> <p>Joe Eames&nbsp;</p> <p><strong>Special Guests: Gareth McCumskey</strong></p> <p>In this episode, JavaScript Jabber speaks with Gareth McCumskey about Serverless For JavaScript. Gareth leads the dev team at Expat Explore in Cape Town, South Africa. Gareth and this team specialize in exploring the Serverless realm in JavaScript. The JavaScript Jabbers panel and Gareth discuss the many different types of serverless systems, and when to implement them, how serverless system work, and when to go in the direction of using Serverless.&nbsp;</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What does it mean to be Serverless?&nbsp;</li> <li>Since platform as a service.</li> <li>Microservice on Docker&nbsp;</li> <li>Firebase</li> <li>&ldquo;no backend&rdquo;&nbsp;</li> <li>Backend systems&nbsp;</li> <li>Cloud functions and failure in systems&nbsp;</li> <li>How do you start to think about a serverless system?&nbsp;</li> <li>How do decide what to do?</li> <li>AWS Lambda&nbsp;</li> <li>Working in a different vendor</li> <li>Node 4&nbsp;</li> <li>Programming JS to deploy&nbsp;</li> <li>Using libraries for NPM</li> <li>How is works with AWS Lambda</li> <li>Where is the database?</li> <li>More point of failure?&nbsp;</li> <li>Calls to Slack?</li> <li>Authentication</li> <li>Micro Services</li> <li>Elastic Bean Stalk</li> <li>Static Assets, S3, Managing</li> <li>Testing the services&nbsp;</li> <li>Integration testing</li> <li>And much more!&nbsp;</li> </ul> <p><strong>Links:</strong></p> <ul> <li>@garethmcc</li> <li>@expatexplore</li> <li><a href="http://gareth.mccumskey.com">gareth.mccumskey.com</a></li> <li><a href="https://github.com/garethmcc">https://github.com/garethmcc</a></li> <li><a href="http://serverless.com">serverless.com</a></li> </ul> <p><strong>Picks:</strong></p> <p>Aimee</p> <ul> <li><a href="https://martinfowler.com/articles/serverless.html">Serverless Architectures&nbsp;</a></li> <li><a href="https://ng-be.org">NG-BE Conference&nbsp;</a></li> </ul> <p>AJ</p> <ul> <li><a href="http://www.imdb.com/title/tt1016268/">Documentary on Enron</a></li> <li><a href="https://www.audible.com/t2/title?pcrid=205621322776&amp;Matchtype=b&amp;mkwid=sJwu0g7af_dc&amp;cvosrc=ppc.google.the++hard++thing++about++hard++things&amp;cvo_crid=205621322776&amp;pgrid=15656668929&amp;cvo_campaign=250471929&amp;gclid=CjwKCAiA9rjRBRAeEiwA2SV4ZVczjfo6EQAa34X67m9n3qrTGIvD0nSiAg8wH4rchhtvbMu0qBspehoCXJIQAvD_BwE&amp;pmt=b&amp;ptaid=kwd-87629970489&amp;asin=B00I0AJC2Y&amp;source_code=GO1GBSH09091690EI&amp;pkw=the++hard++thing++about++hard++things">Hard Thing about Hard Things&nbsp;</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.npmjs.com/package/serverless">Serverless Framework</a></li> <li><a href="https://brandonsanderson.com/books/the-stormlight-archive/">The Storm Light Achieves&nbsp;</a></li> <li><a href="http://www.imdb.com/title/tt4154756/">Avengers: Infinity War</a></li> </ul> <p>Gareth</p> <ul> <li><a href="http://shop.oreilly.com/product/0636920033158.do">Building MicroServices&nbsp;</a></li> <li><a href="http://www.theskepticsguide.org">Skeptics Guide To The Universe Podcast</a></li> <li>Expate Explore&nbsp;</li> </ul> <p>Joe&nbsp;</p> <ul> <li><a href="https://www.rottentomatoes.com/m/wonder/">Wonder -&nbsp; Movie</a></li> <li><a href="https://boardgamegeek.com/boardgame/214898/gloom-space">Gloom In Space - Board Game&nbsp;</a></li> </ul> <div class="grammarly-disable-indicator">&nbsp;</div>
Dec 12, 2017
JSJ 290: Open Source Software with Dirk Hohndel - VMWare Chief Open Source Officer
1:13:59
<p><strong>Panel: </strong></p> <p>Charles Max Wood</p> <p>Aimee Knight</p> <p>Corey House</p> <p>Joe Eames</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>In this episode, JavaScript Jabber speaks with Dirk Hohndel about Open Source Software. Dirk is the Chief Open Source Officer at <a href="https://www.vmware.com">VMWare</a> and has been working with open source for over 20 years. Dirk duties as the Chief Open Source Officer is to engage with the open source community and help promote the development between the community, companies, and customers.</p> <p>Dirk provides historical facts about open sources to current processes. The discussion covers vision and technological advances with languages, security, and worries of using open source software, view/consumption and burnout on maintaining a project. This is a great episode to learn about more different avenues of Open Source.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What does the Chief Open Source Officer do?</li> <li>What is really different and has stayed the same in open source?</li> <li>Technological advances</li> <li>Good engineering and looking ahead or forward</li> <li>100 million lines of code running a car&hellip;</li> <li>This is in everything..</li> <li>Production environments</li> <li>Security</li> <li>Bugs in the software and the security issues</li> <li>Scaling and paying attention</li> <li>Where should we be worried about open source</li> <li>Notation and data sets</li> <li>Write maintainable software</li> <li>How does VMWare think about open source?</li> <li>View and Consumption of open source</li> <li>The burnout of open source projects - how to resolve this abandonment</li> <li>To much work to maintain open source&nbsp; - not a money issue</li> <li>Scaling the team workload not the money</li> <li>Contribution and giving back</li> <li>Companies who do and don&rsquo;t welcome open source</li> <li>What to do to make a project open source?</li> <li>Adopting an API</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li>@_drikhh</li> <li><a href="https://www.vmware.com">VMWare</a></li> <li>Drikhh - everywhere!</li> <li>https://github.com/dirkhh</li> </ul> <p><strong>Picks:</strong></p> <p>Aimee</p> <ul> <li><a href="https://chrome.google.com/webstore/search/contact%20?hl=en">De Contact&nbsp;</a></li> <li><a href="https://www.mydodow.com/en">Dodow&nbsp;</a></li> </ul> <p>Dirk</p> <ul> <li><a href="https://www.amazon.com/Inside-Track-Critical-Thinking-Analysis/dp/1408236974">Track This Critical Thinking</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/Nicholas-C.-Zakas/e/B001IGUTOC">Nicholas Zakas - Books&nbsp;</a></li> </ul> <p>Corey</p> <ul> <li><a href="https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q">Fun Fun Function Show</a></li> </ul> <p>Joe</p> <ul> <li><a href="https://boardgamegeek.com/boardgame/194594/dice-forge">Dice Forge</a></li> <li>Concept of empathy</li> </ul> <p>&nbsp;</p> <div class="grammarly-disable-indicator">&nbsp;</div>
Dec 05, 2017
JSJ 289: Visual Studio Code and Live Sharing with Chris Dias and PJ Meyer LIVE at Microsoft Connect 2017
1:03:26
<p><strong>Panel:</strong></p> <p>Charles Max Wood</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>Chris Dias</p> <p>PJ Meyer</p> <p>In this episode, Charles is at Microsoft Connect 2017 in NYC. Charles speaks with Chris Dias and PJ Meyer about Visual Studio Code and Live Sharing. Chris and PJ explain more on their demo at Microsoft Connect on Live Collaborative Editing and Debugging. Learn more about the new features with Visual Studio Code and the efficient workflows with screen sharing, and much more.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Demo of Live Collaborative Editing and Debugging explained</li> <li>New Features with VS Code</li> <li>Developer productive</li> <li>Debugging pain points</li> <li>Getting feedback</li> <li>New in VS Code</li> <li>Language support and Java Debugger</li> <li>Live Share</li> <li>Debugging from different machines and platforms</li> <li>Multi-Stage Docker File</li> <li>TypeScript compiler</li> <li>More on debugging with Cosmos db</li> <li>Debugging in the Cloud?</li> <li>Docker Extensions</li> <li>Data Bricks</li> <li>Updated python tools</li> <li>Coming up with Visual Studio Code in the next 6 months</li> <li>TypeScript and Refactoring</li> <li>Getting the word out about code -&nbsp; Word of mouth?</li> <li>Number of people using VS Code?</li> <li>Envision for what VS Code is becoming?</li> <li>Preparing for a keynote and processes?</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li>https://code.visualstudio.com</li> <li><a href="https://github.com/chrisdias">https://github.com/chrisdias</a></li> <li><a href="http://GitHub.com/microsoft">GitHub.com/microsoft</a></li> <li>@code</li> </ul> <p><strong>Picks:</strong></p> <p>Chris</p> <ul> <li>Pizza</li> </ul> <p>PJ</p> <ul> <li>Deli</li> </ul> <p>Charles</p> <ul> <li>Coupon Pass for tourist in NYC</li> </ul> <div class="grammarly-disable-indicator">&nbsp;</div>
Nov 29, 2017
JSJ 288: TypeScript with Amanda Silver
1:04:40
<p>Charles Max Wood</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>Amanda Silver</p> <p>In this episode, Charles is at Microsoft Connect 2017 in NYC. Charles speaks with Amanda Silver. Amanda is deemed the&nbsp; TypeScript and future of JavaScript guru, and this year&#39;s speakers at Microsoft Connect with Visual Studio Live Share. Amanda shares what is new with TypeScript and how that is a kind of subscript to JavaScript. Amanda explains the big picture of TypeScript&rsquo;s inception and where she believes the language will be most efficient and effective for JavaScript and TypeScript developers.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is new in TypeScript?</li> <li>Keep JavaScript and TypeScript aligned</li> <li>TypeScript is implemented to create larger scaled applications</li> <li>Integration with VS Code, etc.</li> <li>Building better tools for JavaScript Developers</li> <li>When would this be taken on by users</li> <li>Defaults in Visual Studio</li> <li>TypeScript replacing JavaScript type service</li> <li>TypeScript is written in TypeScript</li> <li>Chakra runtime</li> <li>Diaspora</li> <li>The different faces of JavaScript</li> <li>Optimized JavaScript runtime</li> <li>Languages should be created with tooling</li> <li>A satisfying tooling experience</li> <li>Foot Guns</li> <li>New Tokens</li> <li>Eco-systems and metadata</li> <li>Multi-phase</li> <li>Minimum common denominator constantly changing</li> <li>Collaborating on the same code</li> <li>Open Source and the impact</li> <li>How to move to open source</li> <li>Contributing</li> <li>The next thing for TypeScript</li> <li>The future of JavaScript</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li>@amandaksilver</li> <li>&nbsp;</li> </ul> <p><strong>Picks:</strong></p> <p>Amanda</p> <ul> <li><a href="https://code.visualstudio.com/blogs/2017/11/15/live-share">Visual Studio Live Share</a></li> <li>Instinct of learning technology</li> </ul> <p>Charles</p> <ul> <li><a href="https://code.visualstudio.com/blogs/2017/11/15/live-share">Visual Studio Live Share</a></li> <li>AI</li> </ul> <p>&nbsp;</p> <p>&nbsp;</p> <div class="grammarly-disable-indicator">&nbsp;</div>
Nov 22, 2017
JSJ 287: Blockchain and JS with Ari Lerner
56:59
<p><strong>Panel:</strong></p> <p>Aimee Knight</p> <p>AJ O&rsquo;Neal</p> <p>Charles Max Wood</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>Ari Lerner</p> <p>In this episode, Java Script Jabbers speak with Ari Lerner. Ari is the author of NG Book: The Complete Book on AugularJS, Full Stack React,&nbsp; and a few others.&nbsp; Ari co-runs <a href="http://newline.co">newline.co</a> a platform that teaches about the Block Chain, Ethereum, New Contracts, etc. Ari mentions a few upcoming books on Machine Learning, Elixir, and react Native.</p> <p>Ari gives a rundown on what the Block Chain is about, and an explanation of a Hash. Ari explains the value of a Hash and 6-bit strings of a Hash. Also, Ari explains the exchange of currency in Bitcoin and the rate of exchange in the Block Chain. Next Ari covers web 3.0 and much more.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is the Block Chain?</li> <li>A Hash?</li> <li>The blockchain is an order of ledger.</li> <li>The blockchain is a&nbsp; list of transactions</li> <li>How is a Hash used?</li> <li>Sha 256</li> <li>Bitcoin and Block Chains</li> <li>What If two machines get the same answer?</li> <li>Describe a transaction in a blockchain?</li> <li>Exchanging currency</li> <li>The cost of Bitcoin</li> <li>Web 3.0</li> <li>Everything on the Block Chain is public!</li> <li>Where else is Block Chain is used besides bitcoin type currency</li> <li>Public Key.</li> <li>What should JS developer be doing to prepare?</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li>https://www.ng-book.com/</li> <li>http://www.newline.co.bw/</li> <li><a href="https://www.amazon.com/History-Money-Ancient-Times-Present/dp/0708317170">The History of Money</a></li> <li>@Auser</li> <li>Stack.io</li> </ul> <p><strong>Picks:</strong></p> <p>Amiee</p> <ul> <li>Article -&nbsp; <a href="https://hackernoon.com/learn-blockchains-by-building-one-117428612f46">Learn Block Chain by Building One</a></li> <li><a href="https://www.amazon.com/SOURCE-BAR-Birthday-Cake-Concentrate/dp/B01MFBQADR">The Source Bar</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://info.microsoft.com/en-us-landing-microsoft-connect-2017-get-updates.html">Microsoft Connect</a> - Meet up at 7pm</li> <li>Stranger Thing Season 2</li> </ul> <p>AJ</p> <ul> <li>Spice Labels and Spice Jars</li> <li>Marriage</li> </ul> <p>Ari</p> <ul> <li>Moving to NYC</li> <li><a href="https://hackernoon.com/learn-blockchains-by-building-one-117428612f46">Learn Block Chain by Building One</a></li> </ul>
Nov 14, 2017
JSJ 286: Creating a CSS-in-JS Library from Scratch and Emotion with Kye Hohenberger
50:56
<p><strong>Panel:</strong></p> <p>Amiee Knight</p> <p>Charles Max Wood</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>Kye Hohenberger</p> <p>In this episode, JavaScript Jabbers speak with Kye Hohenberger. Kye is a developer and co-founder of Side Way. One of Kye&rsquo;s most notable works and library is Emotion, a CSS and JS library.</p> <p>Kye talks about what CSS and JS library is about in the context of the Emotion library system. Kye discusses why this is practical for the writing process, in comparison to other types of tools that do similar jobs. Kye explains the how this tool reduces the number of lines of code and is compact and clearer.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>What is a CSS and JS library?</li> <li>Controlling CSS with JS, what does this solve?</li> <li>Style bugs</li> <li>What kind of styling are you using vs. complex styles?</li> <li>Media query</li> <li>A more declarative style</li> <li>Using Sass</li> <li>Where do you see people using this?</li> <li>Class names and you can apply to anything</li> <li>How Emotion works!</li> <li>Style tags</li> <li>Object styles</li> <li>What are some of the problems you are solving</li> <li>React Emotion - dynamic styles</li> <li>How does this compare to other style components?</li> <li>Glamor Styles</li> <li>How do you test something like this?</li> <li>Just Glamor React with Emotion</li> <li>Can people use the Babel plugin</li> <li>Pure flag and function calls</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li>Emotion.sh</li> <li>Emotion-js/emotion</li> <li>emotion.now.sh</li> <li>@TKH44</li> </ul> <p><strong>Picks:</strong></p> <p>Amiee</p> <ul> <li>Article on Medium</li> <li>Antibiotics and Steroids</li> <li><a href="https://www.rxbar.com">RX Bars&nbsp;</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://play.google.com/store/apps/details?id=com.disney.emojimatch_goo&amp;hl=en">Disney Emoji Blitz&nbsp;</a></li> <li>How To Get A Job&nbsp; -&nbsp; JavaScriptJabber.com</li> </ul> <p>Kye</p> <ul> <li><a href="https://www.npmjs.com/package/styled-system">Styled System</a></li> <li>Face Paint</li> <li><a href="https://www.costco.com/Universal-Bakery-Organic-Aussie-Bites,-30-oz..product.100371264.html">Aussie Bites&nbsp;</a></li> </ul>
Nov 08, 2017
JSJ 285 : Finding a Job Even If You're Not a Senior Developer by Charles Max Wood
46:30
<p><strong>Panel:</strong></p> <p>Charles Max Wood</p> <p>In this episode of JavaScript Jabber, Charles does a solo episode talking about entrepreneurship and the topic/course on &ldquo;How to Get a Job.&rdquo; This is an informative episode for those looking for a job as a developer and how to prepare your resume for your career search. Charles covers the core pieces of the course and specific areas of tailoring your credentials for the job you want to acquire.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>How do I get a great job? Companies are only hiring Senior Devs.</li> <li>Your selling point as a Jr. Dev.</li> <li>Framing your experience for the companies to better see your experience.</li> <li>I don&rsquo;t want a ( this kind of boss)</li> <li>Feeling like you are making a difference in your job.</li> <li>Who do you want to work for, with, where, and how, etc?</li> <li>Working in a facility or remotely. What do you want?</li> <li>Check out the meet-up places or workplaces (<a href="https://www.wework.com">WeWork</a>), <a href="https://www.glassdoor.com/index.htm">Glassdoor</a></li> <li>Check out the people who work that these companies, LinkedIn.</li> <li>Check out company&rsquo;s Slack rooms, forum, etc. to make connections</li> <li>Visit the companies personally</li> <li>Look into contacting the Meetup Organizers</li> <li>Building rapport</li> <li>Resume mistakes - how to properly format it so it is skim-able</li> <li>Top 3 bullet points and tailor you resume for each job</li> <li>Unnecessary material in your resume - again tailor to the company</li> <li>Important material to include on your resume, contributions on projects</li> <li>The cover letter - How to do this correctly with a personal touch</li> <li>What to do when you get the interview - the offer!</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="http://devchat.tv/get-a-coder-job-full-access">devchat.tv/get-a-coder-job-full-access</a>full-access</li> <li><a href="https://www.wework.com">WeWork</a></li> <li><a href="https://fearlesssalarynegotiation.com">Expert Salary Negotiation</a></li> </ul>
Nov 01, 2017
JSJ 284 : Helping Developers Build Healthy Bodies
57:01
<p><strong>Panel: </strong></p> <p>Amiee Knight</p> <p>Charles Max Wood</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>JC Hiatt</p> <p>In this episode, JavaScript Jabbers speak with JC Hiatt. JC is a software consultant, and working a starting a company called DevLifts. DevLifts is a company that helps developers learn to live healthier lives. JC mentions this business was base on this health journey.</p> <p>JC and the panel discuss output and mental clarity to get work done in a healthy fashion. Also, the benefits of eating a healthy diet, rather it is the Keto Diet or others types of healthy clean eating, there is a physical and mental benefit. JC and the panel talk about count macros, healthy food intake, and a basic outline of getting into ketosis. Also, the panel discusses finding the motivation to get into a healthy lifestyle to benefit work and your lifestyle.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Mental Clarity</li> <li>Keto Diet</li> <li>Cutting out processed foods</li> <li>Counting Macros</li> <li>Getting into Ketosis</li> <li>Supporting brain function</li> <li>Motivation for a healthy lifestyle</li> <li>Gaining energy</li> <li>Getting started&nbsp; - Walking, Eat Whole. Etc.</li> <li>Pack your own lunch</li> <li>Mindset change -&nbsp; you are responsible for anyone else&rsquo;s healthy choices</li> <li>Drink Water</li> <li>You can find a healthy balance and practice moderation</li> <li>Cheat day?</li> <li>Sugar</li> <li>Sitting to0 long at work</li> <li>Sleep - brain wave activity, caffeine, and light</li> <li>Naps</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <p>@jchiatt</p> <p>@devlifts</p> <p><a href="http://devlifts.io">devlifts.io</a></p> <p><strong>Picks:</strong></p> <p>Amiee</p> <ul> <li>https://www.womenwhotech.com/panelist-bios</li> <li>https://github.com/AllThingsSmitty/css-protips</li> </ul> <p>Charles</p> <ul> <li><a href="https://gunnar.com/?gclid=Cj0KCQjwprbPBRCHARIsAF_7gDa7P7v5iVaIHUYH2hx6xFkkreJfPD54HGTh787QVKfgn43VTNFrVX0aAmm7EALw_wcB">Gunnar blue blockers&nbsp;</a></li> <li>Flux</li> <li><a href="http://ReactDevSummit.com">ReactDevSummit.com</a></li> <li><a href="http://JSDevSummit.com">JSDevSummit.com</a></li> <li>&nbsp;</li> </ul> <p>JC</p> <ul> <li><a href="http://www.imdb.com/title/tt6877772/">American Vandal</a></li> <li><a href="http://www.imdb.com/title/tt7349602/">Confession Tapes&nbsp;</a></li> <li><a href="https://qalo.com">Qalo</a></li> <li><a href="http://Lo%20Dash">https://lodash.com</a></li> </ul>
Oct 25, 2017
JSJ BONUS: Cloud Services and Manifold with Matthew Creager and Peter Cho
46:30
<p><strong>Panel:</strong></p> <p>Amiee Knight</p> <p>Charles Max Wood</p> <p>Joe Eames</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>Matthew Creager and Peter Cho</p> <p>In this episode, JavaScript Jabbers speak with Matthew Ceager and Peter Cho. Matthew and Peter are part of the team at Manifold. Manifold is a marketplace for developer services. Matthew takes care of growth and relations, and Peter oversee products at Manifold.</p> <p>The panel discusses with Peter and Matthew what Manifold does and the benefits of a Cloud Service. Matthew gives perspective on how developers can get their cloud product on the market compared to open source. &nbsp;Further&nbsp;discussion goes into how this will help the developer to get their products or services turned into a business quicker and save time &nbsp;Also learn about when it is the ideal time to move to cloud services vs. running a server yourself.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Different kinds of definition of Cloud Services</li> <li>Anything you would rely on as a third party service</li> <li>What is the cloud service ecosystem - Services that connect to an application</li> <li>Independent market place -&nbsp; because it is difficult to turn a product into a business</li> <li>Where are people using cloud services or running their own server</li> <li>Spinning up a version of it is easier.</li> <li>Time verses doing it yourself?</li> <li>Experts running the services</li> <li>Focusing on your product instead of managing the server and such</li> <li>Where does the data live and who has access to that?</li> <li>Lock In&rsquo;s?</li> <li>Tourist - Credentials management</li> <li>How do I get this setup? Command Line or register online</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <p><a href="https://www.manifold.co">Manifold</a></p> <p><a href="https://github.com/mattcreager">https://github.com/mattcreager</a></p> <p>@manifoldco</p> <p>@etcpeter</p> <p>@matt_creager</p> <p><a href="http://blog.manifold.com">blog.manifold.com</a></p> <p><strong>Picks:</strong></p> <p>Amiee</p> <ul> <li>Ryan McDermott</li> </ul> <p>Charles</p> <ul> <li><a href="https://about.gitlab.com">GitLab&nbsp;</a></li> <li><a href="https://adminlte.io/themes/AdminLTE/index2.html">AdminLTE</a></li> </ul> <p>Joe</p> <ul> <li><a href="http://www.paulgraham.com/say.html">What You Can&rsquo;t Say</a></li> </ul> <p>Matt</p> <ul> <li><a href="https://www.cbs.com/all-access/?cbscidmt=discovery&amp;ref=__iv_p_1_g_27257289007_w_kwd-14918300_h_9028550_ii__d_c_v__n_g_c_224744054787_k_star%20trek_m_e_l__t__e__r_1t1_vi__&amp;utm_source=paidsearch&amp;ftag=AAM-00-10adh4i&amp;vndid=google$null$null$star%20trek&amp;gclid=Cj0KCQjw1JbPBRCrARIsAOKj2PltoFzqfHIGdZinVii7RQlnk84EGtHppjletjaUIsLsFBSsH8_0N_saAljsEALw_wcB">Star Trek</a></li> <li><a href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a></li> </ul> <p>Peter</p> <ul> <li><a href="https://www.playbattlegrounds.com/main.pu">Player Unknown Battle Ground&nbsp;</a></li> <li><a href="https://www.amazon.com/Sourdough-Novel-Robin-Sloan-ebook/dp/B06XC41K6G/ref=sr_1_1?ie=UTF8&amp;qid=1508292004&amp;sr=8-1&amp;keywords=sourdough+book">Sourdough&nbsp;</a>&nbsp; by Robin Sloan</li> </ul>
Oct 18, 2017
JSJ 283: A/B Testing with Nick Disabato
42:32
<p><strong>Panel:</strong></p> <p>Amy Knight</p> <p>Charles Max Wood</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>Nick Disabato</p> <p>In this episode, Java Script Jabbers talk with Nick Disabato. Nick is a newbie to JavaScript Jabber. Nick is the founder of <a href="https://draft.nu">Draft</a>, an interaction design agency where he does research driven A/B testing of E-commerce business.</p> <p>This is a practical episode for those who are running a business and doing marketing for the products and services. Nick talks about A/B testing for a number scenarios within the company, such as for websites, funnels, and various marketing mechanisms. Nick further goes into how this helps companies strategically increase revenue by changing things such as websites design or building funnels.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Testing of changes of Copy, Websites, etc.</li> <li>What does it mean of changes, Tools, Framework, Plugins, etc</li> <li>Does it matter what tools you use? Framework that works within your stack</li> <li>How do make we company money</li> <li>Researching for the next test</li> <li>Testing for conversion rate to decide which design to go implement - Variant</li> <li>Responsibility for the designs</li> <li>Feature and getting pay for the service</li> <li>Learn more about the resources and Copy Hackers</li> <li>Large organization or developers, or a QA department</li> <li>Optimization teams</li> <li>Usability tests and coming up with A/B tests</li> <li>Expertise</li> <li>Why should be care?</li> <li>And much more!</li> </ul> <p><strong>Links:</strong></p> <p><a href="https://draft.nu">Draft</a></p> <p><a href="http://Nick%20Disabato">Nick Disabato</a></p> <p>@nickd</p> <p><a href="https://conversionxl.com">ConversionXL</a></p> <p><a href="https://draft.nu/manual/">AB Testing Manual</a></p> <p><a href="https://www.widerfunnel.com">Wider Funnels&nbsp;</a></p> <p><a href="https://copyhackers.com">Copy Hackers</a></p> <p><strong>Picks:</strong></p> <p>Amiee</p> <ul> <li><a href="http://nodevember.org">Nodevember&nbsp;</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.slideshare.net/msgehard/experiment-driven-development">Mike Gehard&nbsp;</a></li> <li><a href="http://adminlte%20icons">Admin LTE</a></li> </ul> <p>Nick</p> <ul> <li><a href="http://HotJar.com">HotJar.com</a></li> </ul>
Oct 17, 2017
JSJ 282: Trails.js with Scott Wyatt
45:31
<p><strong>Panel:</strong></p> <p>Joe Amies</p> <p>Aimee Knight</p> <p>Charles Max Wood</p> <p>Cory House</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>Scott Wyatt</p> <p>In this episode, JavaScript Jabbers talk with Scott Wyatt. Scott is the Co-founder, CTO, UEX at Cali StyleTechnologies, and is a Node developer and graphic designer.&nbsp; Scott is on JavaScript Jabber to talk about Trails.js. and its simplistic build, but many useful functions.</p> <p>Scott mentions that Trails.js was created by <a href="https://channel9.msdn.com/Blogs/semjs/semjs201601Tra">Travis Webb.</a> Scott gives us an introduction to the Trails.js framework, as the Jabbers take apart and dive deep into the build, functions, and uses.&nbsp; Scott goes into what trail packs are, and the similar or related projects. Scott talks about the ease of using trails to build with, and not ending up in frustration.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Trails.js is Node Framework and lightweight or Blueprint</li> <li>Similar to Redux?</li> <li>Is it MVC like Rails</li> <li>You don&rsquo;t need to understand it, it is all under the hood.</li> <li><a href="https://en.wikipedia.org/wiki/Tuple_space">Tuple Space</a></li> <li>Is this sole for server-side rendering?</li> <li>Closest projects - Sails</li> <li>Avoid problems like React.</li> <li>Not dealing with corporations</li> <li>Why would you want to use trails instead of other projects like Sails, rails, etc.</li> <li>How do you get started - <a href="http://trailjs.io">trailjs.io</a></li> <li>Quickest way to learn Trails is to build a Trail Pack</li> <li>Don&rsquo;t be afraid to kill you darlings</li> <li>Testing</li> <li>It Trails production ready?</li> <li>It is a particular type of app where Trails shines?</li> </ul> <p><strong>Links</strong></p> <p><a href="http://trailsjs.io">trailsjs.io</a></p> <p><a href="https://channel9.msdn.com/Blogs/semjs/semjs201601Tra">Travis Webb</a></p> <p>Picks</p> <p>Amy</p> <ul> <li><a href="http://bradfrost.com/blog/post/full-stack-developers/">Full Stack Developers by Brad Frost</a></li> <li>Tracking Macros</li> </ul> <p>Joe</p> <ul> <li><a href="http://the%20behavior%20gap%20pdf%20download">The Behavior Gap</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/s/?ie=UTF8&amp;keywords=profit+first&amp;tag=googhydr-20&amp;index=aps&amp;hvadid=177333083442&amp;hvpos=1t2&amp;hvnetw=g&amp;hvrand=60998143499066646&amp;hvpone=&amp;hvptwo=&amp;hvqmt=e&amp;hvdev=c&amp;hvdvcmdl=&amp;hvlocint=&amp;hvlocphy=9028550&amp;hvtargid=kwd-1363986595&amp;ref=pd_sl_2w1nakqc64_e">Profit First&nbsp;</a></li> <li>Keto Diet</li> <li>scott-wyatt/GitHub</li> <li>&nbsp;</li> </ul> <p>Cory</p> <ul> <li><a href="https://www.youtube.com/watch?v=BcVAq3YFiuc">Never write another high Order Component</a></li> </ul> <p>Scott</p> <ul> <li><a href="https://www.npmjs.com/package/proxy-engine">Proxy Engine</a></li> </ul>
Oct 10, 2017
JSJ 281: CodeSponsor - Sustaining Open-Source Software through Ethical Advertising with Eric Berry
1:01:12
<p><strong>Panel:&nbsp;</strong></p> <p>Amie</p> <p>AJ</p> <p>Charles Max Wood</p> <p><strong>Guest:</strong> Eric Berry</p> <p>This week on Ruby Rogues, we interview our very own, Eric Berry, to talk about the sustainability of open-source projects through ethical advertising. The team talks about once open source projects like PhantomJS, Cancan, and many others.</p> <p>The Rogues dive into the many different scenarios that lead open source projects astray. Problems like working on the project without compensation, be overworked, and no interest are many of the reasons these are not sustained in the long run.</p> <p>However, are there solutions like donations or sponsorship to sustain such projects? And how do we go about finding funding or compensation for these open source projects? Eric describes that advertising tactics and strategies for open source. Eric talks about his work with Code Sponsor and how they support the open source community with funding.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Ruby Rogues talk about burnout on projects</li> <li>Working on projects for free and the project falls apart</li> <li>Solutions behind the more popular projects like Ruby on Rails and NPM.</li> <li>Lemonade Stand - Sustaining and bounty sourced projects</li> <li>Sponsorship or company supported projects.</li> <li>Crowdfunding - not sustainable, but helps.</li> <li>Donation buttons, do they work?</li> <li>Who would pay developers for this?</li> <li>Developers taking care of other developers</li> <li>Advertising, and helping pay for projects to stay alive!</li> <li>Help developers stay funded without a spam haven.</li> <li>and much, much more!</li> </ul> <p><strong>Links:&nbsp;</strong></p> <p><a href="https://github.com/ryanb/cancan">Cancan</a></p> <p><a href="http://phantomjs.org">PhantomJS</a></p> <p><a href="https://codesponsor.io">Code Sponsor</a></p> <p><a href="https://www.upstatement.com/timber/">Timber&nbsp;</a></p> <p><a href="https://rollbar.com/vs/?v=a">Rollbar</a></p> <p><a href="http://corelogic.com">CoreLogic</a></p> <p><a href="https://trackjs.com">TrackJS&nbsp;</a></p> <p><a href="https://circleci.com/docs/2.0/">CircleCI</a></p> <p><a href="https://circleci.com/docs/2.0/">CodeConf.&nbsp;</a></p> <p><strong>Picks</strong></p> <p>Amie</p> <ul> <li>Positive Experience for Women in Tech</li> <li>Hand Written Cards</li> </ul> <p>Charles</p> <ul> <li><a href="http://www.fathead-movie.com">Keto Diet - Fat Head</a></li> <li><a href="https://rubydevsummit.com">Ruby Dev. Summit</a></li> </ul> <p>AJ</p> <ul> <li><a href="https://www.amazon.com/dp/B001N89KV8/ref=dp-kindle-redirect?_encoding=UTF8&amp;btkr=1">Real Love by Greg Baer</a></li> </ul> <p>Eric</p> <p>Nate Hopkins</p> <p>Open Collective</p> <p>CarbonAds.Etc.</p>
Oct 02, 2017
JSJ 280: Stackblitz with Eric Simons and Albert Pai
51:19
<p><strong>Panel:</strong></p> <p>Joe&nbsp;</p> <p>Amy&nbsp;</p> <p>Charles&nbsp;</p> <p>&nbsp;</p> <p><strong>Special Guests:&nbsp;</strong></p> <p>Eric Simmons&nbsp;</p> <p>Albert Pai</p> <p>In this episode, JavaScript Jabbers talk to Eric Simmons and Albert Pai, the co-founder of <a href="http://thinkster.io">thinkster.io</a>, where their team teaches the bleeding edge of javascript technology&rsquo;s various frameworks and backend. Also, with the recent creation of Stalkblitz, which is the center topic of today discussion.&nbsp;</p> <p>Stackblitz it an online VS Code IDE for Angular, React, and a few more others are supported. This is designed to run web pack and vs code inside your browser at blazing fast speeds. Eric and Albert dive into the many different advantages and services available by StackBlitz and <a href="http://thinker.io">thinker.io</a>.&nbsp;</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Similarities&nbsp; and differences to Heroku&nbsp;</li> <li>System JS&nbsp;</li> <li>Stacklets &nbsp;</li> <li>Testing and creating an in-browser system file system</li> <li>Creating a type of VS Code experience, Working Off Line&nbsp;</li> <li>Updating of the Stacklets</li> <li>Deployment tools or exporting&nbsp;</li> <li>Hot Reloading</li> <li>Integrated terminals</li> <li>Monaco</li> <li>Language Services&nbsp;</li> <li>How do you architect this implementation&nbsp;</li> <li>The innovation of browsers</li> <li><a href="https://github.com/guybedford">Guy Bedford&nbsp;</a></li> <li>Financing vs. Chipotle Burritos&nbsp;</li> <li>Will this product in the future cost money</li> </ul> <p><strong>Links</strong></p> <ul> <li><a href="http://thinkster.io">thinkster.io</a></li> <li><a href="https://medium.com/@ericsimons/stackblitz-online-vs-code-ide-for-angular-react-7d09348497f4">https://medium.com/@ericsimons/stackblitz-online-vs-code-ide-for-angular-react-7d09348497f4</a></li> <li>@stackblitz&nbsp;</li> <li><a href="http://stackblitz.com">stackblitz.com</a></li> </ul> <p>&nbsp;</p> <p>Picks</p> <p>Amy</p> <ul> <li><a href="https://twitter.com/AndrewDelPrete/status/905081851689267200">Promises Series by Andrew Del Prete</a></li> <li>Crossfit&nbsp;</li> </ul> <p>Joe</p> <ul> <li><a href="https://twitter.com/wholesomememe?lang=en">Wholesome Meme</a></li> <li><a href="http://thecooperreview.com">Sara Cooper</a></li> </ul> <p>Charles</p> <ul> <li><a href="https://www.pivotaltracker.com">Pivotal Tracker&nbsp;</a></li> <li><a href="https://about.mattermost.com">MatterMost&nbsp;</a></li> <li><a href="http://asana.com">asana.com</a></li> <li><a href="https://zapier.com">Zapier</a></li> </ul> <p>Eric&nbsp;</p> <ul> <li><a href="http://realworld.io">realworld.io</a>&nbsp;</li> <li><a href="https://github.com/davideast">David East&nbsp;</a></li> </ul> <p>Albert&nbsp;</p> <ul> <li><a href="http://thinkster.io">thinkster.io</a></li> <li><a href="https://www.amazon.com/Thing-Explainer-Complicated-Stuff-Simple/dp/0544668251">Thing Explainer</a></li> </ul>
Sep 26, 2017
JSJ 279: ES Modules in Node Today! with John-David Dalton
56:54
<h2><a href="https://ctt.ec/dTJXA">Tweet this Episode</a></h2> <h2>John-David Dalton is probably best known for the Lodash library. He&#39;s currently working at Microsoft on the Edge team. He makes sure that libraries and frameworks work well in Edge.</h2> <p>The JavaScript Jabber panel discusses the ECMAScript module system port to Node.js. John wanted to ship the ES module system to Node.js for Lodash to increase speed and decrease the disk space that it takes up. This approach allows you to gzip the library and get it down to 90 kb.</p> <p>This episode dives in detail into:</p> <ul> <li>ES Modules, what they are and how they work</li> <li>The Node.js and NPM package delivery ecosystem</li> <li>Module loaders in Node.js</li> <li>Babel (and other compilers) versus ES Module Loader</li> <li>and much, much more...</li> </ul> <p>Links:</p> <ul> <li><a href="https://lodash.com/">Lodash</a></li> <li><a href="https://github.com/standard-things/esm">ES Module Loader for Node</a></li> <li><a href="https://nodejs.org/en/">Node</a></li> <li><a href="https://en.wikipedia.org/wiki/CommonJS">CommonJS</a></li> <li><a href="https://babeljs.io/">Babel</a></li> <li><a href="https://www.typescriptlang.org/">TypeScript</a></li> <li><a href="https://flow.org/">FlowType</a></li> <li><a href="http://microsoft.com">Microsoft</a></li> <li><a href="https://blogs.windows.com/msedgedev/2017/08/10/es-modules-node-today/">ESM Blog Post</a></li> <li><a href="https://www.meteor.com/">Meteor</a></li> <li><a href="https://github.com/benjamn/reify/tree/master/node">Reify</a></li> <li><a href="https://www.ecma-international.org/ecma-262/6.0/#sec-modules">ESM Spec</a></li> <li><a href="http://phantomjs.org/">PhantomJS</a></li> <li><a href="https://nodejs.org/api/zlib.html">zlib module in Node</a></li> <li><a href="https://aws.amazon.com/lambda/">AWS Lambda</a></li> <li><a href="https://www.npmjs.com/">NPM</a></li> <li><a href="https://webpack.github.io/">Webpack</a></li> <li><a href="https://github.com/rollup/rollup">Rollup</a></li> <li><a href="http://twitter.com/jdalton">John-David Dalton on Twitter</a></li> </ul> <p>Picks:</p> <p>Cory:</p> <ul> <li><a href="https://medium.freecodecamp.org/trending-developer-skills-based-on-my-analysis-of-ask-hn-whos-hiring-26c02a3ca1fd">Trending Developer Skills</a></li> <li><a href="http://amzn.to/2xVoX9l">The Devops Handbook</a></li> </ul> <p>Aimee:</p> <ul> <li><a href="http://nodevember.org/">Nodevember</a></li> <li><a href="https://medium.com/web-on-the-edge/es-modules-in-node-today-32cff914e4b">ES Modules in Node Today (blog post)</a></li> <li><a href="https://medium.com/@angrytherapist/dating-is-dead-90d5e11e4365">Dating is Dead</a></li> </ul> <p>Aaron:</p> <ul> <li><a href="https://www.youtube.com/watch?v=Trhv4Gi6fy4">Ready Player One trailer breakdown</a></li> <li><a href="http://www.cc.com/shows/the-jim-jefferies-show">Jim Jefferies &nbsp;Show</a></li> <li><a href="https://www.audible.com/pd/Comedy/I-Cant-Make-This-Up-Audiobook/B06VX4GHHG">I Can&#39;t Make This Up by Kevin Hart</a></li> <li><a href="https://saltstack.bamboohr.com/jobs/view.php?id=57">Work with Aaron at SaltStack</a></li> </ul> <p>Chuck:</p> <ul> <li><a href="http://angulardevsummit.com">Angular Dev Summit</a></li> <li><a href="https://www.zoho.com/crm/">ZohoCRM</a></li> <li>Working on Cars - Therapeutic working with your hands doing physical work</li> </ul> <p>John:</p> <ul> <li><a href="https://github.com/tc39/proposal-optional-chaining">TC39 Proposal for Optional Chaining</a></li> <li><a href="https://you.make.toys/">ToyBox 3D Printer</a></li> </ul>
Sep 19, 2017
JSJ 278 Machine Learning with Tyler Renelle
58:40
<h2><a href="https://ctt.ec/ZwO15">Tweet this Episode</a></h2> <p>Tyler Renelle is a contractor and developer who has worked in various web technologies like Node, Angular, Rails, and much more. He&#39;s also build machine learning backends in Python (Flask), Tensorflow, and Neural Networks.</p> <p>The JavaScript Jabber panel dives into Machine Learning with Tyler Renelle. Specifically, they go into what is emerging in machine learning and artificial intelligence and what that means for programmers and programming jobs.</p> <p>This episode dives into:</p> <ul> <li>Whether machine learning will replace programming jobs</li> <li>Economic automation</li> <li>Which platforms and languages to use to get into machine learning</li> <li>and much, much more...</li> </ul> <p>Links:</p> <ul> <li><a href="https://www.raspberrypi.org/">Raspberry Pi</a></li> <li><a href="https://www.arduino.cc/">Arduino</a></li> <li><a href="http://news.ycombinator.com">Hacker News</a></li> <li><a href="https://en.wikipedia.org/wiki/Artificial_neural_network">Neural Networks (wikipedia)</a></li> <li><a href="https://deepmind.com/">Deep Mind</a></li> <li>Shallow Algorithms</li> <li><a href="https://en.wikipedia.org/wiki/Genetic_algorithm">Genetic Algorithms</a></li> <li><a href="https://en.wikipedia.org/wiki/CRISPR">Crisper gene editing</a></li> <li><a href="http://wix.com">Wix</a></li> <li><a href="https://thegrid.io/">thegrid.io</a></li> <li><a href="http://codeschool.com">Codeschool</a></li> <li><a href="http://codecademy.com">Codecademy</a></li> <li><a href="https://www.tensorflow.org/">Tensorflow</a></li> <li><a href="https://keras.io/">Keras</a></li> <li><a href="http://ocdevel.com/podcasts/machine-learning">Machine Learning Guide</a></li> <li><a href="https://www.coursera.org/learn/machine-learning">Andrew Ng Coursera Course</a></li> <li><a href="http://python.org">Python</a></li> <li><a href="https://www.r-project.org/">R</a></li> <li><a href="https://www.java.com/en/">Java</a></li> <li><a href="http://torch.ch/">Torch</a></li> <li><a href="http://pytorch.org/">PyTorch</a></li> <li><a href="http://caffe.berkeleyvision.org/">Caffe</a></li> <li><a href="http://scikit-learn.org/stable/">Scikit learn</a></li> <li><a href="http://pytorch.org/">Tensorfire</a></li> <li><a href="https://pair-code.github.io/deeplearnjs/">DeepLearn.js</a></li> <li><a href="http://amzn.to/2xRXDIU">The Singularity is Near by Ray Kurzweil</a></li> <li><a href="https://github.com/reinforceio/tensorforce">Tensorforce</a></li> <li><a href="http://amzn.to/2fBvhrG">Super Intelligence by Nick Bostrom</a></li> </ul> <p>Picks:</p> <p>Aimee</p> <ul> <li><a href="http://include-media.com/">Include media</a></li> <li><a href="http://nodevember.org/">Nodevember</a></li> <li><a href="https://fidgets-hub.myshopify.com/collections/phone-cases">Phone cases</a></li> </ul> <p>AJ</p> <ul> <li><a href="http://dataskeptic.com">Data Skeptic</a></li> <li><a href="http://amzn.to/2yrnqVn">Ready Player One</a></li> </ul> <p>Joe</p> <ul> <li><a href="http://amzn.to/2yeXT0E">Everybody Lies</a></li> </ul> <p>Tyler</p> <ul> <li><a href="http://www.imdb.com/title/tt0470752/">Ex Machina</a></li> <li><a href="http://amzn.to/2jNYDYj">Philosophy of Mind: Brains, Consciousness, and Thinking Machines</a></li> </ul>
Sep 12, 2017
JSJ BONUS: Web Apps on Linux with Jeremy Likness and Michael Crump
59:19
<h1><a href="http://ctt.ec/Ow2cM">Tweet this episode</a></h1> <h1>JSJ BONUS: Web Apps on Linux with Jeremy Likness and Michael Crump</h1> <p>In this episode Aimee Knight and Charles Max Wood discuss Microsoft&#39;s <a href="https://docs.microsoft.com/en-us/azure/app-service/containers/app-service-linux-intro">Web Apps on Linux </a>offering with Jeremy Likness and Michael Crump.</p> <h4>[00:37] Michael Crump Introduction</h4> <p>Michael is on the developer experience team for Azure.</p> <h4>[00:52] Jeremy Likness Introduction</h4> <p>Jeremy is on the cloud developer advocacy team. Their mission is to remove friction and support developers and work with teams to build a positive experience.</p> <p>The NodeJS team is headed up by John Papa. They have teams around the world and involved in many open source communities.</p> <p>They&#39;re focused on building documentation and creating great experiences</p> <h4>[02:54] What is it about Azure that people should be getting excited about?</h4> <p>Azure is a huge platform. It can be overwhelming. They&#39;re trying to help you start with your problem and then see the solution as it exists on Azure.</p> <p>Azure is growing to embrace the needs of developers as they solve these problems.</p> <p>The experience is intended to be open and easy to use for any developer in any language on any platform. It allows you to work in whatever environment you want.</p> <p>Standing up applications in production is tough. Azure provides services and facilities (and interfaces) that make it easy to manage infrastructure.</p> <p>You don&#39;t have to be an operations expert.</p> <p>Chuck mentions this messaging as he heard it at <a href="https://connectevent.microsoft.com/">Microsoft Connect()</a> last year.</p> <p>It&#39;s not about bringing you to .NET. It&#39;s about making it easy where you&#39;re at.</p> <p>Aimee adds that as a new-ish person in the community and Azure excites her because the portal and tutorials are easy to follow for many new programmers.</p> <p>A lot of these features are available across command lines, tools, and much more.</p> <p>The documentation is great. <a href="https://devchat.tv/js-jabber/241-jsj-microsoft-docs-with-dan-fernandez">See our interview with Dan Fernandez on the Microsoft Docs.</a></p> <h4>[12:04] Web Apps on Linux</h4> <p>Web application as a service offering from Microsoft. I don&#39;t need to worry about the platform, just what&#39;s different about my application.</p> <p>Web Apps has traditionally been on Windows. Web Apps on Linux is in preview.</p> <p>You can choose the size of your infrastructure. You only get billed for what you use and can scale up.</p> <p>Setting up multiple servers, managing synchronization and load balancing is a pain. Web Apps gives you a clean interface that makes this management easy.</p> <p>You can also scale across multiple datacenters around the world.</p> <h4>[15:06] Why Linux? What&#39;s hard about Windows?</h4> <p>Node was originally created on Linux and many tools run nicely on Linux. It was later ported to Windows.</p> <p>The toolchains and IDE&#39;s and build processes is in an ecosystem that is targeted more toward Linux than Windows.</p> <p>This allows people to work in an environment that operates how they expect instead of trying to map to an underlying Windows kernel.</p> <p>Aimee gives the example of trying to set up ImageMagick on Windows.</p> <p>Web Apps on Linux also allows you to build integrations with your tools that let you build, test, and deploy your application automatically.</p> <h4>[19:12] Supported Runtimes</h4> <p>Web Apps on Linux supports Node, PHP, Ruby, and .NET Core.</p> <p>You can run a docker container with Node up to 6.x. If you want Node 7.x and 8.x you can create your own Docker container.</p> <p>Web Apps on Linux is build on Docker.</p> <p>The containers also have SSH, so developers can log into the docker container and troubleshoot problems on the container.</p> <p>If you can build a container, you can also run it on this service.</p> <p>At certain levels, there&#39;s automatic scaling.</p> <h4>[22:06] Consistency between containers? Shared ownership of state or assets</h4> <p>It depends on how you build your app. The Docker containers have a shared storage where all the containers have access to the same data and state.</p> <p>There&#39;s a system called kudu that makes this really simple.</p> <p>You can also pull logs across all systems.</p> <p>You can also use SSH in the browser</p> <h4>[25:23] What&#39;s painful about Linux and containers?</h4> <p>How is the application built and how does it manage state so that you can isolate issues.</p> <p>If you have 20 containers, can you connect to the right one.</p> <p>It&#39;s up to you to manage correlation between containers so you can find the information you need.</p> <p>Knowing your traffic and understanding what to do to prepare for it with scaling and automation is sometimes more art than science.</p> <h4>[28:28] How should you manage state?</h4> <p>A lot of these systems lend themselves to running stateless, but you don&#39;t want to run mongodb on each container versus running one mongodb instance that everything attaches. You want a common place to store data for the entire app for shared state.</p> <h4>[30:34] <a href="https://azure.microsoft.com/en-us/services/cosmos-db/?&amp;WT.srch=1&amp;WT.mc_id=AID559462_SEM_slA5M4Ka&amp;utm_source=Google&amp;utm_medium=CPC&amp;utm_term=cosmosdb&amp;utm_campaign=Data_Management&amp;gclid=EAIaIQobChMIktnotYKh1gIVlIN-Ch1A5QVREAAYASAAEgLBRvD_BwE">CosmosDB</a> (was DocumentDB)</h4> <p>It&#39;s an API equivalent to MongoDB. It&#39;s a database as a service and you can connect your containers to the CosmosDB in Azure using your portal to make it super easy.</p> <p>You may need to open up some firewall rules, but it should be pretty straightforward.</p> <h4>[34:14] Third Party Logging Management Apps</h4> <p>Azure has a service that provides metrics (<a href="https://azure.microsoft.com/en-us/services/functions/?&amp;WT.srch=1&amp;WT.mc_id=AID623261_SEM_HP0c1OKs&amp;gclid=EAIaIQobChMI58uFyYKh1gIVj4J-Ch2V9gAQEAAYASAAEgLal_D_BwE">Application Insights</a>) and a logging service. Many other companies use elasticsearch based solutions that solve some of these problems as well.</p> <h4>[36:06] How do people use Web Apps on Linux?</h4> <p>Companies building new applications many times want to run without managing any infrastructure. So, they use Azure Functions, and other services on Azure.</p> <p>Lift and shift: Take a virtual machine and change it into a web app container that they can run in the cloud. They also move from SQL Server on a server to SQL Server on the cloud. Moving from hosted MongoDB to CosmosDB.</p> <p>You can also use any images on DockerHub.</p> <h4>[40:06] Continuous Integration and Continuous Deployment</h4> <p>Whether you&#39;re using a private registry or cloud registry. When you publish a new image, it&#39;ll use a webhook to pull the custom image and deploy it. Or to run it through Continuous Integration and then deploy it without any human interaction.</p> <p>Chuck mentions the case when you haven&#39;t logged into a server for a while, there&#39;s a huge backlog of system updates. Updating your container definitions makes upkeep automatic.</p> <h4>[42:02] Process files and workers with PM2 format</h4> <p>You can set up instances to run across cores with the PM2 definitions. You can also make it run various types of workers on different containers.</p> <p>Why did you use PM2? What other uses are there for this kind of setup?</p> <p>You can tell it which processes to start up on boot. You can also have it restart processes when a file is changed, for example, with a config file you can have it restart the processes that run off that config file.</p> <h4>[45:38] How to get started</h4> <p><a href="https://docs.microsoft.com/en-us/azure/app-service-web/app-service-web-get-started-nodejs">Getting started with Node</a></p> <p><a href="http://docs.microsoft.com">docs.microsoft.com</a></p> <p>Trial account with a few hundred dollars in Azure credit.</p> <h4>Michael&#39;s Links</h4> <ul> <li><a href="http://michaelcrump.net">michaelcrump.net</a></li> <li><a href="http://twitter.com/mbcrump">@mbcrump</a></li> <li><a href="http://github.com/mbcrump">github.com/mbcrump</a></li> </ul> <h4>Jeremy&#39;s Links</h4> <ul> <li><a href="http://bit.ly/coderblog">bit.ly/coderblog</a></li> <li><a href="http://twitter.com/jeremylikness">@jeremylikness</a></li> <li><a href="http://github.com/jeremylikness">github/jeremylikness</a></li> </ul> <h3>Picks</h3> <p>Aimee</p> <ul> <li>Having a little bit of mindfulness while waiting on code and tests to run.</li> </ul> <p>Joe</p> <ul> <li><a href="https://www.netflix.com/title/80117552">Ozark on Netflix</a></li> <li><a href="http://amzn.to/2y3NLZw">Star Wars: Rogue One</a></li> </ul> <p>Chuck</p> <ul> <li><a href="https://www.netflix.com/title/80105699">Travelers on Netflix</a></li> </ul> <p>Jeremy</p> <ul> <li>Ozark filming in Woodstock, GA</li> <li><a href="http://amzn.to/2eUeyiA">Autonomous Smart Desk</a></li> <li><a href="http://amzn.to/2jnliL5">LED light strips</a></li> </ul> <p>Michael</p> <ul> <li><a href="https://twitter.com/BilalJaffery/status/885468228360839169">Conference Call Bingo</a></li> <li><a href="http://amzn.to/2wZI4NM">Life (Movie)</a></li> <li><a href="http://amzn.to/2f4XRod">Get Out (Movie)</a></li> </ul>
Sep 12, 2017
JSJ 277: Dojo 2 with Dylan Schiemann and Kitson Kelly
1:02:52
<h1>JSJ 277: Dojo 2 with Dylan Schiemann and Kitson Kelly</h1> <p>This episode of JavaScript Jabber features panelists Aimee Knight, Cory House, and Charles Max Wood. They talk with Dylan Schiemann and Kitson Kelly about Dojo 2.</p> <p><strong>[00:02:03] Introduction to Dylan Schiemann</strong></p> <p>Dylan is the CEO at Sitepen and co-founder of the Dojo Toolkit.</p> <p><strong>[00:02:22] Introduction to Kitson&nbsp;</strong></p> <p>Kitson is the CTO at Sitepen and project lead for Dojo 2.</p> <p><strong>[00:02:43] Elevator Pitch for Dojo</strong></p> <p>Dojo 1 has been around forever. Started back in 2004 as a way to solve the challenge of &quot;I want to build something cool in a browser.&quot; Promises and web components were inspired by or created by Dojo. It&#39;s been a huge influence on the web development community.</p> <p>Dojo 2 is a ground up re-write with ES 2015, TypeScript and modern API&#39;s. It&#39;s a modernized framework for Enterprise applications.</p> <p><strong>[00:04:29] How is Dojo different from other frameworks?</strong></p> <p>There&#39;s a spectrum: small libraries like React with an ecosystem and community of things you add to it to Angular which is closer to the MV* framework with bi-directional data binding. Vue lands somewhere in the middle. Dojo 2 is also somewhere in the middle as well. It&#39;s written in TypeScript and has embraced the TypeScript experience.</p> <p><strong>[00:06:00] Did the Angular 2 move influence the Dojo 2 development and vice-versa?</strong></p> <p>Dojo 2 had moved to TypeScript and 2 days later Angular announced that they were going to TypeScript. Angular also moved very quickly through their BETA phase, which caused some challenges for the Angular community.</p> <p>With Dojo 2, they didn&#39;t start the public discussion and BETA until they knew much better what was and wasn&#39;t going to change. They&#39;ve also been talking about Dojo 2 for 6 or 7 years.</p> <p>The update was held up by adoption of ES6 and other technologies.</p> <p>Dojo 1 was also responsible for a lot of the low-level underpinning that Angular didn&#39;t have to innovate on. Dojo 2 was built around a mature understanding of how web applications are built now.</p> <p>People doing Enterprise need a little more help and assistance from their framework. Dojo provides a much more feature rich set of capabilities.</p> <p>Angular could have pushed much more of TypeScript&#39;s power through to the developer experience. Dojo much more fully adopts it.</p> <p>It&#39;s also easier if all of your packages have the same version number.</p> <p>Call out to Angular 4 vs Angular 2.</p> <p><strong>[00:12:44] AMD Modules</strong></p> <p>Why use AMD instead of ES6 modules?</p> <p>You can use both. Dojo 2 was involved in the creation of UMD. James Burke created UMD while working on Dojo.</p> <p>ES6 modules and module loading systems weren&#39;t entirely baked when Dojo 2 started to reach maturity, so they went with UMD. It&#39;s only been a few months since Safari implemented the ES6 module system. Firefox and friends are still playing catchup.</p> <p>The Dojo CLI build tool uses webpack, so it&#39;s mostly invisible at this point.</p> <p>So, at this point, should I be using UMD modules? or ES6? Is there an advantage to using AMD?</p> <p>With TypeScript you&#39;d use ES6 modules, but UMD modules can be loaded on the fly.</p> <p><strong>[00:16:00] Are you using Grunt?</strong></p> <p>Internally, for tasks we use Grunt. But for users, we have a CLI tool that wraps around Webpack.</p> <p>For package builds and CI, Grunt is used.</p> <p><strong>[00:18:30] What is the focus on Enterprise all about?</strong></p> <p>There are a lot of different challenges and complexities to building Enterprise apps. Dojo was the first framework with internationalization, large data grids, SVG charts, etc. Dojo has spend a long time getting this right. Many other systems don&#39;t handle all the edge cases.</p> <p>Internationalization in Angular 2 or 4 seems unfinished.</p> <p>Most Dojo users are building for enterprises like banks and using the features that handle large amounts of data and handle those use cases better.</p> <p><strong>[00:21:05] If most application frameworks have the features you listed, is there a set of problems it excels at?</strong></p> <p>The Dojo team had a hard look at whether there was a need for their framework since many frameworks allow you to build great applications. Do we want to invest into something like this?</p> <p>React has internationalization libraries. But you&#39;ll spend a lot of time deciding which library to use and how well it&#39;ll integrate with everything else. A tradeoff in decision fatigue.</p> <p>In the Enterprise, development isn&#39;t sexy. It&#39;s necessary and wants to use boring but reliable technology. They like to throw bodies at a problem and that requires reliable frameworks with easily understood decision points.</p> <p>Producing code right is a strong case for TypeScript and they pull that through to the end user.</p> <p>Many frameworks start solving a small set of problems, become popular, and then bolt on what they need to solve everything else...</p> <p>Dojo tried to make sure it had the entire package in a clear, easy to use way.</p> <p>You can build great apps with most of the big frameworks out there. Dojo has been doing this for long enough that they know where to optimize for maintainability and performance.</p> <p><strong>[00:29:00] Where is Dojo&#39;s sweet spot?&nbsp;</strong></p> <p><a href="https://www.sitepen.com/blog/2017/06/13/if-we-chose-our-javascript-framework-like-we-chose-our-music/">The Sitepen Blog series on picking a framework</a></p> <p>The biggest reason for using Dojo over the years is the data grid component.</p> <p>They also claim to have the best TypeScript web development experience.</p> <p>You may also want a component based system with the composition hassles of React.</p> <p>The composability of components where one team may write components that another uses is a big thing in Dojo where one person doesn&#39;t know the entire app you&#39;re working on.</p> <p>Theming systems is another selling point for Dojo.</p> <p><strong>[00:34:10] Ending the framework wars</strong></p> <p>Try Dojo out and try out the grid component and then export it to your Angular or React app.</p> <p>There are a lot of frameworks out there that do a great job for the people who use them. The focus is on how to build applications better, rather than beating out the competition.</p> <p>Sitepen has build apps with Dojo 2, Angular, React, Dojo + Redux, etc.</p> <p><strong>[00:39:01] The Virtual DOM used by Dojo</strong></p> <p>2 years ago or so they were looking for a Virtual DOM library that was small and written in TypeScript. They settled on <a href="http://maquettejs.org/">Maquette</a>.</p> <p>The more you deal with the DOM directly, the more complex your components and libraries become.</p> <p>Makes things simpler for cases like server side rendering getting fleshed out in BETA 3.</p> <p>It also allows you to move toward something like React Native and WebVR components that aren&#39;t coupled to the DOM.</p> <p>They moved away from RxJS because they only wanted observables and shimmed in (or polyfilled) the ES-Next implementation instead of getting the rest of the RxJS &nbsp;that they&#39;re not using.</p> <p><strong>[00:46:40] What&#39;s coming next?</strong></p> <p>They&#39;re finishing Dojo 2. They&#39;re polishing the system for build UI components and architecture and structuring the app. They plan to release before the end of the year.</p> <p>They&#39;re also wrapping up development on the Data Grid, which only renders what shows on the screen plus a little instead of millions of rows.</p> <p><strong>[00:49:08] Testing</strong></p> <p>They&#39;ve got<a href="http://theintern.io"> intern</a>.</p> <p>It pulls together unit testing, functional testing, continuous integration hooks, accessibility testing, etc.</p> <p>It&#39;s rewritten in TypeScript to take advantage of modern JavaScript.</p> <p>The Dojo CLI uses intern as the default test framework.</p> <p>Kitson build the <a href="https://github.com/dojo/test-extras">test-extras</a> library to help with Dojo testing with intern.</p> <p><strong>Dojo Links</strong></p> <ul> <li><a href="http://dojo.io">dojo.io</a></li> <li><a href="http://github.com/dojo/meta">github.com/dojo/meta</a></li> <li><a href="http://sitepen.com/blog">sitepen.com/blog</a></li> <li><a href="https://gitter.im/dojo/dojo2">gitter channel</a></li> <li><a href="http://github.com/dylans">github.com/dylans</a></li> <li><a href="http://twitter.com/dylans">twitter.com/dylans</a></li> <li><a href="http://twitter.com/sitepen">twitter.com/sitepen</a></li> <li><a href="http://twitter.com/dojo">twitter.com/dojo</a></li> <li><a href="http://github.com/kitsonk">github.com/kitsonk</a></li> <li><a href="http://twitter.com/kitsonk">twitter.com/kitsonk</a></li> </ul> <p><strong>Picks</strong></p> <p>Cory</p> <ul> <li><a href="https://www.farnamstreetblog.com/2017/08/amateurs-professionals">Amateur vs Professional</a></li> </ul> <p>Aimee</p> <ul> <li><a href="https://www.eventbrite.com/e/devfest-florida-2017-tickets-31833188925?discount=JSJABBER">DevFest Florida</a> (use code &#39;jsjabber&#39;)</li> </ul> <p>Chuck</p> <ul> <li>Taking some time off</li> <li><a href="http://amzn.to/2j8VKRJ">AudioTechnica ATR2100</a></li> <li><a href="https://www.youtube.com/watch?v=vVsXO9brK7M">How to define your life purpose in 5 minutes</a></li> </ul> <p>Dylan</p> <ul> <li><a href="https://www.zenhub.com/">zenhub</a></li> <li><a href="http://halfstackconf.com">HalfStack Conference</a></li> <li><a href="https://www.sitepen.com/blog/2017/06/13/if-we-chose-our-javascript-framework-like-we-chose-our-music/">How to choose a framework series on the Sitepen Blog</a></li> </ul> <p>Kitson</p> <ul> <li><a href="https://en.wikipedia.org/wiki/Dunbar%27s_number">Dunbar Number</a></li> </ul> <p>&nbsp;</p>
Sep 06, 2017
JSJ 276: Vue.js with Maximilian Schwarzmüller
50:32
<h2 style="text-align: center;"><strong>JSJ 276: Vue.js with Maximilian Schwarzm&uuml;ller &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </strong></h2> <p>This episode of JavaScript Jabber features panelists AJ O&rsquo;Neal, Aimee Knight, and Charles Max Wood. They talk with special guest Maximilian Schwarzm&uuml;ller about Vue.js. Tune in to find out more!</p> <p><strong>[00:02:21] Introduction to Maximilian</strong></p> <p>Maximilian lives in Germany and is a self-taught web developer. He mostly teaches web development on Udemy and his YouTube channel. Vue.js is just one topic that he teaches. He enjoys teaching and passing on information to other web developers: he believes it is the best thing you can do.</p> <p><strong>[00:03:10] What other courses do you teach?</strong></p> <p>He tries to cover basic web development topics. On Udemy Maximilian teaches Angular and generic JavaScript courses. He also teaches courses on Angular and Node.js. On his YouTube channel he teaches more back-end development and Node.js courses.</p> <p><strong>[00:04:00] Elevator Pitch for Vue.js</strong></p> <p>Vue.js is a new framework that is popular because it is similar to React but also has Angular features. It is easier to learn than React: not everything is in JavaScript and JXS is not included. It is more also flexible and has better performance than Angular 1. Vue.js is easier than Angular 2 both to learn and master. It is still a JavaScript framework, where developers build single page applications or drop in existing applications to enhance views, control parts of a page with JavaScript, get rid of jQuery, and have an easier time creating applications.</p> <p><strong>[00:05:10] What are some challenges people run into as they learn it?</strong></p> <p>If developers are brand new to Vue.js, getting started is easy. It has one thing that a lot of frameworks lack which is awesome documentation. Vuejs.org has a comprehension guide that makes getting started simple. There is a general idea that developers still need to learn of how to structure the app, which is similar to React. Developers have to learn how to build components which is used to build the application. The build template is where everything is controlled with Vue.js. JavaScript code is used as well as template syntax.</p> <p><strong>[00:06:27] So you build the template and then tell it how each part is supposed to behave with JavaScript?</strong></p> <p>Yes. To get started use Vue instances, which are JavaScript objects, control parts of the page and it is marked by an id on an HTML element. Then, write a Vue template, which is basically HTML code where extra features can be used to easily output a variable. It makes it much easier to control via Vue instance. Then add a code, add a method which changes the property of Vue instance. It works together and is easy to build up templates and control your page with Vue.</p> <p>&nbsp;</p> <p><strong>[00:11:12] Vue&rsquo;s Advantages </strong></p> <p>That depends on the application. Vue.js is easier to learn, which is an advantage when trying to get new developers. The documentation on the website is excellent, which helps when learning the language. Vue also has it&rsquo;s own single team that develops it&rsquo;s products, such as the Vue Router and Vue X. It has better performance, but for extremely big projects Angular 4 may be better.</p> <p><strong>[00:13:38] Does Vue have routing in it?</strong></p> <p>Vue.js has its own router. The core Vue team develops it, which is a different package that is downloaded separately. The advantage to this is that if you don&rsquo;t need the router, then you don&rsquo;t have it in your bundle but can easily add it. Once it is added it integrates nicely.</p> <p><strong>[00:14:16] How does the Vue router compare to the React router?</strong></p> <p>The Vue router offers the same features as the React router: nested routes, passing parameters, route guards, etc. The Vue router integrates nicely into the Vue package. It also injects into every component you have and is very simple. All that has to be done is just to execute one line of code and then the router is in the project.</p> <p><strong>[00:17:10] How often is Vue.js upgraded and how hard is it to keep up?</strong></p> <p>Vue.js only has two versions. Upgrading from Vue 1 to Vue 2 is easy. The base syntax and framework is still the same, you just need to adjust and move on. Since Vue 2 they released bigger upgrades. There so far haven&rsquo;t been any issues upgrading, they have added new features, and still use the old code.</p> <p><strong>[00:19:09] What is the feature with Vue as far as adoption goes?</strong></p> <p>It is hard to predict but there are indicators that Vue.js has a good future. Vue.js probably will not overtake Angular but it is becoming important for companies in Asia, which is an important market. They have developed an Ionic version of Vue.js. There has also been an ongoing trend on GitHub.</p> <p><strong>[00:21:20] Why do we keep having new frameworks and versions?</strong></p> <p>The language of JavaScript itself is seeing rapid development. New features have been added, new web technologies developed, etc. One reason is that developers do more on the web. They want easier ways of building applications. There is no perfect framework so there has to be tradeoffs between the frameworks. There is no perfect solution for every application so need a framework for every application.</p> <p><strong>[00:23:16] What is left undone in Vue.js?</strong></p> <p>It is complete as far as something can be complete. Developers are working on service rendering to improve search engine optimization and initial rendering performance. They are also working on progress web app support.</p> <p>&nbsp;</p> <p><strong>[00:28:02] What drives the way that Vue grows?</strong></p> <p>There is simplicity in their documentation. While the documentation is simple, the framework is also easy to learn. Maximilian believes that the reason Vue.js took off is because the documentation and framework work together nicely.</p> <p><strong>[00:31:19] What is going to keep Vue around?</strong></p> <p>The support is not based on corporation, but there is an Asian company that is developing a framework that uses Vue to with their own product. Because of this, can draw an assumption that they will keep Vue.js around. Vue.js also has a strong community and core team, giving it a good support system.</p> <p><strong>[00:34:15] What are people using if they want to use Native Apps but they want to use Vue?</strong></p> <p>They are having a hard time right now. Frameworks for Quasar and Weex are in the early stages. A Vue.js app needs to be built but there are packages that are working in that direction.</p> <p><strong>[00:37:25] How do you structure your Udemy courses and what do you think of that as a whole?</strong></p> <p>Maximilian started teaching Udemy courses about one and a half years ago. He really enjoys teaching. Each course follows a similar pattern. He starts with a rough topic, researches the topic to see what is in demand, and builds a course around projects. He then fits all the things he wants to teach into the project, plans the course curriculum, records and edits the lecture videos, and then finally releases the course.</p> <p><strong>[00:39:22] What do you get the most questions about with your Vue course?</strong></p> <p>Questions are mixed. Students dive into the course quickly but then pause. Most questions are about the basics. They usually have something to do with the first few sections of the course or setup problems.</p> <h3><strong>Picks &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </strong></h3> <p>AJ<strong>:</strong></p> <ul> <li><a href="https://brokeeateryprovo.com/">Broke Eatery&nbsp;</a></li> <li><a href="https://dreamdinners.com/">Dream Dinners</a></li> </ul> <p>Aimee:</p> <ul> <li><a href="https://jvns.ca/blog/2017/08/06/learning-at-work/">Julie Evans blog&nbsp;</a></li> <li><a href="http://nodevember.org/">Nodevember</a></li> </ul> <p>Charles:</p> <ul> <li>The Ketogenic Diet</li> <li><a href="http://2ketodudes.com/">2 Keto Dudes Podcast&nbsp;</a></li> </ul> <p>Max:</p> <ul> <li><a href="https://nuxtjs.org">Nuxt.js Framework&nbsp;</a></li> <li><a href="http://www.slack.com">Slack &ldquo;Chat with yourself&rdquo; Channel</a></li> </ul> <h3><strong>Links</strong></h3> <ul> <li><a href="https://onsen.io/vue/">Onsen UI for Vue</a></li> <li><a href="https://twitter.com/maxedapps?lang=en">Twitter</a></li> <li><a href="https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w">Youtube</a></li> <li><a href="https://academind.com/">https://academind.com/</a></li> <li><a href="https://www.udemy.com/vuejs-2-the-complete-guide/">Utemy Vue.js Course</a>&nbsp;</li> </ul>
Aug 29, 2017
JSJ 275: Zones in Node with Austin McDaniel
31:44
<h2 style="text-align:center"><strong>JSJ 275: Zones in Node with Austin McDaniel</strong></h2> <p>The panel for this week on JavaScript Jabber is Cory House, Aimee Knight, and Charles Max Wood. They speak with special guest Austin McDaniel about Zones in Node. Tune in to learn more about this topic!</p> <p><strong>[00:01:11] Introduction to Austin </strong></p> <p>Austin has worked in JavaScript for the past ten years. He currently works in Angular development and is a panelist on Angular Air. He has spent most of his career doing work in front-end development but has recently begun working with back-end development. With his move to back-end work he has incorporated front-end ideas with Angular into a back-end concept.</p> <p><strong>[00:02:00] The Way it Works</strong></p> <p>NodeJS is an event loop. There is no way to scope the context of a call stack. So for example, Austin makes a Node request to a server and wants to track the life cycle of that Node request. Once deep in the scope, or deep in the code, it is not easy to get the unique id. Maybe he wants to get the user from Passport JS. Other languages &ndash; Python, Java &ndash; have a concept called thread local storage. They can associate context with the thread and throughout the life cycle of that request, he can retrieve that context.</p> <p>There is a TC39 proposal for zones<strong>. </strong>A zone allows you to do what was just described. They can create new zones and associate data with them. Zones can also associate unique ids for requests and can associate the user so they can see who requested later in the stack. Zones also allow to scope and create a context. And then it allows scoping requests and capturing contacts all the way down.</p> <p><strong>[00:05:40] Zone Uses</strong></p> <p>One way Zone is being used is to capture stack traces, and associating unique ids with the requests. If there is an error, then Zone can capture a stack request and associate that back to the request that happened. Otherwise, the error would be vague.</p> <p>Zones are a TC39 proposal. Because it is still a proposal people are unsure how they can use it. Zones are not a new concept. Austin first saw Zones being used back when Angular 2 was first conceived. If an event happened and they wanted to isolate a component and create a scope for it, they used Zones to do so. Not a huge fan of how it worked out (quirky). He used the same library that Angular uses in his backend. It is a specific implementation for Node. Monkey patches all of the functions and creates a scope and passes it down to your functions, which does a good job capturing the information.</p> <p><strong>[00:08:40] Is installing the library all you need to get this started?</strong></p> <p>Yes, go to npminstallzone.js and install the library. There is a middler function for kla. To fork the zone, typing zone.current. This takes the Zone you are in and creates a new isolated Zone for that fork. A name can then be created for the Zone so it can be associated back with a call stack and assigned properties. Later, any properties can be retrieved no matter what level you are at.</p> <p><strong>[00:09:50] So did you create the Zone library or did Google?</strong></p> <p>The Google team created the Zone library. It was introduced in 2014 with Angular 2. It is currently used in front-end development.</p> <p><strong>[00:10:12] Is the TC39 proposal based on the Zone library?</strong></p> <p>While Austin has a feeling that the TC39 proposal came out of the Zone library, he cannot say for sure.</p> <p><strong>[00:10:39] What stage is the proposal in right now?</strong></p> <p>Zone is in Stage Zero right now. Zone JS is the most popular version because of its forced adoption to Angular. He recommends people use the Angular version because it is the most tested as it has a high number of people using it for front-end development.</p> <p><strong>[00:11:50] Is there an easy way to copy the information from one thread to another?</strong></p> <p>Yes. The best way would probably be to manually copy the information. Forking it may also work.</p> <p><strong>[00:14:18] Is Stage Zero where someone is still looking to put it in or is it imminent? </strong></p> <p>Austin believes that since it is actually in a stage, it means it is going to happen eventually but could be wrong. He assumes that it is going to be similar to the version that is out now. Aimee read that Stage Zero is the implementation stage where developers are gathering input about the product. Austin says that this basically means, &ldquo;Implementation may vary. Enter at your own risk.&rdquo;</p> <p><strong>[00:16:21] If I&rsquo;m using New Relic, is it using Zone JS under the hood? </strong></p> <p>Austin is unsure but there something like that has to be done if profiling is being used. There has to be a way that you insert yourself in between calls. Zone is doing that while providing context, but probably not using Zone JS. There is a similar implementation to tracing and inserting logging in between all calls and timeouts.</p> <p><strong>[00:17:22] What are the nuances? Why isn&rsquo;t everybody doing this?</strong></p> <p>Zone is still new in the JavaScript world, meaning everyone has a ton of ideas about what should be done. It can be frustrating to work with Zone in front-end development because it has to be manually learned. But in terms of implementation, only trying to create a context. Austin recommends Zone if people want to create direct contacts. The exception would be 100 lines of Zone traces because they can get difficult.</p> <p>Another issue Austin has is Node&rsquo;s native basic weight. Weight hooks are still up in the air. The team is currently waiting on the Node JS community to provide additional information so that they can finish. Context can get lost sometimes if the wrong language is used. He is using Typescript and doesn&rsquo;t have that problem because it is straightforward.</p> <p><strong>[00:21:44:] Does this affect your ability to test your software at all?</strong></p> <p>No, there have not been any issues with testing. One thing to accommodate for is if you are expecting certain contexts to be present you have to mock for those in the tests. After that happens, the tests should have no problems.</p> <h3><strong>Picks</strong></h3> <p><strong>Cory:</strong></p> <ul> <li><a href="https://www.apple.com/airpods/">Apple AirPods</a></li> </ul> <p><strong>Aimee:</strong>​</p> <ul> <li><a href="https://play.spotify.com/artist/4kjWnaLfIRcLJ1Dy4Wr6tY?play=true&amp;utm_source=open.spotify.com&amp;utm_medium=open&amp;autoplay=true">Blackmill</a></li> <li><a href="https://blog.thoughtram.io/angular/2016/01/22/understanding-zones.html">Understanding Zones</a></li> </ul> <p><strong>Charles</strong>:</p> <ul> <li><a href="https://www.amazon.com/Classical-for-Reading/dp/B074FDHL2Z">Classical Reading Playlist on Amazon</a></li> <li>Building stairs for his dad</li> <li><a href="https://angulardevsummit.com/">Angular Dev Summit&nbsp;</a></li> </ul> <p><strong>Austin</strong>:</p> <ul> <li><a href="https://github.com/ngrx">NGRX Library Redux&nbsp;</a></li> </ul> <h3><strong>Links</strong></h3> <ul> <li><a href="https://twitter.com/amcdnl?lang=en">Twitter</a></li> <li><a href="https://github.com/amcdnl">GitHub</a></li> </ul>
Aug 22, 2017
JSJ 274: Amazon Voice Services and Echo Skills with Terrance Smith
49:37
<h2 style="text-align:center"><strong>JSJ 274 Amazon Voice Services and Echo Skills with Terrance Smith</strong></h2> <p>On today&rsquo;s episode of JavaScript Jabber, we have panelists Joe Eames, Aimee Knight, Charles Max Wood, and we have special guest Terrance Smith. He&rsquo;s here today to talk about the Amazon Alexa platform. So tune in and learn more about Amazon Voice Services!</p> <p><strong>[01:00] &ndash; Introduction to Terrance Smith</strong></p> <p>Terrance is from Hacker Ferrer Software. They hack love into software.</p> <p><strong>[01:30] &ndash; Amazon Voice Service</strong></p> <p>What I&rsquo;m working on is called My CareTaker named probably pending change. What it will do and what it is doing will be to help you be there as a caretaker&rsquo;s aid for the person in your life. If you have to take care an older parent, My CareTaker will be there in your place if you have to work that day. It will be your liaison to that person. Your mom and dad can talk to My CareTaker and My CareTaker could signal you via SMS or email message or tweet, anything on your usage dashboard, and you would be able to respond. It&rsquo;s there when you&rsquo;re not.</p> <p><strong>[04:35] &ndash; Capabilities </strong></p> <p>Getting started with it, there are different layers. The first layer is the Skills Kit for generally getting into the Amazon IoT. It has a limited subset of the functionality. You can give commands. The device parses them, sends them to Amazon&rsquo;s endpoint, Amazon sends a call back to your API endpoint, and you can do whatever you want. That is the first level. You can make it do things like turn on your light switch, start your car, change your thermostat, or make an API call to some website somewhere to do anything.</p> <p><strong>[05:50] &ndash; Skills Kit</strong></p> <p>Skills Kit is different with AVS. Skills Kit, you can install it on any device. You&rsquo;re spinning up a web service and register it on Amazon&rsquo;s website. As long as you have an endpoint, you can register, say, the Amazon Web Services Lambda. Start that up and do something. The Skills Kit is literally the web endpoint response. Amazon Voice Services is a bit more in-depth.</p> <p><strong>[07:00] &ndash; Steps for programming</strong></p> <p>With the Skills Kit, you register what would be your utterance, your skill name, and you would give it a couple of sets of phrases to accept. Say, you have a skill that can start a car, your skill is &ldquo;Car Starter.&rdquo; &ldquo;Alexa tell Car Starter to start the car.&rdquo; At which point, your web service will be notified that that is the utterance. It literally has a case statement. You can have any number of individual conditional branches outside of that. The limitation for the Skills Kit is you have to have the &ldquo;tell&rdquo; or &ldquo;ask&rdquo; and the name of the skill to do whatever. It&rsquo;s also going to be publicly accessible. For the most part, it&rsquo;s literally a web service.</p> <p><strong>[10:55] &ndash; Boilerplates for AWS Lambda</strong></p> <p>Boilerplates can be used if you want to develop for production. If you publish a skill, you get free AVS instance time. You can host your skill for free for some amount of time. There are GUI tools to make it easier but if you&rsquo;re a developer, you&rsquo;re probably going to do the spin up a web service and deal it that way.</p> <p><strong>[11:45] &ndash; Do you have to have an Amazon Echo?</strong></p> <p>At one point, you have to have the Echo but now there is this called Echoism, which allows you to run it in your browser. In addition to that, you can potentially install it on a device like a Raspberry Pi and run Amazon Voice Services. The actual engine is on your PC, Mac, or Linux box. You have different options.</p> <p><strong>[12:35] &ndash; Machine learning</strong></p> <p>There are certain things that Amazon Alexa understand now that it did last year or time before that like understanding utterances and phrases better. A lot of the machine learning is definitely under the covers. The other portion of it Alexa Voice Service, which is a whole engine that you have untethered access to other portions like how to handle responses. That&rsquo;s where you can build a custom device and take it apart. So the API that we&rsquo;re working with here is just using JSON and HTTP.</p> <p><strong>[16:40] &ndash; Amazon Echo Show</strong></p> <p>You have that full real-time back and forth communication ability but there is no video streaming or video processing ability yet. You can utilize the engine in such a way that Amazon Voice Services can work with your existing tool language. If you have a Raspberry Pi and you have a camera to it, you can potentially work within that. But again, the official API&rsquo;s and docs for that are not available yet.</p> <p><strong>[27:20] &ndash; Challenges</strong></p> <p>There&rsquo;s an appliance in this house that listens to everything I say. There&rsquo;s that natural inclination to not trust it, especially with the older generations. Giving past that is getting people to use the device. Some of the programming sides of it are getting the communication to work, doing something that Alexa isn&rsquo;t pre-programmed to do. There isn&rsquo;t a lot of documentation out there, just a couple of examples. The original examples are written in Java and trying to convert it to Node or JavaScript would be some of the technical challenges. In addition, getting it installed and setup takes at least an hour at the beginning. There&rsquo;s also a learning curve involved.</p> <p><strong>[29:35] &ndash; Is your product layered in an Echo or is your product a separate device?</strong></p> <p>Terrance&rsquo;s product is a completely separate device. One of the functionality of his program is medicine reminders. It can only respond to whatever the API calls from Amazon tells you to respond to but it can&rsquo;t do anything like send something back. It can do an immediate audio response with a picture or turn on and off a light switch. But it can&rsquo;t send a message back in like two hours from now. You do want your Alexa device to have (verbally) a list of notifications like on your phone. TLDR, Terrance can go a little further with just the Skills Kit.</p> <p><strong>[32:00] &ndash; Could you set it up through a web server?</strong></p> <p>Yes. There are examples out there. There&rsquo;s Alexa in the browser. You can open up a browser and communicate with that. There are examples of it being installed like an app. You can deploy it to your existing iPhone app or Android app and have it interact that way. Or you can have it interact independently on a completely different device like a Raspberry Pi. But not a lot of folks are using it that way.</p> <p><strong>[33:10] &ndash; Monetization</strong></p> <p>Amazon isn&rsquo;t changing anything in terms of monetization. They make discovery a lot easier though. If you knew the name of the app, you could just say, &ldquo;Alexa, [tell the name of the app].&rdquo; It will do a lazy load of the actual skill and it will add it to your available skill&rsquo;s list.</p> <p>However, there is something called the Alexa Fund, which is kind of a startup fund that they have, which you can apply for. If you&rsquo;re doing something interesting, there is a number of things you have to do. Ideally, you can get funding for whatever your product is. It is an available avenue for you.</p> <p><strong>[36:25] &ndash; More information, documentation, walkthroughs</strong></p> <p>The number one place to go to as far as getting started is the Amazon websites. They have the Conexant 4-Mic Far-Field Dev Kit. It has 4 mics and it has already a lot of what you need. You have to boot it up and/or SSH into it or plug it up and code it. They have a couple of these kits for $300 to $400. It&rsquo;s one of the safe and simpler options.</p> <p>There are also directions for the AVS sites which is under Alexa Voice Services, where you can go to the Github from there. There will give you directions using the Raspberry Pi. &nbsp;If not that, there&rsquo;s also the Slack chatroom. It is <a href="http://alexaslack.com">alexaslack.com</a>. Travis Teague is the guy in charge in there.</p> <p><strong>Picks</strong></p> <p><strong>Joe Eames</strong></p> <ul> <li><a href="https://www.amazon.com/Cosmic-Engineers-Clifford-D-Simak/dp/041705730X">Cosmic Engineers by Clifford D. Simak</a></li> </ul> <p><strong>Aimee Knight</strong></p> <ul> <li><a href="http://www.reactrally.com/">Conference: React Rally</a></li> <li>Pancakes</li> </ul> <p><strong>Charles Max Wood</strong></p> <ul> <li><a href="https://angularsummit.com/">Conference: Angular Dev Summit</a></li> <li>Conference: React Dev Summit</li> <li><a href="https://devchat.tv/register/javascript-jabber-slack">JavaScript Jabber Slack</a></li> </ul> <p><strong>Terrance Smith</strong></p> <ul> <li><a href="http://elm-lang.org/">Language: Elm</a></li> <li><a href="https://www.youtube.com/user/schooloflifechannel">Youtube channel: The School of Life</a></li> <li><a href="http://www.nightinthewoods.com/">Game: Night in the Woods</a></li> <li><a href="http://hackerferret.com/">Hacker Ferret Software</a></li> <li><a href="http://hackerferret.com/">Hackerferret.com</a></li> </ul>
Aug 15, 2017
JSJ 273: Live to Code, Don't Code to Live with 2 Frugal Dudes Sean Merron and Kevin Griffin
68:49
<h2><strong>JSJ 273: Live to Code, Don&#39;t Code to Live with 2 Frugal Dudes Sean Merron and Kevin Griffin</strong></h2> <p>This episode of JavaScript Jabber features panelists Aimee Knight, Cory House, and Charles Max Wood. Special guests Sean Merron and Kevin Griffin discuss how to live frugally. Tune in to hear their advice!</p> <p><strong>[00:02:14] Introduction to Sean and Kevin</strong></p> <p>Sean and Kevin are the hosts of the 2 Frugal Dudes Podcast. They are middle class software engineers. Sean works a 9 to 5 job, while Kevin owns a small business called Swift Kick. Swift Kick is a company that focuses on independent consulting, software development, and training companies for software development.</p> <p><strong>[00:05:50] Different Types of Financial Advisors </strong></p> <p>There is no legal reason that financial advisors have to work in your best interest. On the 2 Frugal Dudes Podcast, Sean and Kevin advise people to use fiduciary advisors. These types of advisors are not legally allowed to accept kickbacks from different funds. This means that they are more likely to help you to the best of their ability. They get paid for their services. Laws are currently changing so that everyone has to be a fiduciary advisor unless clients sign a specific form.</p> <p><strong>[00:10:00] What do I do with money left over at the end of the month that I can&rsquo;t put into a 401K and Roth IRA?</strong></p> <p>They suggest that you put only the amount of money in your 401K that your company will match. Then, put the rest into a Roth IRA and max that out. Before you decide to do what next, you need to decide why you are saving money. When will you need the money? What will you need it for? Once you know the answer to these questions, you will be able to assess what your money will best be placed. For example, if you are saving to buy a house you need to put your money in a safe investment. A Roth IRA can be used as a savings vehicle or as an emergency fund. Sean believes that a Bank CD is the safest return you can get.</p> <p><strong>[00:14:30] Best Way to Save&nbsp;</strong></p> <p>For those who are self-employed, it is a good idea to have two emergency funds &ndash; a personal and a business fund. Business emergency funds should have five months of personal salary. Kevin built his up over two or three years and uses it as self-insurance.</p> <p>Sean says that the employee world is different. For him, he only keeps the minimum amount in his emergency fund. He knows that he is in a field where his job is in high demand, so feels comfortable with being able to get a job quickly. For others, this may not be the case. Have to evaluate how much to save based on how long you think you may need the money.&nbsp;</p> <p><strong>[00:18:50] What is the first thing people should be doing for their own financial well being?</strong></p> <p>Kevin follows Dave Ramsey&rsquo;s advice.</p> <ol> <li>Basic emergency fund. He uses $1,000. Most emergencies fall under that amount of money.</li> <li>Get rid of all consumer debt. This includes car payments, credit cards, and student loans. Mortgage is not consumer debt.</li> <li>Grow an emergency fund to three or six months of expenses.</li> <li>Investments. Setting up retirement funds, paying for college, or mortgages.</li> </ol> <p>Sean values early retirement so he focuses on that. What does retirement mean to me? What does rich mean? You should always track your money through a budget. Then you can funnel money towards emergency funds and tackling debt.</p> <p>Self-insurance means that you don&rsquo;t have to worry about funds. It helps lower your stress knowing that you have your finances in order. It is a peaceful place to be and opens up opportunities for you. If someone has stressors in their life &ndash; for example, their car breaks down &ndash; and they have no money to fix it, they now have car and money problems. This stress can then potentially lead to other problems such as marriage problems. If the money to fix the broken car would have been there, it would alleviate stress.</p> <p><strong>[00:28:23] Difference between 401k, IRA, and Roth IRAs</strong></p> <p>A 401k is an employer provided, long-term retirement savings account. This is where you put in money before it is taxed. With this plan you are limited with the funds you can choose from to invest in.</p> <p>IRAs are long-term retirement plans as well. The first type of IRA is a Traditional IRA, which is similar to a 401k. You get tax reduction for the money you put in the account. You pay taxes once you withdraw money. A Roth IRA is where you already pay taxes on money that you are putting in, but don&rsquo;t have to pay taxes when withdrawing money. You can withdraw contributions at anytime without being penalized, you just can&rsquo;t take out any earnings.</p> <p>Another thing that is potentially good for early retirement is a Roth IRA conversion ladder. This is where you take money from a 401k and convert it into a Roth IRA and use it before 60 years old to fund early retirement.</p> <p>Traditional IRAs are good for business owners looking for tax deductions now. An HSA (Health Savings Account) can also be used as a retirement device. It goes towards medical expenses if needed.</p> <p><strong>[00:34:20] Are there tools or algorithms I can use to figure this stuff out?</strong></p> <p>There are some. Portfolio Visualizer allows you to choose different portfolio mixes and put different amounts of money in each one.&nbsp;Portfolio Charts is similar to Portfolio Visualizer but gives nice graphics. Sean created a JavaScript website to help people use to figure out early retirement.</p> <p>The hardest part is calculating return because you have to estimate what your return will be each year.</p> <p><strong>[00:39:00] Put Your Money Somewhere</strong></p> <p>The only bad investment is not making an investment. Even making a bad investment is better than not having any at all. Inflation eats away at money that is just sitting.</p> <p><strong>[00:42:05] If you get one of these advisors what advice should you be looking for?</strong></p> <p>Need someone that tries to understand your particular situation. &ldquo;It depends&rdquo; is very true and your advisor should know that. No two people will have the same financial goals. They should want to help reach your goals in the least costly way possible. Other things they should be able to do is be honest and help you control your emotions during upswings and downswings.&nbsp;</p> <p><strong>[00:47:08]&nbsp;</strong><strong>Why index funds?</strong></p> <p>As an investor, you can buy an index fund cheaper than buying the whole index. A mutual fund will try to buy and sell the stocks in that index in order to follow the index&#39;s performance. As an investor, you have the opportunity to buy into a mutual fund that handles it for you.</p> <p>You don&rsquo;t have to independently invest in companies either. You can invest in an index instead that will look at, for example, top performing technology companies. It is usually a better value.</p> <p><strong>[00:53:33] How much do I invest in my business verses putting money into a Roth IRA or 401k?</strong></p> <p>Sean thinks it comes down to retirement goals. At some point you will want money to come in passively and retire in the future. If you can passively put X amount of dollars into your company then it can be looked at as a form of investment.</p> <p>Kevin evaluates his business goals every quarter. He creates a business budget based off of those goals.</p> <h3><strong>Picks</strong></h3> <p><strong>Cory</strong></p> <ul> <li><a href="http://www.amazon.com/dp/0393330338/?tag=chamaxwoo-20">Random Walk Down Wall Street by Burton Malkiel&nbsp;</a></li> <li><a href="http://www.amazon.com/dp/1612680011/?tag=chamaxwoo-20">Rich Dad, Poor Dad by Robert Kiyosaki&nbsp;</a></li> <li><a href="http://www.amazon.com/dp/1591847818/?tag=chamaxwoo-20">Ego is the Enemy by Ryan Holiday</a></li> </ul> <p><strong>Aimee</strong></p> <ul> <li>Hacker News Thread &ndash; How to Not Bring Emotions Home With You</li> <li><a href="http://www.phantogram.com/">Phantogram</a>&nbsp;</li> </ul> <p><strong>Charles</strong></p> <ul> <li><a href="http://www.amazon.com/dp/1476757860/?tag=chamaxwoo-20">Money Master the Game by Tony Robbins&nbsp;</a></li> <li><a href="https://www.daveramsey.com/elp">ELPs (Endorsed Local Providers) Dave Ramsey</a></li> </ul> <p><strong>Sean</strong></p> <ul> <li><a href="http://www.amazon.com/dp/1501164589/?tag=chamaxwoo-20">The Little Book of Common Sense Investing by John Bogle</a></li> <li><a href="https://www.mrmoneymustache.com/">Mr. Money Mustache Blog&nbsp;</a></li> <li><a href="http://www.mint.com">www.mint.com</a></li> </ul> <p><strong>Kevin</strong></p> <ul> <li><a href="http://www.amazon.com/dp/0470102101/?tag=chamaxwoo-20">Unshakable by Tony Robbins</a></li> <li><a href="https://www.youneedabudget.com/">YNABS</a>&nbsp;</li> <li><a href="http://www.amazon.com/dp/1589795474/?tag=chamaxwoo-20">The Millionaire Next Door by Thomas Stanley </a></li> </ul> <h3><strong>Links</strong></h3> <ul> <li><a href="https://twitter.com/2frugaldudes">2 Frugal Dudes Twitter</a></li> <li><a href="https://twitter.com/seanmerron">Sean&#39;s Twitter</a></li> <li><a href="https://twitter.com/1kevgriff?lang=en">Kevin&#39;s Twitter</a></li> <li><a href="http://www.swiftkick.in">www.swiftkick.in</a></li> <li><a href="http://www.kevingriffin.com">www.kevgriffin.com</a></li> <li><a href="http://earlyretirementroadmap.com/">http://earlyretirementroadmap.com/</a></li> <li><a href="http://2frugaldudes.com">2 Frugal Dudes Podcast</a></li> </ul>
Aug 08, 2017
JSJ 272: Functional Programming and ClojureScript with Eric Normand
48:24
<h2><strong>JSJ 272: Functional Programming and ClojureScript with Eric Normand</strong></h2> <p>This episode of JavaScript Jabber features panelists Aimee Knight and Charles Max Wood. Special guest Eric Normand is here to talk about functional programming and ClojureScript. Tune in to learn more!</p> <p><strong>[00:1:14] Introduction to Eric Normand</strong></p> <p>Eric works for purelyfunctional.tv. The main target market for his company is those people who want to transition into functional programming from their current job. He offers them support, shows them where to find jobs, and gives them the skills they need to do well.</p> <p><strong>[00:02:22] Address that quickly</strong></p> <p>Functional programming is used at big companies such as Wal-Mart, Amazon, EBay, Paypal, and banks. They all have Clojure but it is not used at the scale of Java or Ruby.<br /> <br /> So yes, people are using it and it is influencing the mainstream programming industry.</p> <p><strong>[00:3:48] How do you build an application?</strong></p> <p>A common question Eric gets is, &ldquo;How do I structure my application?&rdquo; People are used to using frameworks. Most start from an existing app. People want a process to figure out how to take a set of features and turn it into code. Most that get into functional programming have development experience. The attitude in functional programming is that they do not want a framework. Clojure needs to be more beginner friendly. His talk is a four-step process on how to turn into code.</p> <p><strong>[00:05:56] Can you expand on that a little?</strong></p> <p>There are four steps to the process of structuring an application.</p> <ol> <li>Develop a metaphor for what you are trying to do. Developing the first implementation. How would you build it if you didn&rsquo;t have code?</li> <li>Develop the operations. What are their properties? Example: will have to sort records chronological.</li> <li>Develop relationships between the operations.</li> <li>Run tests and refactor the program. Once you have that, you can write the prototype.</li> </ol> <p><strong>[00:13:13] Why can&rsquo;t you always make the code better?</strong></p> <p>Rules can&rsquo;t be refactored into new concepts. They have to be thrown away and started completely over. The most important step is to think before beginning to write code. It may be the hardest part of the process, but it will make the implementation easier.</p> <p><strong>[00:17:20] What are your thoughts on when people take it too far and it makes the code harder to read?</strong></p> <p>He personally has written many bad abstractions. Writing bad things is how you get better as a programmer. The ones that go too far are the ones that don&rsquo;t have any basis or are making something new up. They are trying to be too big and use no math to back up their code.</p> <p><strong>[00:20:05] Is the hammock time when you decide if you want to make something abstract or should you wait until you see patterns develop?</strong></p> <p>He thinks people should think about it before, although always be making experiments that do not touch production.</p> <p><strong>[00:23:33] Is there a trade off between using ClojureScript and functional JavaScript?</strong></p> <p>In terms of functional programming in JavaScript don&rsquo;t have some of the niceties that there are in Clojure script. Clojure Script has a large standard library. JavaScript is not as well polished for functional programming; it is a lot of work to do functional programming it and not as much support.</p> <p><strong>[00:27:00:] Dave Thomas believes that the future of software is functional programming. Do you agree?</strong></p> <p>Eric thinks that it seems optimistic. He doesn&rsquo;t see functional programming take over the world but does think that it has a lot to teach. The main reason to learn functional programming is to have more tools in your toolbox.</p> <p><strong>[00:31:40] If this is a better way to solve these problems, why aren&rsquo;t people using it? </strong></p> <p>There is a prejudice against functional programming. When Eric was first getting into it, people would ask why he was wasting his time. Believes that people are jaded. Functional programming feels foreign because people are used to a familiar way of programming; they usually start with a language and get comfortable.</p> <p><strong>[00:40:58] If people want to get started with it, is there an easy way in? </strong></p> <p>Lodash is great to start replacing for loops. It will clean up code. There are other languages that compile to JavaScript. For example, Elm is getting a lot of attention right now. It is a Haskell like syntax. If you want more of a heavyweight language, use TypeScript or PureScript. ClojureScript is into live programming. You are able to type, save, and see results of the code immediately on the screen in front of you.</p> <h3><strong>Picks</strong></h3> <p><strong>Aimee:</strong></p> <ul> <li><a href="https://purelyfunctional.tv/issues/clojure-gazette-177-the-hidden-costs-of-abstraction/"><em>The Hidden Cost of Abstraction</em>&nbsp;</a></li> <li><a href="https://hackernoon.com/what-functional-language-should-i-learn-5e4157ff574f"><em>What Functional Language Should I Learn&nbsp;</em></a></li> </ul> <p><strong>Eric</strong></p> <ul> <li><a href="http://www.amazon.com/dp/B009BDVD2Q/?tag=chamaxwoo-20">Steven King, <em>On Writing&nbsp;</em></a></li> <li><a href="https://www.youtube.com/user/testedcom">Youtube Channel: Tested&nbsp;</a><strong>&nbsp;</strong></li> </ul> <p><strong>Charles</strong></p> <ul> <li>Ionic Framework</li> </ul> <h3><strong>Links</strong></h3> <ul> <li><a href="http://www.purelyfunctional.tv">Purely Functional TV&nbsp;</a></li> <li><a href="http://www.lispcast.com/">Blog&nbsp;</a></li> <li><a href="https://purelyfunctional.tv/building-composable-abstractions/">Building Composable Abstractions&nbsp;</a></li> </ul>
Aug 01, 2017
JSJ 271: SharePoint Extensions in JavaScript with Mike Ammerlaan and Vesa Juvonen
53:17
<h2>JSJ 271: SharePoint Extensions in JavaScript with Mike Ammerlaan and Vesa Juvonen</h2> <p>This episode is a live episode from Microsoft Build where AJ O&#39;Neal and Charles Max Wood interview Mike Ammerlaan and Vesa Juvonent about building extensions for SharePoint with JavaScript.</p> <p><strong>[00:01:28] Mike Ammerlaan introduction</strong><br /> Mike has worked at Microsoft for a long time on multiple Microsoft products and projects. He&#39;s currently on the Office Ecosystem Marketing Team.</p> <p><strong>[00:01:52] Vesa Juvonen introduction</strong><br /> Ves a is Senior Program Manager for the SharePoint Splat team. He&#39;s been with Microsoft for about 11 years and manages the community and documentation for the SharePoint framework.</p> <p><strong>[00:02:18] What is the SharePoint Framework?</strong><br /> This is how you write SharePoint extensions with JavaScript. SharePoint has changed. It now works with common modern development tools and web development techniques. SharePoint consolodates the extension effort</p> <p><strong>[00:03:32] What is SharePoint?</strong><br /> File sharing, team sites, communication points for teams. Part of Office 365. You use Web Parts to add functionality to SharePoint. Web Parts provide functionality like widgets and are scoped to a team, group, or set of users. It&#39;s usually hosted on premises, but you can also use it with Office 365 as a hosted solution.</p> <p><strong>[00:05:56] What extensions can you build for SharePoint?</strong><br /> You can build widgets for your front page or intranet. You can also add user management or data management or document management.</p> <p>Examples:</p> <ul> <li>Dashboards</li> <li>Mini Applications</li> <li>Scheduling and Time Tracking</li> <li>Document Storage</li> <li>Source code repositories</li> </ul> <p><strong>[00:07:39] What is WebDAV and how does it relate?</strong><br /> WebDAV is a protocol for accessing documents and SharePoint supports it among other protocols for managing documents.</p> <p><strong>[00:08:36] Do I have to build front-end and back-end components to get full functionality?</strong><br /> You can build the front-end UI with Angular and other frameworks. And then build a service in Azure on the backend. The backend systems can then access Line of Business systems or other data systems.</p> <p>It really does take multiple skill sets to build extensions for SharePoint.</p> <p><strong>[00:11:10] SharePoint on Mobile</strong><br /> There is a mobile web app and the Web Parts work through the mobile application. You can also use any browser to connect to the application.</p> <p><strong>[00:12:08] Building extensions with standard Angular or React component libraries</strong><br /> There are standard Yeoman templates. You can also pull in the components through React or Angular just like what Microsoft does.</p> <p>Newer Angular versions are designed for Single Page Apps and SharePoint isn&#39;t necessarily set up to work that way. The Web Parts are isolated from each other and Angular requires some workarounds.</p> <p><strong>[00:14:30] Getting around sandboxing</strong><br /> Google and Microsoft are talking to each other to see how to work around this when there are multiple sandboxed applications that can&#39;t talk to each other in very simple ways.</p> <p><strong>[00:15:39] Application library or naming collisions if my UI uses different versions or clobber page wide settings</strong><br /> There are guides for a lot of this. React does a bunch of the isolation work.</p> <p>Addons are iframed in and an API token is given to grant access to the data and APIs.</p> <p>Microsoft also reviews and approves plugins.</p> <p><strong>[00:18:30] How do you get started and make money at this?</strong><br /> Look at the SharePoint store. You can build things through websites and pages and offer the plugins through the store.</p> <p>You can request a SharePoint tenant installation from the Microsoft Dev Tools for free. Then you can build into the tenant site. The rest of the tools are available on npm.</p> <p><a href="http://dev.office.com/sharepoint">SharePoint Developer Tools</a></p> <p><strong>[00:22:13] Automated testing for SharePoint extensions</strong><br /> Unit testing is built in for JavaScript. Testing the UI&#39;s require you to sign into Office 365. There are people doing it, though.</p> <p><strong>[00:22:54] Building internal-only extensions</strong><br /> SharePoint is an enterprise tool, so a lot of enterprises may not want to install extensions from the store. You can definitely build and install private plugins for SharePoint setups. They also have their own backend systems that will require custom development.</p> <p><strong>[00:25:50] Office 365, SharePoint, and OneDrive</strong><br /> Office 365 is used by people across many different sized organizations and SharePoint is much more enterprise. Office 365 tools store files and information in SharePoint.</p> <p>What about OneDrive versus Sharepoint? OneDrive is focused for one person. SharePoint is focused around a team. But they have the same APIs and use the same technology stack.</p> <p><strong>[00:29:05] The history and future of SharePoint</strong><br /> It started out on premises and has moved to the cloud. The SharePoint team is working to keep it available and useful in the modern cloud based era.</p> <p><strong>[00:30:25] What does the API footprint look like?</strong><br /> It spans modifying lists, data objects, attributes, items in a list, put Web Parts on a page, modify the experience, and manage and modify access, users, and documents. SharePoint is a way of building a way of conveying information.</p> <p>SharePoint is layers of data and scopes.</p> <p><strong>[00:35:26] Tutorials and Open Source</strong><br /> <a href="http://dev.office.com">dev.office.com</a><br /> The Sharepoint framework is not open source yet, but they&#39;re working on that. They also need to open source the Yeoman templates.<br /> Open source samples are available at <a href="http://github.com/sharepoint"> github.com/sharepoint</a>.</p> <h3><strong>Picks</strong></h3> <p><strong>Charles Max Wood</strong></p> <ul> <li><a href="http://bluetick.io">BlueTick</a></li> <li><a href="http://zapier.com">Zapier</a></li> <li><a href="http://scheduleonce.com">ScheduleOnce</a></li> <li><a href="http://moo.com">Moo.com</a></li> <li>Advice: Take the time to go talk to people.<br /> Vesa adds that you should go to a session that&#39;s on something completely outside your experience.</li> </ul> <p><strong>AJ O&#39;Neal</strong></p> <ul> <li><a href="http://www.imdb.com/title/tt4287320/">The Circle</a></li> <li>Spontaneity/Happiness: AJ tells a story about a woman he saw running through sprinklers.</li> <li><a href="http://amzn.to/2u5Icq7">Oh the places you&#39;ll go by Dr. Seuss</a>: AJ talks about a journal entry he read at a yard sale.</li> </ul> <p><strong>Mike Ammerlaan</strong></p> <ul> <li><a href="http://store.steampowered.com/app/617830/SUPERHOT_VR/">Super hot VR on Oculus Rift</a></li> </ul> <p><strong>Vesa Juvonen</strong></p> <ul> <li>Family</li> </ul> <p>A big thanks to Microsoft, DotNetRocks, and Build!</p>
Jul 25, 2017
JSJ 270 The Complete Software Developers Career Guide with John Sonmez
60:43
<hr /> <h3>JSJ 270 The Complete Software Developers Career Guide with John Sonmez</h3> <p>This episode features a panel of Joe Eames, AJ O&rsquo;Neal, as well as host Charles Maxwell. Special guest John Sonmez runs the website <a href="http://simpleprogrammer.com/">SimpleProgrammer.com</a> that is focused on personal development for software developers. He works on career development and improving the non-technical life aspects of software developers. Today&rsquo;s episode focuses on John&rsquo;s new book&nbsp;The Complete Software Developers Career Guide.</p> <hr /> <h4>Did the book start out being 700 pages?</h4> <p>No. My goal was 200,000 words. During the editing process a lot of questions came up, so pages were added. There were side sections called &ldquo;Hey John&rdquo; to answer questions that added 150 pages.</p> <h4>Is this book aimed at beginners?</h4> <p>It should be valuable for three types of software developers: beginner, intermediate, and senior developers looking to advance their career. The book is broken up into five sections, which build upon each other. These sections are: - How to get started as a software developer - How to get a job and negotiate salary - The technical skills needed to know to be a software developer - How to work as a software developer - How to advance in career</p> <h4>Is it more a reference book, not intended to read front to back?</h4> <p>The book could be read either way. It is written in small chapters. Most people will read it start to finish, but it is written so that you can pick what you&rsquo;re interested in and each chapter still makes sense by itself.</p> <h4>Where did you come up with the idea for the book?</h4> <p>It was a combination of things. At the time I wanted new blog posts, a new product, and a new book. So I thought, &ldquo;What if I wrote a book that could release chapters as blog posts and could be a product later on?&rdquo; I also wanted to capture everything I learned about software development and put it on paper so that didn&rsquo;t lose it.</p> <h4>What did people feel like they were missing (from Soft Skills) that you made sure went into this book?</h4> <p>All the questions that people would ask were about career advice. People would ask things regarding: - How do I learn programming? - What programming language should I learn? - Problems with co-workers and boss - Dress code</p> <h4>What do you think is the most practical advice from the book for someone just getting started?</h4> <p>John thinks that the most important thing to tell people is to come up with a plan on how you&rsquo;re going to become educated in software development. And then to decide what you&rsquo;re going to pursue. People need to define what they want to be. After that is done, go backwards and come up with a plan in order to get there. If you set a plan, you&rsquo;ll learn faster and become a valuable asset to a team. Charles agrees that this is how to stay current in the job force.</p> <h4>What skills do you actually need to have as a developer?</h4> <p>Section 3 of the book answers this question. There was some frustration when beginning as a software developer, so put this list together in the book. - Programming language that you know - Source control understanding - Basic testing - Continuous integration and build systems - What kinds of development (web, mobile, back end) - Databases - Sequel</p> <h4>Were any of those surprises to you?</h4> <p>Maybe DevOps because today&rsquo;s software developers need to, but I didn&rsquo;t need to starting out. We weren&rsquo;t involved in production. Today&rsquo;s software developers need to understand it because they will be involved in those steps.</p> <h4>What do you think is the importance of learning build tools and frameworks, etc. verses learning the basics?</h4> <p>Build tools and frameworks need to be understood in order to understand how your piece fits into the bigger picture. It is important to understand as much as you can of what&rsquo;s out there. The basics aren&rsquo;t going to change so you should have an in depth knowledge of them. Problems will always be solved the same way. John wants people to have as few &ldquo;unknown unknowns&rdquo; as possible. That way they won&rsquo;t be lost and can focus on more timeless things.</p> <h4>What do you think about the virtues of self-taught verses boot camp verses University?</h4> <p>This is the first question many developers have so it is addressed it in the book. If you can find a good coding boot camp, John personally thinks that&rsquo;s the best way. He would spend money on boot camp because it is a full immersion. But while there, you need to work as hard as possible to soak up knowledge. After a boot camp, then you can go back and fill in your computer science knowledge. This could be through part time college classes or even by self-teaching.</p> <h4>Is the classic computer science stuff important?</h4> <p>John was mostly self-taught; he only went to college for a year. He realized that he needed to go back and learn computer science stuff. Doesn&rsquo;t think that there is a need to have background in computer science, but that it can be a time saver.</p> <h4>A lot of people get into web development and learn React or Angular but don&rsquo;t learn fundamentals of JavaScript. Is that a big mistake?</h4> <p>John believes that it is a mistake to not fully understand what you&rsquo;re doing. Knowing the function first, knowing React, is a good approach. Then you can go back and learn JavaScript and understand more. He states that if you don&rsquo;t learn the basics, you will be stunted and possibly solve things wrong. Joe agrees with JavaScript, but not so much with things algorithms. He states that it never helped him once he went back and learned it. John suggests the book <em>Algorithms&nbsp;to Live By</em>&nbsp;&ndash; teaches how to apply algorithms to real life.</p> <h4>Is there one question you get asked more than anything else you have the answer to in the book?</h4> <p>The most interesting question is regarding contract verses salary employment and how to compare them. It should all be evaluated based on monetary value. Salary jobs look good because of benefits. But when looking at pay divided by the hours of work, usually a salary job is lower paid. This is because people usually work longer hours at salary jobs without being paid for it.</p> <h4>What&rsquo;s the best place for people to pick up the book?</h4> <p><a href="http://simpleprogrammer.com/careerguide/">simpleprogrammer.com/careerguide</a> and it will be sold on Amazon. The book will be 99 cents on kindle &ndash; want it to be the best selling software development book ever.</p> <hr /> <h3>Picks</h3> <h4>Joe</h4> <p><a href="http://wonderwomanfilm.com/">Wonder Woman</a></p> <h4>AJ</h4> <p><a href="https://www.amazon.com/Alchemist-Paulo-Coelho/dp/0061122416">The Alchemist</a></p> <h4>Charles</h4> <p><a href="https://www.amazon.com/Artificial-Intelligence-Python-Prateek-Joshi/dp/178646439X">Artificial Intelligence with Python</a></p> <h4>John</h4> <p><a href="https://www.amazon.com/Algorithms-Live-Computer-Science-Decisions/dp/1627790365">Algorithms to Live by: The Computer Science of Human Decisions</a> <a href="https://www.amazon.com/Apple-Airpods-Wireless-Bluetooth-Headset/dp/B01MQWUXZS">Apple Airpods</a></p> <hr /> <h3>Links</h3> <p><a href="www.youtube.com/simpleprogrammer">Simple Programmer Youtube</a></p>
Jul 18, 2017
JSJ 269 Reusable React and JavaScript Components with Cory House
57:44
<p style="text-align: center;"><strong>JSJ 269 Reusable React and JavaScript Components with Cory House</strong></p> <p>On today&rsquo;s episode of JavaScript Jabber, we have panelists Joe Eames, Aimee Knight, Charles Max Wood, and playing the part of both host and guest, Cory House. Encourage your team to investigate reusable components, whether that&rsquo;d be React, Angular, Vue, or Ember. Tune in!</p> <p><strong>[00:01:35] &ndash; Overview</strong></p> <p>We can finally write reusable components that it is really lightweight. It doesn&rsquo;t take much framework-specific code to get things done.</p> <p>Around 3 years ago, the idea of web component standard was all front-end developers could share our components with each other whether someone is in Angular or React. Web components continue to be an interesting standard but people continue to reach for JavaScript libraries instead &ndash; React, Angular, Vue.&nbsp;</p> <p><strong>[00:04:50] &ndash; Browser support issue</strong></p> <p>The story in JavaScript libraries is easier. You have more power, more flexibility, more choices, and get superior performance, in certain cases, by choosing a JavaScript library over the standard right now. If you try to use the web components standard, you have to Polyfill-in some features so you can run things across browser. You also won&rsquo;t get JavaScript features like intelligently splitting bundles and lazy load different components.</p> <p>Whether you&rsquo;re in Angular or React, you have this model of putting your data in your curly braces. That setup is non-existent in standardized web components. You have to play the game of putting and pulling data into and out the DOM using DOM selectors. You actually take a step backward in developer ergonomics when you choose to leverage the platform instead.</p> <p><strong>[00:07:50] &ndash;<a href="https://www.polymer-project.org/"> Polymer</a></strong></p> <p>The reason that Polymer is useful is it adds some goodness on top of web components. One of those things is that it makes it easier to bind in data and not having to do things like writing a DOM query to be able to get your hands on this div and put this text inside of it. With Polymer, you can do something that feels more like Angular, where you can put in your curly braces and just bind in some data into that place. Polymer ends up adding some nice syntactic sugar on top of the web components standard just to make it easier to create web components. Polymer is also used to bundle in Polyfill for the features across browser. &nbsp;&nbsp;</p> <p><strong>[00:14:20] &ndash; Standards are dead</strong></p> <p>No. The standard itself has been embraced at different levels by different libraries. What you can see for the near future is popular libraries leveraging pieces of the web components platform to do things in a standard-spaced way. Effectively, Angular, Vue, Aurelia, are going to be abstractions over the web components standard. Arguably the most popular way to do components today is React. But React completely ignores the web components standard. When you look at React, you can&rsquo;t see what piece of the web components standard would fundamentally make React a better component library.</p> <p>Cory can&rsquo;t seem to run to anybody that is actually using the standard in production to build real applications. People continue to reach for the popular JavaScript libraries that we so often hear about.</p> <p><strong>[00:17:05] &ndash; Libraries making reusable components</strong></p> <p>There is a risk that it would have been a waste for people writing components on Angular, for React, for Vue. But it&rsquo;s not necessarily safer writing on the web component standard when you have so few people leveraging that standard. There&rsquo;s always the risk that that standard may shift as well.</p> <p>As an example, Cory&rsquo;s team created approximately 100 reusable components in React. If they end up moving to a hot new library, the components are really just functions that take parameters and contain HTML. There is little there</p> <p><strong>[00:21:20] &ndash; Why opt for reusable components</strong></p> <p>Reusable components are inherently useful in a situation where you&rsquo;re going to be doing something more than once. If you think about any work that you do as a software developer, we&rsquo;d like to think that we&rsquo;re coming in and creating new things but often it is groundhogs day. There are all sorts of opportunities for reuse.</p> <p>As a company, we want to encapsulate our forms in reusable components so it&rsquo;s literally impossible for our software developers to do something that goes against our standard. That&rsquo;s the power of reusable components. &nbsp;</p> <p><strong>[00:31:20] &ndash; Rigid component vs. flexible component </strong></p> <p>As component developers, if we try to create a reusable component in a vacuum, bad things happen. If you&rsquo;re going to do a reusable component, start by solving a specific problem on a given application. If we think that a component&rsquo;s going to be useful in multiple places, we put it in a folder called reusable right there in our application source folder.</p> <p>We try to follow that rule of three as well. If we&rsquo;ve taken that component and used it in 3 places, that&rsquo;s a good sign that we should extract it out, put it in our <a href="https://www.npmjs.com/">NPM</a> package, that way, everybody has this centralized component to utilize. At that point, it has been tested. It&rsquo;s been through the fire. People have used it in the real world in a few places so we can be confident that the API is truly flexible enough.</p> <p>Be as rigid as you can upfront. Once you add features, it&rsquo;s really hard to take features away. But it&rsquo;s quite easy to add features later. If you start with something rigid, it&rsquo;s easier to understand. It&rsquo;s easier to maintain and you can always add a few more switches later.</p> <p><strong>[00:36:00] &ndash; Reusable components</strong></p> <p>The reason that we can&rsquo;t reuse code is every time a new project comes up, people are spending up their own ideas rather than leveraging standards that should have been put in place previously.</p> <p>We&rsquo;ve had the technical ability to do this for a long time. We just haven&rsquo;t been around long enough for consolidation to happen, for standardization to happen. You look at how quickly things are changing in our industry. For instance, a couple of years ago, everybody had pretty much decided that two-way binding was the way to build web applications. And then, React came along and shook that up. So today, you have different ways of thinking about that issue.</p> <p><strong>[00:42:45] &ndash; Component development on teams</strong></p> <p>Aimee&rsquo;s team has component development and they&rsquo;re using Angular 1.6. All of our base components are sitting in a seed application. We just go in when we want to create a new property and we just extend all of those components with specific functionalities that we need.</p> <p><strong>[00:47:45] &ndash; Mobile to web crossover</strong></p> <p>Cory&rsquo;s team is creating React components but it&rsquo;s not leveraged on a mobile application. But people use React Native components on the web. And in fact, if you use create-react-app today, you can do that right now. It&rsquo;s wired up to work in React Native components. In that way, you can literally have these same components running on your Native mobile apps as you do on your web application.</p> <p><strong>[00:50:00] &ndash; Challenge</strong></p> <p>Cory&rsquo;s challenge for everybody listening is sit down with your team and have a quick conversation about whether you think components make sense. Look back at the last few months of development and say, &quot;if we have a reusable component library, what would be in it? How often have we found ourselves copying and pasting code between different projects? How much benefit would we get out of this story?&quot;</p> <p>Once you&rsquo;ve realized the benefits of the component model, both in the way that makes you think about your application, in a way that it helps you move faster and faster over time, I really think you won&rsquo;t go back to the old model. I&rsquo;d encourage people to investigate reusable components, whether that&rsquo;d be React, Angular, Vue or Ember.</p> <p><strong>Picks</strong></p> <p><strong>Cory House</strong></p> <ul> <li><a href="https://www.pluralsight.com/courses/react-creating-reusable-components">Creating Reusable React Components on Pluralsight</a></li> <li><a href="https://www.ted.com/talks/tim_ferriss_why_you_should_define_your_fears_instead_of_your_goals">Ted Talk: Why You Should Define your Fears Instead of Your Goals by Tim Ferriss</a></li> </ul> <p><strong>Joe Eames</strong></p> <ul> <li><a href="https://ui-router.github.io/">UI-Router</a></li> <li>Persistence</li> </ul> <p><strong>Aimee Knight</strong></p> <ul> <li><a href="https://news.ycombinator.com/item?id=14518093">Ask HN: People who completed a boot camp 3+ years ago, what are you doing now?</a></li> <li><a href="https://twitter.com/NgAtlanta">NgAtlanta</a></li> </ul> <p><strong>Charles Max Wood</strong></p> <ul> <li><a href="http://upwork.com">Upwork.com</a></li> </ul> <p><strong>JSJ 269 Reusable React and JavaScript Components with Cory House</strong></p> <p>On today&rsquo;s episode of JavaScript Jabber, we have panelists Joe Eames, Aimee Knight, Charles Max Wood, and playing the part of both host and guest, Cory House. Encourage your team to investigate reusable components, whether that&rsquo;d be React, Angular, Vue, or Ember. Tune in!</p> <p><strong>[00:01:35] &ndash; Overview</strong></p> <p>We can finally write reusable components that it is really lightweight. It doesn&rsquo;t take much framework-specific code to get things done.</p> <p>Around 3 years ago, the idea of web component standard was all front-end developers could share our components with each other whether someone is in Angular or React. Web components continue to be an interesting standard but people continue to reach for JavaScript libraries instead &ndash; React, Angular, Vue.&nbsp;</p> <p><strong>[00:04:50] &ndash; Browser support issue</strong></p> <p>The story in JavaScript libraries is easier. You have more power, more flexibility, more choices, and get superior performance, in certain cases, by choosing a JavaScript library over the standard right now. If you try to use the web components standard, you have to Polyfill-in some features so you can run things across browser. You also won&rsquo;t get JavaScript features like intelligently splitting bundles and lazy load different components.</p> <p>Whether you&rsquo;re in Angular or React, you have this model of putting your data in your curly braces. That setup is non-existent in standardized web components. You have to play the game of putting and pulling data into and out the DOM using DOM selectors. You actually take a step backward in developer ergonomics when you choose to leverage the platform instead.</p> <p><strong>[00:07:50] &ndash;<a href="https://www.polymer-project.org/"> Polymer</a></strong></p> <p>The reason that Polymer is useful is it adds some goodness on top of web components. One of those things is that it makes it easier to bind in data and not having to do things like writing a DOM query to be able to get your hands on this div and put this text inside of it. With Polymer, you can do something that feels more like Angular, where you can put in your curly braces and just bind in some data into that place. Polymer ends up adding some nice syntactic sugar on top of the web components standard just to make it easier to create web components. Polymer is also used to bundle in Polyfill for the features across browser. &nbsp;&nbsp;</p> <p><strong>[00:14:20] &ndash; Standards are dead</strong></p> <p>No. The standard itself has been embraced at different levels by different libraries. What you can see for the near future is popular libraries leveraging pieces of the web components platform to do things in a standard-spaced way. Effectively, Angular, Vue, Aurelia, are going to be abstractions over the web components standard. Arguably the most popular way to do components today is React. But React completely ignores the web components standard. When you look at React, you can&rsquo;t see what piece of the web components standard would fundamentally make React a better component library.</p> <p>Cory can&rsquo;t seem to run to anybody that is actually using the standard in production to build real applications. People continue to reach for the popular JavaScript libraries that we so often hear about.</p> <p><strong>[00:17:05] &ndash; Libraries making reusable components</strong></p> <p>There is a risk that it would have been a waste for people writing components on Angular, for React, for Vue. But it&rsquo;s not necessarily safer writing on the web component standard when you have so few people leveraging that standard. There&rsquo;s always the risk that that standard may shift as well.</p> <p>As an example, Cory&rsquo;s team created approximately 100 reusable components in React. If they end up moving to a hot new library, the components are really just functions that take parameters and contain HTML. There is little there</p> <p><strong>[00:21:20] &ndash; Why opt for reusable components</strong></p> <p>Reusable components are inherently useful in a situation where you&rsquo;re going to be doing something more than once. If you think about any work that you do as a software developer, we&rsquo;d like to think that we&rsquo;re coming in and creating new things but often it is groundhogs day. There are all sorts of opportunities for reuse.</p> <p>As a company, we want to encapsulate our forms in reusable components so it&rsquo;s literally impossible for our software developers to do something that goes against our standard. That&rsquo;s the power of reusable components. &nbsp;</p> <p><strong>[00:31:20] &ndash; Rigid component vs. flexible component </strong></p> <p>As component developers, if we try to create a reusable component in a vacuum, bad things happen. If you&rsquo;re going to do a reusable component, start by solving a specific problem on a given application. If we think that a component&rsquo;s going to be useful in multiple places, we put it in a folder called reusable right there in our application source folder.</p> <p>We try to follow that rule of three as well. If we&rsquo;ve taken that component and used it in 3 places, that&rsquo;s a good sign that we should extract it out, put it in our <a href="https://www.npmjs.com/">NPM</a> package, that way, everybody has this centralized component to utilize. At that point, it has been tested. It&rsquo;s been through the fire. People have used it in the real world in a few places so we can be confident that the API is truly flexible enough.</p> <p>Be as rigid as you can upfront. Once you add features, it&rsquo;s really hard to take features away. But it&rsquo;s quite easy to add features later. If you start with something rigid, it&rsquo;s easier to understand. It&rsquo;s easier to maintain and you can always add a few more switches later.</p> <p><strong>[00:36:00] &ndash; Reusable components</strong></p> <p>The reason that we can&rsquo;t reuse code is every time a new project comes up, people are spending up their own ideas rather than leveraging standards that should have been put in place previously.</p> <p>We&rsquo;ve had the technical ability to do this for a long time. We just haven&rsquo;t been around long enough for consolidation to happen, for standardization to happen. You look at how quickly things are changing in our industry. For instance, a couple of years ago, everybody had pretty much decided that two-way binding was the way to build web applications. And then, React came along and shook that up. So today, you have different ways of thinking about that issue.</p> <p><strong>[00:42:45] &ndash; Component development on teams</strong></p> <p>Aimee&rsquo;s team has component development and they&rsquo;re using Angular 1.6. All of our base components are sitting in a seed application. We just go in when we want to create a new property and we just extend all of those components with specific functionalities that we need.</p> <p><strong>[00:47:45] &ndash; Mobile to web crossover</strong></p> <p>Cory&rsquo;s team is creating React components but it&rsquo;s not leveraged on a mobile application. But people use React Native components on the web. And in fact, if you use create-react-app today, you can do that right now. It&rsquo;s wired up to work in React Native components. In that way, you can literally have these same components running on your Native mobile apps as you do on your web application.</p> <p><strong>[00:50:00] &ndash; Challenge</strong></p> <p>Cory&rsquo;s challenge for everybody listening is sit down with your team and have a quick conversation about whether you think components make sense. Look back at the last few months of development and say, &quot;if we have a reusable component library, what would be in it? How often have we found ourselves copying and pasting code between different projects? How much benefit would we get out of this story?&quot;</p> <p>Once you&rsquo;ve realized the benefits of the component model, both in the way that makes you think about your application, in a way that it helps you move faster and faster over time, I really think you won&rsquo;t go back to the old model. I&rsquo;d encourage people to investigate reusable components, whether that&rsquo;d be React, Angular, Vue or Ember.</p> <p><strong>Picks</strong></p> <p><strong>Cory House</strong></p> <ul> <li><a href="https://www.pluralsight.com/courses/react-creating-reusable-components">Creating Reusable React Components on Pluralsight</a></li> <li><a href="https://www.ted.com/talks/tim_ferriss_why_you_should_define_your_fears_instead_of_your_goals">Ted Talk: Why You Should Define your Fears Instead of Your Goals by Tim Ferriss</a></li> </ul> <p><strong>Joe Eames</strong></p> <ul> <li><a href="https://ui-router.github.io/">UI-Router</a></li> <li>Persistence</li> </ul> <p><strong>Aimee Knight</strong></p> <ul> <li><a href="https://news.ycombinator.com/item?id=14518093">Ask HN: People who completed a boot camp 3+ years ago, what are you doing now?</a></li> <li><a href="https://twitter.com/NgAtlanta">NgAtlanta</a></li> </ul> <p><strong>Charles Max Wood</strong></p> <ul> <li><a href="http://upwork.com">Upwork.com</a></li> </ul>
Jul 11, 2017
JSJ 268 Building Microsoft Office Extensions with JavaScript with Tristan Davis and Sean Laberee
01:06:43
<h2 style="text-align: center;"><strong>JSJ 268 Building Microsoft Office Extensions with Javascript with Tristan Davis and Sean Laberee</strong></h2> <p>This episode is live at the Microsoft Build 2017 with Charles Max Wood and AJ O&rsquo;Neal. We have Tristan Davis and Sean Laberee from the Office Team at Microsoft. Tune in and learn more about what&rsquo;s new with Microsoft Office Extensions!</p> <p><strong>[00:01:25] &ndash; Introduction to Tristan Davis and Sean Laberee</strong></p> <p>Tristan Davis and Sean Laberee are Program Managers on the Microsoft Office team, focused on Extensibility.</p> <p><strong>Questions for Tristan and Sean</strong></p> <p><strong>[00:01:45] &ndash; Extending Office functionality with Javascript </strong></p> <p>Office isn&rsquo;t just an application on Windows that runs on your PC. It is running on iPhone, iPad, Android tablet, and apps on the browser with Office Online. The team needs a new platform, add-ins, which allow you to build apps that run across all places. It&rsquo;s HTML and Javascript. HTML for all the UI and a series of Javascript module calls for the document properties. Sometimes we call it OfficeJS.</p> <p><strong>[00:03:20] &ndash; This works on any version of Office?</strong></p> <p>It works on Office on Windows, Mac, Online and iPad.</p> <p><strong>[00:03:55] &ndash; HTML and CSS suck on mobile?</strong></p> <p>There are things that you&rsquo;re going to want to do when you know you&rsquo;re running on a mobile device. If you look at an add-in running on Outlook for iPhone, the developer does a lot of things to make that feel like part of the iPhone UI. Tristan believes that you could build a great add-in for Office using HTML and JavaScript.</p> <p><strong>[00:05:20] &ndash; Are these apps written with JavaScript or you have a Native with WebView?</strong></p> <p>Office itself is Native. All of it is Native code but the platform is very much web. The main piece of it is pointing at the URL. Just go load that URL. And then, you can also call functions in your JavaScript.</p> <p><strong>[00:06:35] &ndash; Why would you do this? How does it work?</strong></p> <p>The add-in platform is a way to help developers turn Word, Excel and PowerPoint into the apps that actually solve user&rsquo;s business problems. The team will give you the tools with HTML and JavaScript to go and pop into the Word UI and the API&rsquo;s that let you go manipulate the paragraph and texts inside of Word. Or in Excel, you might want to create custom formulas or visualizations. The team also let people use D3 to generate their own Excel charts.</p> <p>And developers want to extend Office because it&rsquo;s where a lot of business workers spend their days 0 in Outlook, Teams, Word, Excel.</p> <p><strong>[00:10:00] &ndash; How did this get delivered to them?</strong></p> <p>There are 2 ways to get this delivered. One, there&rsquo;s an Office Store. Second, if you go into Word, Excel, and PowerPoint, there&rsquo;s a store button and you can see tons of integrations with partners.</p> <p>For enterprises, IT can deploy add-ins to the users&rsquo; desktops without having stress about deploying MSI&rsquo;s and other software deployments that the web completely rids off. The add-ins make a whole lot of pain the past completely go away.</p> <p><strong>[00:11:00] &ndash; Everybody in the company can use a particular plug-in by distributing it with Office?</strong></p> <p>That&rsquo;s right. You can go to Office 365 add-in experience. Here&rsquo;s the add-in and you can to specific people or everyone who&rsquo;s part of a group.</p> <p>For the developer&rsquo;s perspective, if you have the add-in deployed to your client, you could actually push updates to the web service and your users get the updates instantly. It&rsquo;s a lot faster turn-around model.</p> <p><strong>[00:14:20] &ndash; What about conversations or bot integrations?</strong></p> <p>There&rsquo;s the idea of connectors at Teams. You can subscribe to this web book and it&rsquo;ll publish JSON. When the JSON is received, a new conversation inside of Teams or Outlook will be created. For example, every time someone posts on Stack Overflow with one of the tags that team cares about, it posts on Outlook.</p> <p>It&rsquo;s a great way to bring all the stuff. Rather than have 20 different apps that are shooting 20 different sets of notifications, it&rsquo;s just all conversations in email, making do all the standard email things.</p> <p>And in the connector case, it&rsquo;s a push model. The user could choose what notifications they want.</p> <p>You&rsquo;d also learn things like bots. You can have bots in Teams and Skype. The users can interact with them with their natural language.</p> <p><strong>[00:18:40] &ndash; How about authentication?</strong></p> <p>As long as you&rsquo;re signed into Office, you can call JavaScript API to give you an identity token for the sign in user and it will hand you a JWT back. That&rsquo;s coming from Azure Active Directory or from whatever customer directory service. That&rsquo;s standard.</p> <p>If you want to do more, you can take that identity token and you can exchange that for a token that can call Microsoft graph. This app wants to get access to phone, are you okay with that? Assuming the user says yes, the user gets a token that can go and grab whatever data he wants from the back-end.</p> <p><strong>[00:20:00] &ndash; Where does it store the token?</strong></p> <p>That&rsquo;s up to the developer to decide how they want to handle that but there are facilities that make sure you can pop up a dialog box and you can go to the LO-flow. You could theoretically cache it in the browser or a cookie. Or whatever people think is more appropriate for the scenario.</p> <p><strong>[00:20:55] &ndash; What does the API actually look like from JavaScript?</strong></p> <p>If you&rsquo;re familiar with Excel UI, you can look at Excel API. It&rsquo;s workbook.worksheets.getItem() and you can pass the name of the worksheet. It can also pass the index of the worksheet.</p> <p><strong>[00:22:30] &ndash; What&rsquo;s the process of getting setup?</strong></p> <p>There&rsquo;s a variety of options. You can download Office, write XML manifest, and take a sample, and then, side loads it into Office. You can also do that through web apps. There&rsquo;s no install required because you can go work against Office Online. In the Insert menu, there&rsquo;s a way to configure your add-ins. There&rsquo;s upload a manifest there and you can just upload the XML. That&rsquo;s going to work against whatever web server you have set up.</p> <p>So it&rsquo;s either on your local machine or up in the cloud. It&rsquo;s as much as like regular web development. Just bring your own tools.</p> <p><strong>[00:24:15] &ndash; How do you protect me as a plug-in developer?</strong></p> <p>There&rsquo;s an access add-in that will ask your permission to access, say, a document. Assume, they say yes, pipes are opened and they can just go talk to those things. But the team also tries to sandbox it by iframes. It&rsquo;s not one page that has everybody&rsquo;s plug-ins intermingle that people can pole at other people&rsquo;s stuff.</p> <p><strong>[00:27:20] &ndash; How do you support backward compatibility?</strong></p> <p>There are cases where we change the behavior of the API. Every API is gated by requirement set. So if a developer needs access to a requirement set, he gets an aggregate instead of API&rsquo;s that he can work with but it isn&rsquo;t fixed forever.</p> <p>But it&rsquo;s not at that point yet where we end up to remove things completely. In Office JS, we&rsquo;ve talked about API&rsquo;s as one JavaScript library but really, it&rsquo;s a bootstrap that brings in a bunch of other pieces that you need.</p> <p><strong>[00:30:00] &ndash; How does that work on mobile? Do they have to approve download for all components?</strong></p> <p>You can download components by using the browser that the operating system gives. It&rsquo;s another one of the virtues of being based on the web. Every platform that has a web browser can have JavaScript execution run-time. It allows for the way that their app guidelines are written.</p> <p><strong>[00:33:15] &ndash; How about testing?</strong></p> <p>It&rsquo;s a place where there&rsquo;s still have work to do. There&rsquo;s a bunch of open-source projects that partners have started to do that. What they&rsquo;ve done is they&rsquo;ve built a testing library. Whatever the mock is, it&#39;s just a thing on Github. It is open-source friendly. So the team could be able to contribute to it. &ldquo;Here&rsquo;s an interesting test case for this API. I want to make sure that it behaves like this.</p> <p><strong>[00:35:50] &ndash; Could you write it with any version for JavaScript e.g. TypeScript?</strong></p> <p>A Huge chunk of the team is big TypeScript fans. They&rsquo;ve done a lot of work to make sure that TypeScript experience is excellence.</p> <p>Type is basically a collection of typing files for TypeScript. There&rsquo;s a runtime process that parses your TypeScript, gives you feedback on your code, and checks for errors. You can also run it in the background.</p> <p>There&rsquo;s an add-in called Script Lab. Script Lab is literally, you hit the code button and you get a web IDE right there. You can go start typing JavaScript code, play with API&rsquo;s, and uses TypeScript by default. It&rsquo;ll just actually load your code in the browser, executes, and you can start watching.</p> <p><strong>[00:39:25] &ndash; Are there any limitations on which JavaScript libraries you can pull in?</strong></p> <p>There a no limitations in place right now. There are partners that use Angular. There are partners that are big React fans. If you&rsquo;re a web dev, you can bring whatever preferences around frameworks, around tools, around TypeScript versus JavaScript.</p> <p><strong>[00:45:20] &ndash; What&rsquo;s the craziest thing you&rsquo;ve seen done with this API?</strong></p> <p>Battleship was pretty cool. There&rsquo;s also Star Wars entering credits theme for PowerPoint.</p> <p><strong>[00:46:40] &ndash; If a developer is building a plug-in and get paid for it, does Microsoft take credit for that?</strong></p> <p>There are 2 ways that folks can do it. You can do paid add-ins to the store. Either you do the standard perpetual 99 cents or you can do subscriptions, where it&rsquo;s $2.99/month. Tristan encourages that model because integrations are just a piece of some larger piece of software.</p> <p>But Microsoft is not in the business of trying to get you to pay me a little bit of 10 cents a dollar. It&rsquo;s really in the business of making sure that you can integrate with Office as quickly as possibly can.</p> <p>When the users go to the store, they can use the same Microsoft account that you use to buy Xbox games or movies in the Xbox, Windows apps in the Windows store.</p> <p><strong>[00:52:00] &ndash; The App Model</strong></p> <p>If folks are interested in the app model, they should go to <a href="https://dev.office.com/">dev.office.com</a> to learn more about it because that&rsquo;s where all the documentation is. Check out our <a href="https://github.com/OfficeDev">Github</a>. Right there in the open, there&rsquo;s the spec. Literally, the engineers who are coding the product are reading the same marked-down files in the same repo that you, as a developer, can come and look at. And you can comment. You can add issues like you could have a dialogue with that PM. Under the OfficeDev, you&rsquo;ll find a tunnel repository that contains samples. Our docs are there.</p> <h3><strong>Picks</strong></h3> <p>AJ O&#39;Neal</p> <ul> <li>Lithium</li> </ul> <p>Charles Max Wood</p> <ul> <li><a href="http://halelrod.com/books/">Miracle Morning by Hal Erod</a></li> <li><a href="https://www.google.com.ph/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=4&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwju762SmvDUAhUCa7wKHW3AAC0QFgg2MAM&amp;url=https%3A%2F%2Fwww.amazon.com%2FClean-Code-Handbook-Software-Craftsmanship%2Fdp%2F0132350882&amp;usg=AFQjCNHJDnmWbqzqrhM5Lav_Z6k-PxQEKA">Clean Code by Uncle Bob Martin</a></li> <li>Ketogenic diet</li> </ul> <p>Tristan Davis</p> <ul> <li><a href="https://www.google.com.ph/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwjnoefOmvDUAhWCfbwKHQEIA2gQFggkMAA&amp;url=https%3A%2F%2Fwww.amazon.com%2FAmazon-Echo-Bluetooth-Speaker-with-WiFi-Alexa%2Fdp%2FB00X4WHP5E&amp;usg=AFQjCNGoVb5dVRE6Lq1uCVTSvXhTWhd8lw">Amazon Echo</a></li> <li>Microbiome</li> </ul> <p>Sean Laberee</p> <ul> <li>Running</li> <li><a href="https://www.google.com.ph/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=2&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwiynITymvDUAhWJbbwKHXCGC-wQFggmMAE&amp;url=https%3A%2F%2Fwww.amazon.com%2FGarmin%2Fpages%2F2529458011&amp;usg=AFQjCNH00o_GRW5cEJ9BH5fho4iPxzmocw">Garmin watch</a></li> </ul>
Jul 04, 2017
JSJ 267 Node 8 with Mikeal Rogers, Arunesh Chandra, and Anna Henningsen
52:16
<hr /> <h4>JSJ 267 Node 8 with Mikeal Rogers, Arunesh Chandra, and Anna Henningsen</h4> <p>On today&rsquo;s episode of JavaScript Jabber we have panelists Joe Eames, AJ O&rsquo;Neil, Amiee Knight and Charles Max Wood and we are talking about Node 8. To help us we have special guests Mikeal Rodgers, Arunesh Chandra, and Anna Henningsen. It&rsquo;s going to be a great show. Tune in.</p> <hr /> <h5><span style="color:#808080">[1:56]</span> Is Node 8 just an update or is there more?</h5> <ul> <li>More than just an update</li> <li>Two main points:</li> <li>Improved <a href="https://www.npmjs.com/package/prana">Prana</a> support</li> <li>Native API</li> <li>Native APIs are helpful for Native Add-ons. For both the consumer and the developer side.</li> <li>Prior to update these Node Native modules ran in C++ and bound to specific to Node 8 APIs.</li> <li>Causes these modules to be updated or reconciled every time these modules are rereleased.</li> <li>Creates burden for module maintainers.</li> <li>Creates friction in upgrading Node versions in production departments.</li> <li>If you have a deployment depending on a certain Native module, some of the modules may not get updated in time when updating your Node versions. Keeping people from updating Node.</li> <li>Creates compatibility issues with Node users not using Node 8</li> <li>Experimental support for a Native layer in Node 8 to eliminate these issues as much as possible.</li> <li>Important milestone for the module ecosystem.</li> <li>You can write extensions for Node in C++ and it decouples V8 so you can use something else on the front.</li> <li>Modules takes dependency on V8 API specific to a particular version. So if V8 changes your module will be extracted from that.</li> <li>As a side benefit, you can have another VM to take advantage of that.</li> <li>Major version upgrades mean updating Native modules and usually some of those modules haven&rsquo;t updated to the newest version of Node and be complicated.</li> <li>Deep dependency wise, about 30% depends on a Native module somewhere</li> <li>In the future, with the Native API, you&rsquo;ll be able to update Node without breaking modules.</li> </ul> <h5><span style="color:#808080">[5:51]</span> What kind of work went into this?</h5> <ul> <li>Most of the work was in C++</li> <li>First thing that was done was, they looked at the top dependent Native modules in the ecosystem.</li> <li>Looked for what kind of V8 exposure they had and cataloged it</li> <li>Looked at how these APIs and what their purposes were</li> <li>Looked for a way to extract them so that they are part of Node Core</li> <li>Created neutral APIs, now part of the Node core.</li> <li>All C APIs</li> <li>Also has a C++ wrapper to improves usability of the API.</li> </ul> <h5><span style="color:#808080">[7:17]</span> What&rsquo;s an example of what you can do with these APIs?</h5> <ul> <li>Native modules allows for tighter integration and better module performance</li> <li>Specific APIs that you can use in V8 that isn&rsquo;t available through JavaScript</li> <li>If you have a C++ variable code and you want to expose a variable into JavaScript, that is V8 API note a Node 8 API</li> <li>Having it bound directly to the VM was something they wanted for a long time</li> <li>Google controls V8 and they bind to V8</li> <li>Created a better relationship with Google starting in IOJS</li> <li>Also worked with Microsoft with their Node Shocker work.</li> <li>Same with <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a></li> <li><a href="https://github.com/mozilla/spidernode">SpiderNode</a> is in the works</li> </ul> <h5><span style="color:#808080">[9:23]</span> Have you guys done any testing for performance?</h5> <ul> <li>Some. There is a performance working group.</li> <li>There is a need to stay on top of V8</li> <li>V8 team has focused on new language features</li> <li>Many features have been added over the years</li> <li>Many didn&rsquo;t come in optimized</li> <li>The performance profile has changed with these features</li> <li>If you&rsquo;re using new language features, you will see a performance boost</li> <li>In core, still tracking down code that was specific to the old optimizer and rewriting i to work the new optimizer</li> <li><a href="https://turboc.codeplex.com/">Turbo C</a> compiler hasn&rsquo;t landed yet, but is to come.</li> <li>Will have a completely different performance profile</li> <li>In most real world applications it will be faster</li> <li>Waiting on the release to take a version of V8 to make it easier to upgrade features in the future</li> </ul> <h5><span style="color:#808080">[11:28]</span> Are the new features picked up from V8 or implemented in Node?</h5> <ul> <li>It&rsquo;s all in V8</li> <li>Better longterm support</li> <li>Promises are made better in Node as a platform</li> <li>Added new method called <code>util.promisify()</code></li> <li>Implementation comes from V8</li> <li>Allows for more optimization for promises in Node core</li> <li>Promise support for the one-deprecated domains module.</li> </ul> <h5><span style="color:#808080">[13:02]</span> Is there anything more than NMP 5?</h5> <ul> <li>First off, delete your NMP cache.</li> <li>It&rsquo;s in your home directory usually with a .npm extension</li> </ul> <h5><span style="color:#808080">[14:09]</span> What are the new features in V8?</h5> <ul> <li>Unlimited heap sizes, previously had a 4gb limit. No fixed limit.</li> </ul> <h5><span style="color:#808080">[14:09]</span> Will you see things like chakra come out tuned for servers?</h5> <ul> <li>Profiles of a server for application process are getting smaller</li> <li>Getting cut into containers and VMs and micro services</li> <li>Vms that have cold boot time and run quickly in a strained environment is looking more like what we will see in the future</li> <li>Yes, especially if you&rsquo;re using cloud functions</li> <li>V8 is optimized for phones, but Chakra is even more so</li> <li>Looking for opportunities for VMs can be solely optimized for a device target</li> <li>Node take advantage of that VM</li> <li>VM neutrality is an interesting concept</li> <li>VM Vendors trying to optimize it based on workloads of a server</li> <li>Opens opportunities for Node</li> <li>Node Chakra has been proved to iOS. You can cut off jitting off which was a requirement to be able to be in the Apple App Store</li> <li>Node is not just for servers anymore</li> <li>Node doesn&rsquo;t take a long time configuring it</li> <li>When a developer runs code on an IoT or a mobile app they don&rsquo;t control the VM that is bundled, they run it on top of Node and it just works.</li> <li>VM neutrality gives a new vector, so you can swam a whole different VM</li> </ul> <h5><span style="color:#808080">[18:44]</span> When running different engines like iOS vs Android, does the profile change?</h5> <ul> <li>What it comes down to is if it&rsquo;s eventive programming</li> <li>The browser is an eventive environment, is very efficient waiting for things to happen before it does something</li> <li>The way that we program servers and nodes are the same as well</li> <li>the basics are the same generally</li> <li>environmental differences exist but the programming model is usually the same</li> <li>What does impact it is memory and processor and hardware and things like that</li> <li>That is where tuning the VM comes into play</li> </ul> <h5><span style="color:#808080">[20:29]</span> What is the new Async Hooks API used for?</h5> <ul> <li>Node has been lacking for automated inspection of Async Hook</li> <li>No way for Node to tell you when scheduling and beginning of an Async operation. Hook helps with that</li> <li>it&rsquo;s a way for developers to write debugging features</li> <li>Node tells the application that it&rsquo;s working with Asynchronous way.</li> <li>The embedded inspector has been embedded since Node 6</li> <li>Now has a JavaScript API to use it</li> <li>You can use things like Chrome debugger inside the running node process</li> <li>Old debugging protocol has been removed</li> <li>VM.run is still there but in the process of being deprecated</li> </ul> <h5><span style="color:#808080">[22:34]</span> How like is the experimental Node API will change?</h5> <ul> <li>Marked as experimental because it&rsquo;s the first time in the open</li> <li>Hopefully out of experimental soon</li> <li>Soon can port API to the existing LTS</li> <li>Looking for more people to participate with the new API and give feedback</li> <li>Fix any concerns before it goes to LTS</li> <li>Some other experimental things are in the works like ASync Hooks and how it interacts with promises</li> <li>Renaming some features</li> <li>Another new feature - serializer and deserializer that comes with V8</li> <li>experimental but will most likely stay</li> </ul> <h5><span style="color:#808080">[25:31]</span> what is your standard for going to LTS?</h5> <ul> <li>Major releases every 6 months</li> <li>Next Oct Node 9 will come out and then Node 8 will be LTS</li> <li>Documentation, updates, additions etc will be ready then</li> <li>Plan to do it for 2.5 years</li> <li>Every even releases come out to LTS as the odd release comes out</li> <li>Helps keeps a current line while having something new in the release line</li> <li>Node 6 is the current LTS version</li> </ul> <h5><span style="color:#808080">[27:26]</span> What are you taking out or deprecating in Node 8?</h5> <ul> <li>Use the word deprecate sparingly</li> <li>If many people use features, it&rsquo;s hard to get rid of</li> <li>Security issue with Buffer, constructor argument was ambiguous</li> <li>Had added APIs that were more explicit over time and pushed those</li> <li>Now it will be deprecated</li> </ul> <h5><span style="color:#808080">[28:43]</span> 21% - 33% Performance increase with some Node updates</h5> <ul> <li>Someone online updated their React app to Node 8 and found an 21% - 33% increase</li> <li>Benchmarking group tests to make sure things are getting faster</li> <li>V8 is always getting faster as well</li> <li>Code changes fast and so there is a chance performance slows down so they have people to check</li> <li>Benchmark test are all automated by a team</li> </ul> <h5><span style="color:#808080">[30:47]</span> Is it safe to just switch to Node 8?</h5> <ul> <li>For front-end, yes</li> <li>clear your NPM cache</li> <li>Back use cases will usually wait until LTS</li> </ul> <h5><span style="color:#808080">[31:28]</span> Where any of the features hard to implement?</h5> <ul> <li>The API work took about a year</li> <li>It was a collaboration which made it interesting</li> <li>IBM, Intel, Google were involved</li> <li>The collaboration took a while</li> <li>Also Async hooks took at least a year.</li> <li>Async hooks used to be called async wraps and has been in the work for almost 3 years</li> <li>many of the changes were the accumulation of small chances</li> </ul> <h5><span style="color:#808080">[33:07]</span> It&rsquo;s the little things</h5> <ul> <li>Letting people get small changes in accumulate into a big difference</li> <li>the product gets much better that way</li> </ul> <h5><span style="color:#808080">[33:57]</span> What versions of Node are you actively updating?</h5> <ul> <li>Current releases of Node 8 for a half of year</li> <li>Node 6 is LTS</li> <li>Additional year of maintenance of previous LTSs.</li> <li>Schedule is at <a href="http://github.com/node8js/lts">http://github.com/node8js/lts</a> in a chart</li> <li>Support for Node 4 with only critical updates, Node 6 minor updates, and Node 8</li> <li>Node 7 doesn&rsquo;t get much support unless it&rsquo;s vital security supports.</li> <li>If you&rsquo;re running 0.10 or 0.12 stop. Those do not get security fixes anymore</li> </ul> <h5><span style="color:#808080">[35:42]</span> Where do you see things going from here?</h5> <ul> <li>Mostly still working out Async hooks</li> <li>Maybe add some web worker or worker support for Node JS</li> <li>ES module support</li> <li>Working to make promises better</li> <li>Working on the performance profile and internal systems</li> </ul> <h5><span style="color:#808080">[20:29]</span> What is the adoption like of Node 8?</h5> <ul> <li>Node team gets better at getting people to adopt quickly</li> <li>but about 5% - 6% will not upgrade</li> <li>community doubles each year at 8 million users right now</li> <li><a href="https://hackernoon.com/upgrading-from-node-6-to-node-8-a-real-world-performance-comparison-3dfe1fbc92a3">Here is a graph on Twitter posted by NPM</a></li> <li>Limiting breaks and softly deprecating things makes it&rsquo;s easier to upgrade</li> </ul> <h5><span style="color:#808080">[40:11]</span> How can people contribute and get involved?</h5> <ul> <li><a href="http://nodetodo.org">NodeToDo.org</a> shows how to make contribution</li> <li>Occasionally major conferences have information on how to contribute</li> <li>Test it out and help make it stronger</li> </ul> <h5><span style="color:#808080">[42:08]</span> If people install Node 8 and have issues what can they do?</h5> <ul> <li>If it&rsquo;s an NPM problem check with them</li> <li>clear cache!</li> <li>install newest version with: <code>npm install -g npm@latest</code></li> <li>Report problems to either <a href="http://github.com/nmp/nmp">NPM</a> or <a href="http://github.com/nodejs/node">Node</a></li> <li>If you&rsquo;re not sure where the problem is, check <a href="http://github.com/nodejs/help">github.com/nodejs/help</a></li> </ul> <hr /> <h4>Links</h4> <p><a href="https://nodejs.org/en/blog/release/v8.0.0/">Node8</a> <a href="https://twitter.com/nodejs">Node&rsquo;s Twitter</a> <a href="https://medium.com/@nodejs">Node&rsquo;s Medium</a> <a href="http://github.com/nodejs/evangelism/">Node Evangelism Group</a></p> <p>Mikael on <a href="https://twitter.com/mikeal">Twitter</a> and <a href="https://github.com/mikeal">GitHub</a> Arunesh on <a href="https://twitter.com/AruneshC">Twitter</a> Anna on <a href="https://twitter.com/addaleax">Twitter</a></p> <hr /> <h4>Picks</h4> <h5>AJ</h5> <p><a href="http://smrpg.ocremix.org/">Overclocked Remix Super Mario RPG Window to The Stars</a></p> <h5>Amiee</h5> <p><a href="https://blog.risingstack.com/important-features-fixes-node-js-version-8/">Blogpost RisingStack on Node 8</a><br /> <a href="http://2frugaldudes.com/">2 Frugal Dudes</a></p> <h5>Charles</h5> <p><a href="http://www.sho.com/homeland">Homeland</a><br /> <a href="http://house-of-cards.wikia.com/wiki/Main_Page">House of Cards</a></p> <h5>Joe</h5> <p><a href="https://www.youtube.com/watch?v=sm_hwxNTAa0">Shimmer Lake</a></p> <h5>Mikael</h5> <p><a href="https://github.com/mafintosh/blake2b-wasm">Blake2b-wasm</a></p> <h5>Aremesh</h5> <p>Current Nightly News</p> <hr />
Jun 27, 2017
JSJ 266 NPM 5.0 with Rebecca Turner
40:53
<p>On today&rsquo;s episode of JavaScript Jabber, Charles Max Wood and panelist Joe Eames chat with Rebecca Turner, tech lead for <a href="https://www.npmjs.com/">NPM</a>, a popular Javascript package manager with the worlds largest software registry. Learn about the newly released NPM 5 including a few of the updated features. Stay tuned!</p> <h5>[1:58] Was the release of node JS 8 tied to NPM5?</h5> <ul> <li>Features in NPM5 have been in planning for 2 years now.</li> <li>Planned on getting it out earlier this year.</li> <li>Node 8 was coming out and got pushed out a month.</li> <li>Putting NPM5 into Node 8 became doable.</li> <li>Pushed really hard to get NPM5 into <a href="https://nodejs.org/en/blog/release/v8.0.0/">Node 8</a> so that users would get NPM5 and updates to NPM5.</li> </ul> <h5>[2:58] Why would it matter? NPM doesn&rsquo;t care right?</h5> <ul> <li>Right you can use NPM5 with any version of node.</li> <li>Most people don&rsquo;t update NPM, but upgrade Node.</li> <li>So releasing them together allowed for when people updated Node they would get NPM 5.</li> </ul> <h5>[3:29] How does the upgrade process work if you&rsquo;re using NVM or some node version manager?</h5> <ul> <li>Depends. Different approaches for each</li> <li>NVM gets a fresh copy of Node with new globals. NVM5 and Node 8 are bundled.</li> <li>For some, If you manually upgrade NVM you&rsquo;ll always have to manually. It will keep the one you manually upgraded to.</li> </ul> <h5>[4:16] Why NPM 5?</h5> <ul> <li>It&rsquo;s night and day faster.</li> <li>3 to 5 times speed up is not uncommon.</li> <li>Most package managers are slow.</li> <li>NPM 5 is still growing. Will get even faster.</li> </ul> <h5>[5:18] How did you make it faster?</h5> <ul> <li>The NPM&rsquo;s cache is old. It&rsquo;s very slow. Appalling slow.</li> <li>Rewrote cache</li> <li>Saw huge performance gains</li> </ul> <h5>[5:49] What is the function of the cache?</h5> <ul> <li>Cache makes it so you don&rsquo;t have to reinstall modules from the internet.</li> <li>It has registry information too.</li> <li>It will now obey http headers for timing out cache.</li> </ul> <h5>[6:50] Other things that made it faster?</h5> <ul> <li>Had a log file for a long time. It was called <a href="https://docs.npmjs.com/cli/shrinkwrap">shrinkwrap</a>.</li> <li>NPM 5 makes it default.</li> <li>Renamed it to <code>packagelog.json</code></li> <li>Exactly like shrinkwrap package file seen before</li> <li>In combo with cache, it makes it really fast.</li> <li>Stores information about what the tree should look like and it&rsquo;s general structure.</li> <li>It doesn&rsquo;t have to go back and learn versions of packages.</li> </ul> <h5>[7:50] Can you turn the default Packagelog.json off?</h5> <ul> <li>Yes. Just:</li> <li>Set <code>packagelog=false</code> in the npmrc</li> </ul> <h5>[8:01] Why make it default? Why wasn&rsquo;t it default before?</h5> <ul> <li>It Didn&rsquo;t have it before. Shrinkwrap was added as a separate project enfolded in NPM and wasn&rsquo;t core to the design of NPM.</li> <li>Most people would now benefit from it. Not many scenarios where you wouldn&rsquo;t want one.</li> <li>Teams not using the same tools causes headaches and issues.</li> </ul> <h5>[9:38] Where does not having a lock show up as a problem?</h5> <ul> <li>It records the versions of the packages installed and where NPM put them so that when you clone a project down you will have exactly the same versions across machines.</li> <li>Collaborators have the exact same version.</li> <li>Protects from issues after people introduce changes and patch releases.</li> <li>NPM being faster is just a bonus.</li> <li>Store the sha512 of the package that was installed in the glock file so that we can verify it when you install. It&rsquo;s Bit for bit what you had previously.</li> </ul> <h5>[11:12] Could you solve that by setting the package version as the same version as the .Json file?</h5> <ul> <li>No. That will lock down the versions of the modules that you install personally, not the dependancies, or transitive dependancies.</li> <li>Package log allows you to look into the head of the installer. This is what the install looks like.</li> </ul> <h5>[12:16] Defaulting the log file speed things up? How?</h5> <ul> <li>It doesn&rsquo;t have to figure out dependences or the tree which makes it faster.</li> <li>Shrinkwrap command is still there, it renames it to shrinkwrap but shrinkwrap cannot be published.</li> <li>For application level things or big libraries, using shrinkwrap to lock down versions is popular.</li> </ul> <h5>[13:42] You&rsquo;ve Adopted specifications in a ROC process. When did you guys do that?</h5> <ul> <li>Did it in January</li> <li>Have been using them internally for years. Inviting people into the process.</li> <li>Specifications</li> <li>Written in the form of &ldquo;Here is the problem and here are the solutions.&rdquo;</li> <li>Spec folder in NPM docs, things being added to that as they specify how things work.</li> <li>Spec tests have been great.</li> </ul> <h5>[14:59] The update adds new tools. Will there be new things in registry as well?</h5> <ul> <li>Yes.</li> <li>Information about a package from registry, it returns document that has info about every version and package json data and full readme for every version.</li> <li>It gets very large.</li> <li>New API to request smaller version of that document.</li> <li>Reduces bandwidth, lower download size, makes it substantially faster.</li> <li>Used to be hashed with sha1, With this update it will be hashed with sha512 as well as sha1 for older clients.</li> </ul> <h5>[16:20] Will you be stopping support for older versions?</h5> <ul> <li>LTS version of NPM was a thing for a while. They stopped doing that.</li> <li>Two models, people either use whatever version came with Node or they update to the latest.</li> <li>The NPM team is really small. Hard to maintain old NPM branches.</li> <li>Supports current versions and that&rsquo;s pretty much it.</li> <li>If there are big problems they will fix old versions. Patches , etc.</li> </ul> <h5>[17:36] Will there ever be problems with that?</h5> <ul> <li>Older versions should continue to work. Shouldn&rsquo;t break any of that.</li> <li>Can&rsquo;t upgrade from 0.8.</li> <li>It does break with different Node version</li> <li>Does not support Node versions 0.10 or 0.12.</li> </ul> <h5>[18:47] How do you upgrade to NPM?</h5> <ul> <li><code>sudo npm install -gmpm</code></li> <li>Yes, you may not need sudo. depend on what you&rsquo;re on.</li> </ul> <h5>[19:07] How long has it been since version 4?</h5> <ul> <li>Last October is when it came out.</li> </ul> <h5>[19:24] Do you already have plans for version 6?</h5> <ul> <li>Yes!</li> <li>More releases than before coming up.</li> <li>Finally deprecating old features that are only used in a few packages out of the whole registry.</li> <li>Running tests on getting rid of things.</li> </ul> <h5>[20:50] Self healing cache. What is it and why do we want it?</h5> <ul> <li>Users are sometimes showing up where installs are broken and tarbols are corrupted.</li> <li>This happens sometimes with complicated containerization setups makes it more likely. It&rsquo;s unclear where the problem actually is.</li> <li><a href="https://www.npmjs.com/package/cacache">CaCache</a> - content addressable cache. Take the hash of your package and use it to look up address to look it up in the cache.</li> <li>Compares the Tarbol using an address to look it up in the cache.</li> <li>Compares to see if it&rsquo;s old. Trashes old and downloads updated one.</li> <li>Came out with the cache. Free side effect of the new cache.</li> </ul> <h5>[23:14] New information output as part of the update?</h5> <ul> <li>NPM has always gave back you the tree from what you just installed.</li> <li>Now, trees can be larger and displaying that much information is not useful.</li> <li>User patch - gives you specifically what you asked for.</li> <li>Information it shows will be something like: &ldquo;I installed 50 items, updated 7, deleted 2.&rdquo;</li> </ul> <h5>[24:23] Did you personally put that together?</h5> <ul> <li>Yes, threw it together and then got feedback from users and went with it.</li> <li>Often unplanned features will get made and will be thrown out to get feedback.</li> <li>Another new things ls output now shows you modules that were deduped. Shows logical tree and it&rsquo;s relationships and what was deduped.</li> </ul> <h5>[25:27] You came up to node 4 syntax. Why not go to node 8?</h5> <ul> <li>To allow people with just node 4 be able to use NPM.</li> <li>Many projects still run Node 4. Once a project has been deployed, people generally don&rsquo;t touch it.</li> </ul> <h5>[26:20] Other new features? What about the File Specifier?</h5> <ul> <li>File specifier is new. File paths can be in package json, usually put inside pointing to something inside your package.</li> <li>It will copy from there to your node modules.</li> <li>Just a node module symlink.</li> <li>Much faster. Verifiable that what&rsquo;s in your node modules matches the source. If it&rsquo;s pointing at the right place it&rsquo;s correct. If not, then it&rsquo;s not.</li> <li>Earlier, sometimes it was hard to tell.</li> </ul> <h5>[27:38] Anything else as part of the NPM 5 release? Who do you think will be most affected by it?</h5> <ul> <li>For the most part, people notice three things:</li> <li>1st. no giant tree at the end</li> <li>2nd. Much faster</li> <li>3rd. Package lock.</li> </ul> <h5>[28:14] If it&rsquo;s locked, how do you update it?</h5> <ul> <li>Run <code>npm installer</code> and then <code>npm update</code></li> <li>Used to be scary, but works well now.</li> <li>Updates to latest semver, matches semver to package json to all node modules.</li> <li>Updates package lock at the same time</li> <li>Summary in Git shows what&rsquo;s changed.</li> </ul> <h5>[28:59] Did Yarn come into play with your decisions with this release?</h5> <ul> <li>The plans have been in play for a long time for this update.</li> <li><a href="https://yarnpkg.com/en/">Yarn&rsquo;s</a> inclusion of similar features and the feedback was an indicator that some of the features were valuable.</li> </ul> <h5>[29:53] Other plans to incorporate features similar to yarn?</h5> <ul> <li>Features are already pretty close.</li> <li>There are other alternative package managers out there.</li> <li>PMPM interesting because when it installs it doesn&rsquo;t copy all the files. It creates hard links.</li> </ul> <h5>[30:28] Does PMPM and Yarn use NPM registry?</h5> <ul> <li>Yes! Other than CNPM. The NPM client used in China.</li> <li>CNPM Registry mirror behind firewall. Have their own client to their registry. Their registry is a copy of ours.</li> </ul> <h5>[31:15] What about RNPM?</h5> <ul> <li>I wouldn&rsquo;t be surprised.</li> </ul> <h5>[31:45] &ldquo;Won&rsquo;t you come and say something controversial about your competitor?&rdquo;</h5> <ul> <li>We all want it to be collaborative.</li> <li>When we were writing our new cache, we also helped Yarn with their cache and sped things up tremendously.</li> </ul> <hr /> <h4>Picks</h4> <h5>Charles</h5> <p><a href="http://rushrevere.com/AdventureSeriesBooks/index.html">Rush Limbaugh&rsquo;s children&rsquo;s books</a><br /> <a href="http://www.kiwicrate.com/tinker">Tinker Crate</a><br /> <a href="http://www.kiwicrate.com/">Kiwi Crate</a><br /> <a href="https://www.npmjs.com/">NPM</a><br /> <a href="https://devchat.tv/js-jabber">Episodes on My JS Story.</a></p> <h5>Joe</h5> <p><a href="http://disneyxd.disney.com/gravity-falls">Gravity Falls</a><br /> Board Games</p> <h5>Rebecca</h5> <p><a href="https://www.npmjs.com/package/npx">NPX</a></p> <p><a href="https://github.com/iarna/funstream">Funstream</a></p> <hr /> <h4>Links to keep up with NPM and Rebecca</h4> <p><a href="https://twitter.com/ReBeccaOrg">Twitter @rebeccaorg</a><br /> <a href="https://twitter.com/npmjs">NPMjS on Twitter</a><br /> <a href="https://blog.npmjs.com/">blog.npmjs.com</a></p>
Jun 20, 2017
JSJ 265 Wade Anderson and Ramya Rao on Visual Studio Code
47:17
<h2 style="text-align: center;"><strong>JSJ 265 Wade Anderson and Ramya Rao on Visual Studio Code</strong></h2> <p style="text-align: justify;">This episode is live at the Microsoft Build 2017 with Charles Max Wood and AJ O&rsquo;Neal. We have Wade Anderson and Ramya Rao from the Visual Studio Code Team at Microsoft. Tune in and learn more about what&rsquo;s new with Visual Studio Code!</p> <p style="text-align: justify;"><strong>[00:01:20] &ndash; Introduction to Ramya Rao and Wade Anderson</strong></p> <p style="text-align: justify;">Ramya Rao and Wade Anderson are in the Visual Studio Code Team at Microsoft.</p> <h3 style="text-align: justify;"><strong>Questions for Wade and Ramya</strong></h3> <p style="text-align: justify;"><strong>[00:02:00] &ndash; Elevator Pitch for Visual Studio Code</strong></p> <p style="text-align: justify;">Our vision on Visual Studio Code is to take what was best out of the IDE world (Visual Studio, Eclipse, IntelliJ, etc.) and bring what was best from the lightweight editor world (Sublime Text, Notepad++, Atom) and merge those two together. We wanted the lightweight features from text editors and the debugging capabilities of Visual Studio and Eclipse. We did general availability last year. We&rsquo;ve been stable for a year. Additionally, this is Visual Studio Code for Mac, Windows, or Linux. It&rsquo;s also built in Electron.</p> <p style="text-align: justify;"><strong>[00:03:45] &ndash; What are your roles on the team? Do you have particular parts that each of you work on?</strong></p> <p style="text-align: justify;">Wade&rsquo;s title is a Program Manager. He does more non-developer things but Ramya is an engineer on the team so she gets a lot more coding that Wade does. Everybody has a key area to own but nothing stops them to go into another area. We try to share knowledge between people but we always have that one key owner that you always go to.</p> <p style="text-align: justify;">Ramya is a recent addition to the team. She started out maintaining the Go extension, maintaining and adding features. She&rsquo;s slowly branching out to the Emmet features of the product.</p> <p style="text-align: justify;"><strong>[00:05:30] What is Emmet?</strong></p> <p style="text-align: justify;">Emmet, or Zen Coding, is a must-have tool for you. You can write, say abbreviations and that expands to really huge HTML to update tags, rename tags, etc. That is one of the features of Emmet and Sergey actually wrote the library. We have an in built integration in the product. I [Ramya] am currently working on that.</p> <p style="text-align: justify;"><strong>[00:06:28] Does Visual Studio Code make it easy to go to the parts that I need to customize on an HTML?</strong></p> <p style="text-align: justify;">In that case, we have a multi-cursor software in Visual Studio Code, as well. You could place your cursor in different positions, and then, simultaneously edit things.</p> <p style="text-align: justify;"><strong>[00:07:42] Is Emmet an extension or does it come with Visual Studio Code?</strong></p> <p style="text-align: justify;">Right now, it&rsquo;s in Built. If you want to know more about Emmet features, you can to emmet.io. That has all the documentation that you need to learn about Emmet features. In Visual Studio Code right now, we&rsquo;re looking at making into an extension. We pull it out of the main code and maybe more people can contribute and make it even more better.</p> <p style="text-align: justify;"><strong>[00:08:21] &ndash; What&rsquo;s new in Visual Studio Code?</strong></p> <p style="text-align: justify;">One of our main pillars for this year is to improve performance of the product. We&rsquo;ve grown a larger team so we&rsquo;re adding a lot more features every month. Last few months has been, &ldquo;How can we get some stability on the issues coming in while making sure we&rsquo;re reducing our tech load?&rdquo; We really keep to those core principles that we started with at the beginning, which was, we want a fast, lightweight editor.</p> <p style="text-align: justify;">We built a few extensions that we call key map extensions. They are just a mapping of key bindings that you learned in Sublime Text. You don&rsquo;t have to re-learn any key bindings in Visual Studio Code.</p> <p style="text-align: justify;">We also build this Welcome page where you can flip through and see features really briefly. In that Welcome page, one of the key things is an interactive playground where you can play with existing code in different sections. Additionally, as we&rsquo;ve mentioned, we also put multi-cursor features.</p> <p style="text-align: justify;">Another thing is workbench naming. You can change the theme of Visual Studio Code but it will be restricted to the editor and not the rest of the workbench.</p> <p style="text-align: justify;"><strong>[00:13:40] &ndash; Do you know how Xterm.js works as it was one of the features that you&rsquo;ve added in Visual Studio Code?</strong></p> <p style="text-align: justify;">Daniel&rsquo;s another engineer that&rsquo;s here with us today. He was the largest contributor to the Xterm.js project. He built the integrated terminal for Visual Studio code so I can&rsquo;t speak to the internals of how that works.</p> <p style="text-align: justify;"><strong>[00:14:12] &ndash; Are we going to start seeing Visual Studio Code integrated into web experiences with other Microsoft products?</strong></p> <p style="text-align: justify;">That&rsquo;s actually where we started. We were Monaco editor where you get this cloud-based editing experience. We&rsquo;re getting people to use it but we&rsquo;re only getting people who were already using Microsoft products.&nbsp; When electron came out, we saw an opportunity of, &ldquo;Hey, can we port this&nbsp; Monaco editor to Electron and we could then, run it on Mac and Linux.&rdquo;</p> <p style="text-align: justify;"><strong>[00:19:45] &ndash; What are the performance things that you&rsquo;ve done?</strong></p> <p style="text-align: justify;">One thing that we did recently was adding an ability to calculate the start time for Visual Studio Code? That&rsquo;s one of our full steps to get more information from the user-side. How can you get a profile of what things are running? Which part of the process took much time?</p> <p style="text-align: justify;">We also need to identify what are the things people are doing that&rsquo;s causing the editor slow down. An example is when you open a large file and things get laggy.</p> <p style="text-align: justify;">Another exercise we did was we looked at all of our extension API&rsquo;s to see which one of those could be a malicious extension.</p> <p style="text-align: justify;">The difference between VS Code and Atom is that, we ask questions like, &ldquo;Are we using good data structures? Are we managing our memory properly? Are we removing stuff we don&rsquo;t need anymore?&rdquo; That just comes down to all those little things you learn from basic textbooks that have been around for decades about how to write good code. That&rsquo;s what we have been doing and that&rsquo;s what we&rsquo;ll continue to try to do, to try and improve the performance.</p> <p style="text-align: justify;"><strong>[00:25:55] &ndash; Do you have problem on the desktop? Are all the modules just load at once?</strong></p> <p style="text-align: justify;">We definitely don&rsquo;t load everything at once. Different parts of the editor is loaded differently. When you do the Require, we don&rsquo;t do it at first load. We do it when we notice that the user wants to use Emmet. We don&rsquo;t try to load all the library at the beginning and delay the whole process.</p> <p style="text-align: justify;">We try to lazy load as much as possible, even the extensions. We have a separate process called extension host that takes care of loading all the extensions. Whether the extensions are completed loading or not, that does not stop you from typing in a file. Simple actions shouldn&rsquo;t be bugged down by fancy actions.</p> <p style="text-align: justify;"><strong>[00:28:25] &ndash; What&rsquo;s coming next for Visual Studio Code?</strong></p> <p style="text-align: justify;">Every month, when we plan our iteration, we create iteration draft plan. We put it out there for people to see. Performance and helping people get started are probably the top two for us. You can look at github.com/Microsoft/vscode, look for the label &lsquo;iteration plan draft.&rsquo; So that&rsquo;s the current work that we&rsquo;re doing that month.</p> <p style="text-align: justify;">Another feature is the multi-root workspace where you can open multiple folders. When you look at the issues and sort by most comments, multi-root is the number one. The second one that is little paper cuts around formatting and auto-intending &ndash; just things that make your code prettier.</p> <h3 style="text-align: justify;"><strong>Picks</strong></h3> <p style="text-align: justify;"><strong>AJ O&rsquo;neal</strong></p> <ul> <li style="text-align: justify;">Breath on the Wild</li> <li style="text-align: justify;">Microsoft&rsquo;s Intelligent Edge</li> </ul> <p style="text-align: justify;"><strong>Charles Max Wood</strong></p> <ul> <li style="text-align: justify;">Boom Beach</li> <li style="text-align: justify;">Bluetick.io</li> <li style="text-align: justify;">Emacs key binding extension for Visual Studio Code</li> </ul> <p style="text-align: justify;"><strong>Wade Anderson</strong></p> <ul> <li style="text-align: justify;">Kindle Paperwhite</li> <li style="text-align: justify;">&nbsp;Twitter @waderyan_</li> </ul> <p style="text-align: justify;"><strong>Ramya Rao</strong></p> <ul> <li style="text-align: justify;">Open source</li> <li style="text-align: justify;">Twitter @ramyanexus</li> </ul>
Jun 13, 2017
JSJ 264 Mendel with Irae Carvalho
49:54
Jun 09, 2017
JSJ 263 Moving from Node.js to .NET and Raygun.io with John-Daniel Trask
45:08
<p><span style="font-family:georgia,serif"><span style="font-size:14px">This episode features&nbsp;<strong>Moving from Node.js to .NET and Raygun.io with John-Daniel Trask</strong>. John-Daniel is the Co-founder and CEO of Raygun, a software intelligence platform for web and mobile. He&#39;s been programming for many years, and is originally from New Zealand. Tune in and learn what prompted them to move to the .NET framework!</span></span></p>
May 23, 2017
JSJ 262 Mozilla Firefox Developer Tools with Jason Laster
36:26
<p><span style="font-family:georgia,serif"><span style="font-size:14px">Join AJ, Aimee, and Joe as they discuss&nbsp;<strong>Mozilla Firefox Developer Tools with Jason Laster</strong>. Jason just started&nbsp;working at Mozilla since March. But even before that, he has been working on Chrome&#39;s dev tool extension called Marionette. That&#39;s when he discovered that the browser is an open source that anyone can play with. Now, he is working on a new debugger in Firefox. Tune in!</span></span></p>
May 16, 2017
JSJ 261 HTTP 2 with Surma
1:02:42
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s episode, Charles, Aimee, and Cory discuss&nbsp;<strong>HTTP 2 with Surma.</strong>&nbsp;Alongside being part of the Chrome DevRel Team for Google, Surma works on different web app performance. He is also engaged in HTTP 2, interaction, UX, and spec work. Stay tuned to discover what HTTP 2 can do for you!</span></span></p>
May 09, 2017
JSJ 260 Practical JavaScript with Gordon Zhu
50:45
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s episode, Charles, Joe, and Cory discuss&nbsp;<strong>Practical JavaScript with Gordon Zhu</strong>. Gordon is the founder of Watch and Code, and teaches the Practical JavaScript online course. His mission is to help beginners become developers through tutorials. Tune in!</span></span></p>
May 02, 2017
JSJ 259 Clean Code JavaScript with Ryan McDermott
57:05
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s JavaScript Jabber Show, Charles, Joe, Aimee, Cory, and AJ discuss&nbsp;<strong>Clean Code JavaScript with Ryan McDermott.</strong>&nbsp;Ryan is a UX Engineer at Google and has been a professional developer for 5 years. He&#39;s focused on frontend Angular and backend node.js. Stay tuned to learn more about his current project with JavaScript!</span></span></p>
Apr 25, 2017
JSJ 258 Development in a Public Institution with Shawn Clabough
40:09
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s JavaScript Jabber Show, Charles&nbsp;and Aimee discuss&nbsp;<strong>Development in a Public Institution with Shawn Clabough</strong>. Shawn is a developer and developer manager at Washington State University. He works with the research office, and has been in the industry for&nbsp;20 years. Tune in to this exciting episode!</span></span></p>
Apr 18, 2017
JSJ 257 Graphcool with Johannes Schickling
54:24
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s JavaScript Jabber Show, Charles, Aimee, and AJ discuss&nbsp;<strong>Graphcool with Johannes Schickling</strong>. Johannes is based in Berlin, Germany and is the founder of Graphcool, Inc. He also founded Optonaut, an Instagram for VR, which he sold about a year ago. Tune in to learn more about GraphQL and see what&#39;s in store for you!</span></span></p>
Apr 11, 2017
JSJ 256 Wordpress and Wordpress API for JavaScript Developers with Roy Sivan
55:53
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s JavaScript Jabber Show, Charles, Aimee, Joe, and Cory discuss&nbsp;<strong>Wordpress and Wordpress API for JavaScript Developers with Roy Sivan</strong>. Roy is a WordPress (WP) developer at Disney Interactive. He has long been a fan of JavaScript and WP. During a WordCamp, the WP Founder announced the need for WP developers to learn JavaScript. But, what&#39;s in WP that developers should be interested about? Tune in to learn!</span></span></p>
Apr 04, 2017
JSJ 255 Docker for Developers with Derick Bailey
1:20:22
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s JavaScript Jabber Show, Charles Max Wood, AJ O&#39;neal, Aimee Knight, Joe Eames, and Cory House discuss&nbsp;<strong>Docker for Developers with Derick Bailey</strong>. Derick is currently into Docker and has been doing a series on it at&nbsp;<a href="https://sub.watchmecode.net/" style="font-family: Georgia, &quot;Times New Roman&quot;, &quot;Bitstream Charter&quot;, Times, serif; font-size: 16px;" target="_blank">WatchMeCode</a>. He is also writing an ebook titled Docker Recipes for Node.js Development which aims to provide solutions for things that concern Node.js. Stay tuned to learn more about Docker and the ebook which Derick is working on!</span></span></p>
Mar 28, 2017
JSJ 254 Contributor Days with Tracy Lee
44:57
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s JavaScript Jabber Show,&nbsp;Aimee Knight and Charles Max Wood discuss&nbsp;<strong>Contributor Days with Tracy Lee</strong>.&nbsp;Tracy is a Google Developer Expert and a co-founder of This Dot Media and This Dot Labs. She&#39;s passionately into helping startups create a connection with investors. Part of what she&#39;s been up to lately is what this episode is about. Tune in to learn&nbsp;about it!</span></span></p>
Mar 21, 2017
JSJ Special Episode: Azure with Jonathan Carter
53:52
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s&nbsp;episode,&nbsp;Aimee Knight, AJ O&#39;Neal, Cory House, Joe Eames, and Charles Max Wood discuss&nbsp;<strong>Azure with Jonathan Carter</strong>. Jonathan has been working at Microsoft for 10 years. He currently focuses on Node.js and Azure. Tune in to learn how you can use Azure in building applications and services.</span></span></p>
Mar 17, 2017
JSJ 253 Gomix with Daniel X Moore
47:20
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s JavaScript Jabber Show,&nbsp;Aimee Knight, Cory&nbsp;House, and Charles Max Wood discuss&nbsp;<strong>Gomix with Daniel X Moore</strong>.&nbsp;Daniel is a Software Developer at Fog Creek Software, and has been in the industry for 10 years.&nbsp;Their company&nbsp;currently offers an amazingly convenient way to build&nbsp;apps. Tune in to learn&nbsp;about it!</span></span></p>
Mar 14, 2017
JSJ 252 The 20th Anniversary of Visual Studio with Bowden Kelly
58:40
<p><span style="font-size:14px"><span style="font-family:georgia,serif">Javascript Jabber is hosted this week by Joe Eames, Aimee Knight, AJ O&#39;Neal, Cory&nbsp;House, Charles Max Wood and their&nbsp;special guest Bowden Kelly. Bowden is a program manager at Microsoft and he shares some insight into the new features&nbsp;in&nbsp;<strong>Visual Studio 2017 RTM with Bowden Kelly.</strong></span></span></p>
Mar 07, 2017
JSJ 250 Celebration
64:38
<p><span style="font-size:14px"><span style="font-family:georgia,serif">JavaScript Jabber turns 5! On today&#39;s episode, Charles Max Wood, AJ ONeil, and Aimee Knight&nbsp;travel down memory lane to reminisce the highlights of the show. Tune in and enjoy the&nbsp;<strong>celebration</strong>!</span></span></p>
Feb 28, 2017
JSJ 251 InfoSec for Web Developers with Kim Carter
48:35
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s episode, Charles Max Wood and Aimee Knight&nbsp;discuss&nbsp;<strong>InfoSec for Web Developers with Kim Carter</strong>. Kim is a senior software engineer/architect, an information security professional, and the founder of binarymist.io. He is currently working on his book called Holistic InfoSec for Web Developers. Tune in to&nbsp;learn more on what his book is all about.</span></span></p>
Feb 21, 2017
JSJ 249 Loading and Optimizing Web Applications with Sam Saccone and Jeff Cross
59:36
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s episode, Charles Max Wood, Joe Eames, and&nbsp;Aimee&nbsp;Knight&nbsp;discuss&nbsp;<strong>Loading and Optimizing Web Applications with Sam Saccone and Jeff Cross</strong>. Tune in to their interesting talk, and learn how you can improve user experience and performance with better loading!</span></span></p>
Feb 14, 2017
JSJ 248 Reactive Programming and RxJS with Ben Lesh
1:07:55
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s episode, Charles Max Wood, Joe Eames, and Tracy Lee&nbsp;discuss&nbsp;<strong>Reactive Programming and RxJS with Ben Lesh.</strong>&nbsp;Ben works at Netflix and also has a side job for Rx Workshop with Tracy. He is the lead author of RxJS 5. Tune in&nbsp;to learn more about RxJS!</span></span></p>
Feb 07, 2017
JSJ 247 Building a Development Environment with Cory House
01:05:53
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s episode, Charles Max Wood, AJ O&#39;neal, Joe Eames, and Aimee Knight discuss&nbsp;<strong>Building a Development Environment with Cory House</strong>.&nbsp;Pluralsight recently added a course on this. Tune in to know more!</span></span></p>
Jan 31, 2017
JSJ 246 GraphQL and Apollo with Uri Goldshtein
50:09
<p><span style="font-family:georgia,serif"><span style="font-size:14px">On today&#39;s episode, Charles Max Wood&nbsp;and Aimee Knight discuss&nbsp;<strong>GraphQL and Apollo with Uri Goldshtein</strong>. Uri is a core developer at Meteor Development Group, and is an expert with GraphQL and Apollo.</span></span></p>
Jan 24, 2017
JSJ 245 Styled Components and react-boilerplate with Max Stoiber
49:37
<p><span style="font-size:14px"><span style="font-family:georgia,serif">On today&#39;s episode,&nbsp;Aimee and Chuck welcome Maximillian &quot;Max&quot; Stoiber to the show. Max hails from Austria and is an expert in open source development at&nbsp;<a href="https://www.thinkmill.com.au/" style="font-family: Georgia, &quot;Times New Roman&quot;, &quot;Bitstream Charter&quot;, Times, serif; font-size: 16px;" target="_blank">Think Mill</a>. Tune in to&nbsp;<strong>JSJ 245 Styled Components and React-Boilerplate with Max Stoiber</strong>.</span></span></p>
Jan 17, 2017
244 JSJ Visual Studio with Sam Guckenheimer
55:11
<p>1:05 - Introducing Sam Guckenheimer</p> <ul> <li><a href="https://twitter.com/samguckenheimer?lang=en">Twitter</a></li> <li><a href="https://www.microsoft.com/en-us/cloud-platform/development-operations">Microsoft Devops</a></li> </ul> <p>2:45 - Continuous integration with Visual Studio</p> <p>4:15 - Visual Studio on Macs</p> <ul> <li><a href="https://www.visualstudio.com/vs/visual-studio-mac/">Download link</a></li> </ul> <p>5:55 - Is Visual Studio just for C#?</p> <ul> <li><a href="https://www.acast.com/javascriptjabber/240-jsj-visual-studio-code-with-chris-dias">Chris Dias JSJ Episode</a></li> </ul> <p>8:45 - Container support and the Cloud</p> <p>14:20 - Docker and Visual Studio</p> <p>17:40 - Communicating with multiple services</p> <p>24:15 - Talking to clients about change and working with transformation</p> <p>33:00 - Telemetry and collecting data</p> <p>37:50 -&nbsp;<a href="https://www.xamarin.com/forms">Xamarin forms</a></p> <p>47:50 - Deployment with changed endpoints</p> <h3><strong>Picks:</strong></h3> <p><a href="https://wefunder.com/daplie">Daplie Wefunder</a>&nbsp;(AJ)</p> <p><a href="https://unroll.me/">Unroll.Me</a>&nbsp;(Charles)</p> <p><a href="https://support.office.com/en-us/article/Focused-Inbox-for-Outlook-f445ad7f-02f4-4294-a82e-71d8964e3978">Focused Inbox on Outlook</a>&nbsp;(Sam)</p> <p><a href="https://www.whitesourcesoftware.com/">WhiteSource&nbsp;</a>(Sam)</p> <p><a href="http://www.imdb.com/title/tt3631112/"><em>The Girl On The Train</em></a>&nbsp;(Sam)</p> <p><a href="https://www.amazon.com/Pigeon-Tunnel-Stories-My-Life/dp/0735220778"><em>The Pigeon Tunnel</em>&nbsp;by John le Carre</a>&nbsp;(Sam)</p>
Dec 28, 2016
243 JSJ Immutable.js with Lee Byron
1:02:30
<p>1:05 - Introducing Lee Byron</p> <ul> <li> <ul> <li><a href="https://devchat.tv/ruby-rogues/231-rr-graphql-with-lee-byron">Ruby Rogues episode</a></li> </ul> </li> </ul> <p>1:55 -&nbsp;<a href="https://facebook.github.io/immutable-js/">Immutable.js</a></p> <p>4:35 - Modifying data and operations using Immutable.js</p> <p>7:40 - Explaining Big-O notation in layman&rsquo;s terms</p> <p>11:30 - Internal tree structures and arrays</p> <p>15:50 - Why build with Immutable.js?</p> <p>23:05 - Change detection with a mutable</p> <p>25:00 - Computer science history</p> <p>34:35 - Other positives to using mutables</p> <p>37:50 - Flux and Redux</p> <p>39:50 - When should you use a mutable?</p> <p>46:10 - Using Immutable.js instead of the built-in Javascript option</p> <p>51:50 - Learning curves and learning materials</p> <ul> <li><a href="https://facebook.github.io/immutable-js/docs/#/">Docs</a></li> </ul> <p>54:50 - Bowties</p> <ul> <li><a href="https://www.knottyco.com/">Knotty Co</a></li> </ul> <p><strong>Picks:</strong></p> <p><a href="https://www.amazon.com/Contractor-Contractors-Book-Andrew-Ball-ebook/dp/B00MQED6EA"><em>Contractor</em>&nbsp;by Andrew Ball</a></p> <p><a href="https://17hats.com/">17 Hats</a>&nbsp;(Charles)</p> <p><a href="https://asana.com/">Asana</a>&nbsp;(Charles)</p> <p><a href="https://www.callofduty.com/infinitewarfare">Call of Duty Infinite Warfare</a>&nbsp;(Joe)</p> <p><a href="https://www.lego.com/en-us/starwars">LEGO Star Wars</a>&nbsp;(Joe)</p> <p><a href="https://adventofcode.com/">Advent of Code</a>&nbsp;(Lee)</p> <div>&nbsp;</div>
Dec 21, 2016
242 JSJ Visual Studio and .NET with Maria Naggaga
52:19
<p>1:15 - Introducing Maria Naggaga</p> <ul> <li><a href="https://www.microsoft.com/net">.NET</a></li> <li><a href="https://twitter.com/ladynaggaga?lang=en">Twitter</a></li> </ul> <p>2:32 - .NET new developers</p> <p>3:55 - NYC Microsoft bootcamp</p> <p>6:25 - Building a community of .NET programmers</p> <p>7:25 - Why would a Javascript developer care about .NET?</p> <p>9:30 - Getting started with .NET</p> <p>15:50 - The power of asking questions</p> <p>22:45 - Recruiting new programmers to the industry</p> <ul> <li><a href="https://twitter.com/bitchwhocodes?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">@bitchwhocodes</a></li> <li><a href="http://www.seattlerb.org/">Seattle.rb</a></li> </ul> <p>37:00 - Javascript and C#</p> <p>48:30 - Running .NET on Raspberry Pi</p> <h3><strong>Picks:</strong></h3> <p><a href="https://soundcloud.com/ocremix/sets/super-cartography-bros">Super Cartography Bros album by OverClocked ReMix</a>&nbsp;(AJ)</p> <p><a href="https://daplie.com/">Daplie</a>&nbsp;(AJ)</p> <p><a href="https://wefunder.com/daplie">Daplie Wefunder</a>&nbsp;(AJ)</p> <p><a href="http://eventualmillionaire.com/">The Eventual Millionaire</a>&nbsp;(Charles)</p> <p><a href="http://devchat.tv/conferences">Devchat Conferences</a>&nbsp;(Charles)</p> <p><a href="http://devchat.tv/15minutes">15- Minute Calls</a>&nbsp;(Charles)</p> <p><a href="http://codelandconf.com/">Codeland Conference&nbsp;</a>(Maria)</p> <p><a href="https://www.amazon.com/March-Book-One-John-Lewis/dp/1603093001"><em>March</em>&nbsp;by Congressman John Lewis</a>&nbsp;(Maria)</p> <p><a href="https://mva.microsoft.com/">Microsoft Virtual Academy&nbsp;</a>(Maria)</p>
Dec 14, 2016
241 JSJ Microsoft Docs with Dan Fernandez
53:18
<p>0:55 - Dan Fernandez and his work</p> <ul> <li><a href="http://docs.microsoft.com/">Microsoft Docs</a></li> <li><a href="https://twitter.com/danielfe?lang=en">Twitter</a></li> </ul> <p>7:50 - Walkthrough of the doc experience</p> <p>15:00 - Editable nature of the doc</p> <p>21:00 - Test driving a language</p> <p>26:30 - Catering to the user</p> <p>32:30 - Open Source</p> <p>34:40 - User feedback</p> <p>37:30 - Filters and Tables of Content</p> <p>40:45 - Form submissions</p> <p>41:50 - Community contributors</p> <h3><strong>Picks:</strong></h3> <p><a href="http://www.imdb.com/title/tt1289401/"><em>Ghostbusters&nbsp;</em></a>(AJ)</p> <p><a href="https://daplie.com/">Daplie</a>&nbsp;(AJ)</p> <p><a href="https://wefunder.com/daplie">Daplie Wefunder</a>&nbsp;(AJ)</p> <p><a href="https://www.dotnetrocks.com/">.NET Rocks</a>&nbsp;(Charles)</p> <p><a href="http://www.scheduleonce.com/">ScheduleOnce</a>&nbsp;(Charles)</p> <p><a href="https://devchat.tv/conferences">Devchat.tv 2017 Conferences</a>&nbsp;(Charles)</p> <p><a href="https://chrome.google.com/webstore/detail/disable-html5-autoplay/efdhoaajjjgckpbkoglidkeendpkolai?hl=en">Disable HTML5 Autoplay</a>&nbsp;(Dan)</p> <p><a href="https://code.visualstudio.com/">Visual Studio Code</a>&nbsp;(Dan)</p> <p><a href="https://devchat.tv/js-jabber/199-jsj-visual-studio-code-with-chris-dias-and-erich-gamma">JSJ episode Visual Studio Code with Chris Diaz and Eric Gamma</a>&nbsp;(Charles)</p>
Dec 07, 2016
240 JSJ Visual Studio Code with Chris Dias
1:02:33
<p>Previous Episodes with Visual Studio Code&rsquo;s Team:</p> <p><a href="https://devchat.tv/js-jabber/199-jsj-visual-studio-code-with-chris-dias-and-erich-gamma">JSJ Episode 199, Visual Studio Code with Chris Dias and Erich Gamma</a></p> <p><a href="https://devchat.tv/js-jabber/221-jsj-visual-studio-code-with-wade-anderson-live-from-microsoft-build-2016">JSJ Episode 221, Visual Studio Code with Wade Anderson</a></p> <p>1:45 - What&rsquo;s new at&nbsp;<a href="https://devchat.tv/js-jabber/199-jsj-visual-studio-code-with-chris-dias-and-erich-gamma">Visual Studio Code</a></p> <ul> <li><a href="https://twitter.com/code">Visual Studio Code&rsquo;s Twitter</a></li> <li><a href="https://github.com/microsoft/vscode">VS Code Github</a></li> <li><a href="https://twitter.com/chrisdias">Chris Dias&rsquo; Twitter</a></li> <li><a href="https://github.com/chrisdias">Chris Dias&rsquo; Github</a></li> </ul> <p>3:42 - Confusion with Javascript versus separate languages</p> <p>7:15 - Choosing your tools carefully</p> <p>8:20 - Integrated shell and docker extensions</p> <p>12:05 - Agar.io Extensions and extension packs</p> <p>16:15- Deciding what goes into Visual Studio Code and what becomes an extension</p> <p>18:20 - Using Github Issues and resolving user complaints</p> <p>22:08 - Why do people stray away from VS proper?</p> <p>23:10 - Microsoft and VS legacy</p> <p>27:00 - Man hours and project development</p> <p>31:30 - The Visual Studio default experience</p> <p>37:10 - What are people writing with VS Code?</p> <p>39:20 - Community versus developer views of VS Code</p> <p>41:40 - Using Electron</p> <p>44:00 - Updating the system</p> <p>44:50 - How is Visual Code written?</p> <p>48:00 - The future of Visual Code Studios</p> <ul> <li><a href="https://github.com/microsoft/vscode/issues">https://github.com/microsoft/vscode/issues</a></li> </ul> <h3><strong>Picks:</strong></h3> <p><a href="https://www.youtube.com/user/donmcmillancomedy">Don McMillan</a>&nbsp;(AJ)</p> <p><a href="https://wefunder.com/daplie">Daplie Wefunder</a>&nbsp;(AJ)</p> <p><a href="https://daplie.com/">Daplie</a>&nbsp;(AJ)</p> <p>Facebook feed blocker plug-in (Charles)</p> <p><a href="https://chrome.google.com/webstore/detail/tab-wrangler/egnjhciaieeiiohknchakcodbpgjnchh?hl=en">Tab Wrangler</a>&nbsp;(Charles)</p> <p><a href="https://www.smartthings.com/">Smart Things</a>&nbsp;(Chris)</p> <p>Wood Pizza Ovens (Chis)</p> <p>PJ Mark, Chris&rsquo; friend and marketer (Chris)</p>
Nov 30, 2016
239 JSJ Vets Who Code with Jerome Hardaway
52:06
<p>00:55 - Introducing Jerome Hardaway</p> <ul> <li><a href="http://vetswhocode.io/">Vets Who Code</a></li> <li><a href="https://devchat.tv/ruby-rogues">Ruby Rogues Podcast</a></li> <li><a href="https://www.facebook.com/VetsWhoCodeNYC/">Facebook</a></li> <li><a href="https://twitter.com/vetswhocode">Twitter</a></li> <li><a href="https://www.instagram.com/vetswhocode/">Instagram</a></li> </ul> <p>02:10 - Spouses and dependants of Vets Who Code</p> <p>06:55 - Accepting and rejecting applicants</p> <p>10:10 - The GI Bill</p> <ul> <li><a href="https://operationcode.org/">Operation Code</a></li> <li><a href="https://www.salesforce.com/dreamforce/DF16/">Dreamforce</a></li> </ul> <p>15:45 - Military language and coding</p> <p>18:20 - PTSD, trauma, and coding</p> <p>21:10 - Moving past the veteran stigma</p> <p>25:45 - Military backgrounds as an asset for jobs</p> <p>30:45 - The future of Vets Who Code</p> <p>32:35 - How much does it cost to be part of the program?</p> <ul> <li><a href="https://generalassemb.ly/">General Assembly</a></li> </ul> <p>36:15 - Is it easier or harder for Vets to get hired?</p> <p>39:15 - Stories and memories</p> <p>42:30 - Contributing to Vets Who Code</p> <ul> <li>Contact&nbsp;<a href="mailto:hello@vetswhocode.io">hello@vetswhocode.io</a>&nbsp;to become a mentor</li> <li>Donate:&nbsp;<a href="https://vetswhocode.kindful.com/">https://vetswhocode.kindful.com/</a></li> <li><a href="https://www.getswearjar.com/vets_who_code.html">SwearJar</a></li> <li>Hiring managers please contact&nbsp;<a href="mailto:Jerome@vetswhocode.io">Jerome@vetswhocode.io</a></li> </ul> <h3><strong>Picks:</strong></h3> <p><a href="https://softskills.audio/">Soft Skills Engineering Podcast</a>&nbsp;(Dave)</p> <p><a href="https://twitter.com/softskillseng">Soft Skills Engineering Twitter</a>&nbsp;(Dave)</p> <p><a href="https://github.com/tayllan/awesome-algorithms">Awesome Algorithms Github list</a>&nbsp;(Aimee)</p> <p><a href="http://blog.cleancoder.com/uncle-bob/2016/07/27/TheChurn.html">&ldquo;The Churn&rdquo; blog post by Bob Martin</a>&nbsp;(Aimee)</p> <p><a href="https://www.amazon.com/12-Week-Year-Others-Months/dp/1118509234"><em>The 12 Week Year</em>&nbsp;by Brian P. Moran and Michael Lennington</a>&nbsp;(Charles)</p> <p><a href="http://vetswhocode.io/">Vets Who Code</a>&nbsp;(Jerome)</p> <p><a href="https://watchandcode.com/p/practical-javascript">Practical Javascript</a>&nbsp;(Jerome)</p>
Nov 23, 2016
238 JSJ Intellectual Property and Software Forensics with Bob Zeidman
1:06:03
<p>TOPICS:</p> <p>03:08 The level of difficulty in determining code creators on the Internet</p> <p>04:28 How to determine if code has been copied</p> <p>10:00 What defines a trade secret</p> <p>12:11 The pending Oracle v Google lawsuit</p> <p>25:29 Nintendo v Atari</p> <p>27:38 The pros and cons of a patent</p> <p>29:59 Terrible patents</p> <p>33:48 Fighting patent infringement and dealing with &ldquo;patent trolls&rdquo;</p> <p>39:00 How a company tried to steal Bob Zeidman&rsquo;s software</p> <p>44:13 How to know if you can use open source codes</p> <p>49:15 Using detective work to determine who copied whom</p> <p>52:55 Extreme examples of unethical behavior</p> <p>56:03 The state of patent laws</p> <p>PICKS:</p> <p><a href="https://betterhumans.coach.me/cognitive-bias-cheat-sheet-55a472476b18#.hti7c897j">Cognitive Bias Cheat Sheet</a>&nbsp;Blog Post</p> <p><a href="https://www.p28foods.com/baked-goods/p28-high-protein-bagels">Bagels</a>&nbsp;by P28 Foods</p> <p><a href="https://www.generosity.com/community-fundraising/make-a-more-secure-web-with-let-s-encrypt">Let&rsquo;s Encrypt</a>&nbsp;Indigogo Generosity Campaign</p> <p><a href="http://cartography.ocremix.org/">Super Cartography Bros</a>&nbsp;Album</p> <p><a href="http://www.microconf.com/">MicroConf 2017</a></p> <p><a href="https://www.mindmup.com/">MindMup</a>&nbsp;Mind Mapping Tool</p> <p><a href="https://www.zynga.com/games/words-friends">Words with Friends</a>&nbsp;Game</p> <p><a href="https://devchat.tv/conferences">Upcoming Conferences</a>&nbsp;via Devchat.tv</p> <p><a href="https://www.amazon.com/Good-Intentions-Bob-Zeidman/dp/0970227620">Good Intentions&nbsp;</a>Book by Bob Zeidman</p> <p><a href="https://www.amazon.com/Horror-Flick-Bob-Zeidman-ebook/dp/B008CBHWCS/ref=asap_bc?ie=UTF8">Horror Flick</a>&nbsp;Book by Bob Zeidman</p> <p><a href="http://www.z-enterprises.com/">Silicon Valley Napkins</a></p>
Nov 16, 2016
237 JSJ CLls - Ember Angular and React with Tracy Lee
50:00
<h3>TOPICS:</h3> <p>3:57 The exciting facets of CLI&rsquo;s</p> <p>8:25 Advantages of CLI projects</p> <p>11:25 Coding in RAILS</p> <p>14:18 Disagreeing with conventions encoded in a CLI</p> <p>19:30 How REACT CLI functions</p> <p>20:43 Is Ember cheating by using REACT CLI?</p> <p>26:52 Which CLI is easiest to use</p> <p>29:00 How to add commands to a CLI</p> <p>34:00 The future of current CLI&rsquo;s</p> <p>35:30 How well CLI&rsquo;s are working for their respective communities</p> <p>37:00 The impact of WebPac</p> <h3>PICKS:</h3> <p><a href="http://majantali.net/2016/10/how-breakpoints-are-set/">&ldquo;How Break Points are Set&rdquo;</a>&nbsp;Hacker News Article</p> <p><a href="http://theteaspot.com/chocolate-peppermint-tea.html?catid=253&amp;gclid=CMWWs66nmtACFVdMDQodBF4GUA">Chocolate Mint Tea</a></p> <p><a href="https://www.amazon.com/Secrets-Wise-Parents-Know-Responsible/dp/1590383303"><em>Ten Things Wise Parents Know</em></a>&nbsp;Book</p> <p><a href="https://www.amazon.com/Strong-Fathers-Daughters-Secrets-Father/dp/0345499395"><em>Strong Fathers, Strong Daughters</em></a>&nbsp;Book</p> <p><a href="https://www.amazon.com/Boys-Should-Be-Secrets-Raising/dp/034551369X"><em>Boys Should Be Boys</em></a>&nbsp;Book</p> <p><a href="http://www.dailykos.com/story/2016/10/15/1582897/--How-Half-of-America-Lost-It-s-F-king-Mind">&ldquo;How Half of America Lost its Effing Mind&rdquo;</a>&nbsp;Blog Post</p> <p><a href="http://www.cbs.com/shows/elementary/">Elementary&nbsp;</a>TV Show</p> <p>Recommendation Form for&nbsp;<a href="https://devchat.tv/javascript-jabber-topic-recommendation">Topics</a>&nbsp;and&nbsp;<a href="https://devchat.tv/javascript-jabber-guest-recommendation">Guests</a></p> <p><a href="https://smile.amazon.com/">Amazon Smile</a></p> <p><a href="https://ngcruise.com/#/">Angular Cruise</a></p> <p><a href="https://ngcruise.com/#/">Sweet Licorice Mint Tea</a>&nbsp;by Choice Organic Teas</p> <p><a href="http://www.vans.com/shop/vans-nintendo?cm_mmc=G_Vans_Brand_Nintendo-_-%2Bvans%20%2Bnintendo%20%2Bsneakers&amp;KWID=185786126192.948&amp;adID=110831845733&amp;rmatt=tsid:1013075%7Ccid:604598387%7Cagid:29428711253%7Ctid:kwd-185786126192%7Ccrid:110831845733%7Cnw:g%7Crnd:2640400102191688267%7Cdvc:c%7Cadp:1t1&amp;gclid=CL_-zMqomtACFQlXDQodNP8H1g">Van&rsquo;s Nintendo Sneakers</a></p> <h3>RESOURCES AND CONTACT INFO:</h3> <p><a href="mailto:Tracy@modern-web.org">Tracy&#39;s E-mail</a></p>
Nov 09, 2016
236 JSJ Interview with Mads Kristensen from Microsoft Ignite
51:07
<h3>TOPICS:</h3> <p>4:00 Things that make web development more difficult</p> <p>7:40 The developer experience with Angular</p> <p>10:40 How cognitive cost affects the user experience</p> <p>16:52 The variety of users for whom Mads&rsquo; software is built</p> <p>22:14 Creating accessible javascript tools that aren&rsquo;t immediately outdated</p> <p>28:20 Why people shouldn&rsquo;t be using dependency installers</p> <p>34:00 Node updates</p> <h3>QUOTES:</h3> <p>&ldquo;The massive introduction of new tools all the time is a big part of what makes web development harder.&rdquo; -Mads Kristensen</p> <p>&ldquo;I&rsquo;m not a pretty pixels person, I&rsquo;m a code and algorithms person.&rdquo; -AJ O&rsquo;Neill</p> <p>&ldquo;I&rsquo;m not hearing hype about people using HTTP2 to get those benefits, I&rsquo;m only hearing hype around tools that Static built.&rdquo; -AJ O&rsquo;Neill</p> <h3>PICKS:</h3> <p><a href="http://www.hulu.com/death-note">Death Note</a>&nbsp;Anime Show</p> <p><a href="https://allremoteconfs.com/js-2016">JS Remote Conference</a></p> <p><a href="http://brandonsanderson.com/books/mistborn/the-alloy-of-law/">The Alloy of Law</a>&nbsp;Book by Brandon Sanderson</p> <p><a href="http://www.audible.com/search?searchAuthor=Zig+Ziglar">Zig Zigler Books on Audible</a></p> <p><a href="http://www.usanetwork.com/mrrobot">Mr. Robot</a>&nbsp;TV Show</p> <h3>RESOURCES &amp; CONTACT INFO:</h3> <p><a href="https://twitter.com/mkristensen">Mads on Twitter</a></p> <p><a href="http://madskristensen.net/">Mads&rsquo; Website</a></p> <p>&nbsp;</p>
Nov 02, 2016
235 JSJ JavaScript Devops and Tools with Donovan Brown and Jordan Matthiesen
48:26
<p>00:50 Intro to guests Donovan Brown and Jordan Matthiesen</p> <p>1:14 Javascript and Devops</p> <p>3:49&nbsp;<a href="https://nodejs.org/en/">Node</a>&nbsp;JS and integrating with extensions</p> <p>11:16 Learning Javascript coming from another language</p> <p>15:21 Visual Studio Team Services at Microsoft, integration and unit testing</p> <ul> <li><a href="http://visualstudio.com/">Visualstudio.com</a></li> <li><a href="http://donovanbrown.com/">Donovanbrown.com</a></li> </ul> <p>25:10 Visual Studio Code and mobile development</p> <ul> <li>Apache Cordova open source project</li> </ul> <p>31:45 TypeScript and tooling</p> <p>33:03 Unit test tools and methods</p> <p>38:39 ARM devices and integration</p> <p>QUOTES:</p> <p>&ldquo;It&rsquo;s not impossible, it&rsquo;s just a different set of challenges.&rdquo; - Donovan Brown</p> <p>&ldquo;Devops is the union of people, process and products to enable continuous delivery of value to your end users&rdquo; - Donovan Brown</p> <p>&ldquo;Apps start to feel more native. They can actually get form.&rdquo; - Jordan Matthiesen</p> <p>PICKS:</p> <p><a href="http://veridian-dynamics.org/">Veridian Dynamics</a>&nbsp;(AJ)</p> <p><a href="https://www.youtube.com/watch?v=spyJ5yxTfas">Jabberwocky Video</a>&nbsp;(AJ)</p> <p><a href="http://www.hardrock.com/cafes/atlanta/">Hard Rock Cafe - Atlanta</a>&nbsp;(Charles)</p> <p><a href="https://www.ces.tech/">CES</a>&nbsp;(Charles)</p> <p>3D printers (Donovan)</p> <p><a href="http://www.seattleurbanfarmco.com/shop/high-yield-vegetable-gardening"><em>High-Yield Vegetable Gardening</em></a>&nbsp;(Jordan)</p> <p><a href="http://taco.visualstudio.com/">taco.visualstudio.com</a></p> <p>Jordan on Twitter&nbsp;<a href="https://twitter.com/jmatthiesen">@jmatthiesen</a></p> <p><a href="http://visualstudio.com/">Visualstudio.com</a></p> <p><a href="http://donovanbrown.com/">Donovanbrown.com</a></p> <p>Donovan on Twitter&nbsp;<a href="https://twitter.com/donovanbrown">@donovanbrown</a></p> <p>SPONSORS:</p> <p><a href="https://frontendmasters.com/">Front End Masters</a></p> <p><a href="https://hired.com/">Hired.com</a></p>
Oct 26, 2016
234 JSJ JAMStack with Brian Douglas and Matt Christensen
47:09
<p>1:00 Intro to guests Brian Douglas and Matt Christensen</p> <p>2:20 Definition of JAMStack</p> <p>8:12 JAMStack and confusion over nomenclature</p> <p>12:56 JAMStack and security, reliability and performance</p> <p>17:05 Example of traffic spike for company Sphero</p> <p>18:26 Meaning of hyperdynamic</p> <p>20:35 Future and limits of JAMStack technology</p> <p>26:01 Controlling data and APIs versus using third parties</p> <p>28:10&nbsp;<a href="https://www.netlify.com/">Netlify.com</a>&nbsp;and JAMStack</p> <p>31:16 APIs, JavaScript framework and libraries recommended to start building on JAMStack</p> <p>35:13 Resources and examples of JAMStack:&nbsp;<a href="https://www.netlify.com/">netlify.com</a>,&nbsp;<a href="https://www.netlify.com/blog/">Netlify blog</a>,&nbsp;<a href="https://www.netlify.com/blog/2016/09/23/the-jamstack-radio/">JAMStack radio</a>,&nbsp;<a href="http://www.meetup.com/jamstack-sf/">JAMStack SF Meetup</a></p> <h3>QUOTES:</h3> <p>&ldquo;I think in the next couple of years we&rsquo;re going to see the limits being pushed a lot for what you can do with this.&rdquo; - Matt</p> <p>&ldquo;Today we&rsquo;re starting to see really interesting, really large projects getting built with this approach.&rdquo; - Matt</p> <p>&ldquo;If you can farm 100% of your backend off to third parties, I feel like that really limits a lot of the interesting things you can do as a developer.&rdquo; - Brian</p> <h3>PICKS:</h3> <p><a href="http://worrydream.com/EarlyHistoryOfSmalltalk/">Early History of Smalltalk&nbsp;</a>(Jamison)</p> <p><a href="https://www.youtube.com/channel/UCXBhQ05nu3L1abBUGeQ0ahw">React Rally 2016 videos</a>&nbsp;(Jamison)</p> <p><a href="https://fivestack.computer/">FiveStack.computer</a>&nbsp;(Jamison)</p> <p><a href="http://infiniteundo.com/post/25326999628/falsehoods-programmers-believe-about-time">Falsehoods programmers believe about time</a>&nbsp;(Aimee)</p> <p><a href="http://nodevember.org/">Nodevember conference</a>&nbsp;(Aimee)</p> <p><a href="http://www.48days.com/category/48-days-podcast/">48 Days Podcast</a>&nbsp;(Charles)</p> <p><a href="https://www.amazon.com/Michael-Vey-6-Fall-Hades/dp/1481469827"><em>Fall of Hades</em>&nbsp;by Richard Paul Evans</a>&nbsp;(Charles)</p> <p><a href="https://www.youtube.com/watch?v=yS5p4M08jJs">Jon Benjamin Jazz</a>&nbsp;(Brian)</p> <p><a href="http://railsconf.com/">RailsConf 2016</a>&nbsp;(Brian)</p> <p><a href="http://www.reactnative.com/">React Native</a>&nbsp;(Brian)</p> <p><a href="http://foreverdogproductions.com/fdpn/podcasts/book-of-ye/">Book of Ye Podcast</a>&nbsp;(Brian)</p> <p><a href="https://www.amazon.com/Aurora-Kim-Stanley-Robinson/dp/0316098108?tag=biuksafetynet-21"><em>Aurora</em>&nbsp;by Kim Stanley Robinson</a>&nbsp;(Matt)</p> <p><a href="https://www.sequoiacap.com/">Sequoia Capital website</a></p> <p><a href="http://www.sphero.com/">Sphero website</a></p> <p><a href="https://www.hawksworx.com/blog/isomorphic-rendering-on-the-jam-stack/">Isomorphic rendering on the Jam Stack by Phil Hawksworth</a></p> <h3>SPONSORS:</h3> <p><a href="https://frontendmasters.com/">Front End Masters</a></p> <p><a href="https://hired.com/">Hired.com</a></p>
Oct 19, 2016
233 JSJ Google Chrome Extensions with John Sonmez
45:15
<p>02:50 The definition of a plug-in</p> <p>03:31 The definition of an extension</p> <p>05:09 The way to determine the plug-ins and extensions you are running</p> <p>08:22 How to create an extension file</p> <p>11:02 The appeal of creating extensions</p> <p>13:26 How John got into creating extensions</p> <p>15:48 Ways to organize extensions</p> <p>19:38 Aspects of chrome that will affect extensions</p> <p>23:23 Packaging for the Chrome store</p> <p>26:22 Using dev tools</p> <p>29:42 Conflicting plug-ins/extensions and how to deal with them</p> <p>31:30 Open source extensions</p> <p>32:32 A quick way to create an extension</p> <h3>QUOTES:</h3> <p>&ldquo;I teach software developers how to be cool.&rdquo; &ndash;John Sonmez</p> <p>&ldquo;There wasn&rsquo;t an ability to extend the dev tools, but now there is.&rdquo; &ndash;John Sonmez</p> <p>&ldquo;One quick way to create an extension is just to take one of these sample apps&hellip;and then just start modifying it&hellip;&rdquo; &ndash;John Sonmez</p> <h3>PICKS:</h3> <p><a href="http://www.unchainedmovie.com/">&ldquo;Django Unchained&rdquo;</a>&nbsp;Website</p> <p><a href="https://egghead.io/courses/using-angular-2-patterns-in-angular-1-x-apps">&ldquo;Using Angular 2 Patterns in Angular 1.x&rdquo;&nbsp;</a>Apps Egghead Course</p> <p><a href="http://www.refinery29.com/2016/09/122114/girls-life-boys-life-magazine-sexist-differences">Girls&rsquo; Life vs. Boys&rsquo; Life</a>&nbsp;on Refinery29</p> <p><a href="https://www.webinarjam.com/index/">Webinar Jam</a>&nbsp;Software</p> <h1>&nbsp;</h1> <p><a href="https://devchat.tv/webinar-5-mistakes-that-are-keeping-you-from-getting-hired">&ldquo;Five Mistakes That are Keeping You From Getting Hired&rdquo;</a>&nbsp;Webinar</p> <p><a href="https://www.screencastify.com/">Screencastify</a>&nbsp;Chrome Extension</p> <p><a href="https://www.amazon.com/How-Fail-Almost-Everything-Still-ebook/dp/B00COOFBA4"><em>How to Fail at Almost Everything and Still Win Big</em></a>&nbsp;Book on Amazon</p> <p><a href="https://simpleprogrammer.com/2016/07/04/complete-software-developers-career-guide-introduction/"><em>The Complete Software Developers Career Guide</em></a>&nbsp;Book in Progress</p> <p><a href="https://simpleprogrammer.com/">Simple Programmer</a>&nbsp;Website</p> <p><a href="https://www.youtube.com/user/jsonmez">Simple Programmer</a>&nbsp;on Youtube</p>
Oct 12, 2016
232 JSJ GunDB and Databases with Mark Nadal
1:04:18
<p>03:45 What makes the Gun database engine special</p> <p>07:00 Defining a database</p> <p>12:58 The CAP Theorem</p> <p>22:56 What Graphs are and how they function (circular references)</p> <p>30:32 Gun and rotational disk systems</p> <p>32:08 Gun&rsquo;s optimizations for performance in ensuing versions</p> <p>39:55 The prevalence of open source companies</p> <p>42:45 Further discussing the CAP Theorem and its nuances</p> <p>50:33 Gun&rsquo;s purpose and design</p> <p>52:13 What a Firebase is</p> <p>54:22 How to get started with Gun - Visit&nbsp;<a href="http://gun.js.org/think.html">Gun Tutorial</a>, &nbsp;<a href="https://github.com/amark/gun">Gun&#39;s Github Page</a>, and</p> <p><a href="http://npminstallguncdnodemodule/gunnodeexample/hp.js.adad">Gun Node Module</a></p> <h3>QUOTES:</h3> <p>&ldquo;I think the database should bend to your application&rsquo;s demands, rather than you having to bend to the database&rsquo;s demands.&rdquo; &ndash;Mark Nadal</p> <p>&ldquo;&hellip;The protocol that GUN defines is something that can be implemented in any language. Because GUN is in the language, you don&rsquo;t have the context which latency of having to make an HTTP call or socket request&hellip;&rdquo; &ndash;AJ O&rsquo;Neill</p> <p>&ldquo;Let&rsquo;s demystify the black magic of CAP.&rdquo; &ndash;Mark Nadal</p> <h3>PICKS:</h3> <p><a href="https://www.youtube.com/watch?v=SPj-23z-hQA">Dan North&rsquo;s Deliberate Learning Video</a></p> <p><a href="http://8tracks.com/">8Tracks Internet Radio</a></p> <p><a href="https://www.netflix.com/search/Pokemon%20Indig?jbv=70297439&amp;jbp=0&amp;jbr=0">Pokemon Indigo League</a>&nbsp;on Netflix</p> <p><a href="https://daplie.com/">Daplie Personal Cloud</a></p> <p><a href="http://www.imdb.com/title/tt0072431/">Young Frankenstein</a>&nbsp;Movie</p> <p><a href="https://www.alderac.com/mystic_vale/">Mystic Vale</a>&nbsp;Card Game</p> <p><a href="http://jsremoteconf.com/">JS Remote Conference</a></p> <p><a href="http://reactremoteconf.com./">React Remote Conference</a></p> <p><a href="http://farmheroessupersaga.com/en/">Farm Heroes Super Saga</a>&nbsp;Game App</p>
Oct 05, 2016
231 JSJ Codewars with Nathan Doctor, Jake Hoffner, and Dan Nolan
58:16
<p>3:23 Discussing the purpose and aim of Codewars</p> <p>7:30 The process for building a program with Codewars</p> <p>11:07 The UI and editor experience</p> <p>12:55 The challenges faced when first building Codewars</p> <p>14:23 Explaining PJAX</p> <p>16:54 Building code on Codewars</p> <p>21:24 The expanded use of KATA on Codewars</p> <p>23:11 Practicing &ldquo;solving problems&rdquo; and how it translates to real world situations</p> <p>34:00 How Codewars proves out the persistence of coders</p> <p>36:41 How Codewars appeals to collaborative workers</p> <p>44:40 Teachable moments on Codewars</p> <p>49:40 Always check to see if&nbsp;<a href="https://www.codewars.com/">Codewars</a>&nbsp;is hiring. Codewars uses&nbsp;<a href="https://www.qualified.io/?utm_source=codewars&amp;utm_campaign=landing">Qualified.io</a>, which helps automate the hiring process.</p> <h3>PICKS:</h3> <p><a href="https://www.amazon.com/Marrow-Tarryn-Fisher-ebook/dp/B00WAPJ540"><em>Marrow</em></a>&nbsp;Sci-fi book</p> <p><a href="https://www.amazon.com/dp/B00KUQIU7O/ref=dp-kindle-redirect?_encoding=UTF8&amp;btkr=1"><em>Uprooted</em></a>&nbsp;Fantasy book</p> <p><a href="http://mikegrouchy.com/blog/2012/06/write-less-code.html">&ldquo;Write Less Code&rdquo;</a>&nbsp;blog post</p> <p><a href="http://randsinrepose.com/archives/the-rands-test/">&ldquo;The Rands Test&rdquo;</a>&nbsp;blog post</p> <p><a href="http://fivestack.computer/">Five Stack</a>&nbsp;software development studio</p> <p><a href="https://www.netflix.com/title/80057281">&ldquo;Stranger Things&rdquo;</a>&nbsp;on Netflix</p> <p><a href="http://ftlauderdale.ng-learn.com/">Angular 2 Class in Ft. Lauderdale</a>, Discount Code: JSJ</p> <p><a href="http://leananalyticsbook.com/"><em>Lean Analytics</em></a>&nbsp;book</p> <p><a href="https://www.amazon.com/dp/B004IK8PLE/ref=dp-kindle-redirect?_encoding=UTF8&amp;btkr=1"><em>Code</em></a>&nbsp;book</p> <p><a href="https://www.amazon.com/Data-Smart-Science-Transform-Information/dp/111866146X"><em>Datasmart</em></a>&nbsp;book</p> <p><a href="https://www.amazon.com/dp/B00EY818TQ/ref=dp-kindle-redirect?_encoding=UTF8&amp;btkr=1"><em>Letting Go</em></a>&nbsp;book</p>
Sep 28, 2016
230 JSJ Node at Capital One with Azat Mardan
1:06
<p>00:51 Jameson is looking for clients who need front and back end code for apps;&nbsp;<a href="https://twitter.com/jergason">@Jergason</a>&nbsp;(Contact him via Direct Message)</p> <p>04:40 An explanation of Capital One and its operations</p> <p>6:06 How many Capital One developers are using Node and how it is being implemented</p> <p>10:30 Process of approval for app/website development</p> <p>14:15 How the culture at Capital One affects technology within the company</p> <p>18:25 Using Javascript libraries to manage different currencies</p> <p>19:40 Venmo and its influence on banking</p> <p>22:32 Whether banks are prepared to operate in a cashless society</p> <p>29:44 Using HTML and Javascript for updating projects or creating new ones</p> <p>35:21 Who picks up Javascript easily and why: &ldquo;It&rsquo;s more about grit than raw intelligence.&rdquo;</p> <p>44:00 Upgrading via open source codes</p> <p>45:40 The process for hiring developers</p> <p>51:35 Typescript vs. non-typescript</p> <h3>PICKS:</h3> <p><a href="http://www.playnerve.com/">&ldquo;Nerve&rdquo; Movie</a></p> <p><a href="https://brave.com/">Brave Browser</a></p> <p><a href="https://www.netflix.com/title/80057281">&ldquo;Stranger Things&rdquo;</a>&nbsp;on Netflix</p> <p><a href="http://ftlauderdale.ng-learn.com/">Angular 2 Class in Ft. Lauderdale</a>, Discount Code: JSJ</p> <p><a href="http://alistapart.com/article/strategies-for-healthier-dev">&ldquo;Strategy for Healthier Dev&rdquo;</a>&nbsp;blog post</p> <p><a href="http://health-ade.com/">Health-Ade Beet Kombucha</a></p> <p><a href="http://www.maximumfun.org/shows/adventure-zone">&ldquo;The Adventure Zone&rdquo; podcast</a></p> <p><a href="https://www.cs.utexas.edu/users/EWD/transcriptions/EWD10xx/EWD1036.html"><em>On the Cruelty of Really Teaching Computer Science</em></a>&nbsp;article by E.W. Dijkstra</p> <p><a href="https://devchat.tv/freelancers">&ldquo;The Freelancer Show&rdquo; podcast</a></p> <p><a href="http://www.48days.com/">&ldquo;48 Days&rdquo; podcast</a></p> <p><a href="http://node.university/">Node.university</a></p> <p><a href="http://azat.co/">Azat Mardan&rsquo;s Website</a></p> <p><a href="https://twitter.com/azat_co">Azat Mardan on Twitter</a></p> <p><a href="http://www.cetusa.org/">CETUSA &ndash; Foreign exchange program</a></p>
Sep 21, 2016
229 JSJ Elm with Richard Feldman
54:34
<p>1:13&nbsp;<a href="http://noredink.com/jobs">No Red Ink is hiring</a>;&nbsp;<a href="https://www.manning.com/books/elm-in-action?a_aid=elm_in_action&amp;a_bid=b15edc5c">Richard&rsquo;s book-in-progress</a></p> <p>2:10&nbsp;<a href="https://frontendmasters.com/workshops/elm/">Frontend Masters Workshop</a></p> <p>2:55 Elm&rsquo;s primary function</p> <p>5:10 Using Elm over using Haskell, React, Javascript, etc.</p> <p>9:15&nbsp;<a href="http://elm-lang.org/blog/how-to-use-elm-at-work">Increased usability of Elm with each update</a></p> <p>13:45 Striking differences between Elm and Javascript</p> <p>16:08 Community reactions to Elm</p> <p>20:21 First&nbsp;<a href="http://elm-conf.us/">Elm conference</a>&nbsp;in September</p> <p>22:11 The approach for structuring an Elm app</p> <p>23:45 Realistic time frame for building an app from scratch</p> <p>32:20 Writing pure functions and immutable data; how Elm uses Side-Effects</p> <p>38:20 Scaling a big FP application</p> <p>44:15 What Javascript developers can take away from using Elm</p> <p>48:00&nbsp;<a href="https://twitter.com/rtfeldman">Richard on Twitter</a></p> <h3>PICKS</h3> <p><a href="https://en.wikipedia.org/wiki/In_a_World...">&ldquo;In a World&hellip;&rdquo; Movie</a></p> <p><a href="http://tech.noredink.com/post/129641182738/building-a-live-validated-signup-form-in-elm">Building a Live-Validated Signup Form in Elm</a></p> <p><a href="https://www.google.com/webhp?sourceid=chrome-instant&amp;ion=1&amp;espv=2&amp;ie=UTF-8#q=apple%20cider%20vinegar">Apple Cider Vinegar</a></p> <p><a href="http://www.cetusa.org/">CETUSA &ndash; Foreign exchange program</a></p>
Sep 14, 2016
228 JSJ React Native with Nader Dabit and Mike Grabowski
1:00:57
<p>Code-sharing between mobile and web apps with React Native</p> <p>Using native code and Javascript</p> <p>What to know about developing with React Native</p> <p>The importance of tooling</p> <p>Live and hot-reloading</p> <p>Updating your app on the fly</p> <p>Possible difficulties faced by transitioning to React Native</p> <p>Bridging between native API&rsquo;s and React Native</p> <p>Writing apps in Swift or React Native</p> <p>The future of React Native</p> <p>How to start a React Native project</p> <p>&nbsp;</p> <p><strong>Resources:</strong></p> <p><a href="https://frontendmasters.com/">Frontend Masters</a></p> <p><a href="https://hired.com/">Hired.com</a></p> <p><a href="https://rollbar.com/jsjabber">Rollbar</a></p> <p><a href="https://microsoft.github.io/code-push/">Microsoft Code Push</a></p> <p><a href="https://devchat.tv/react-native-radio/08-bridging-react-native-components-with-tadeu-zagallo">React Native Radio Episode 8</a></p> <p><a href="http://tadeuzagallo.com/">Tadeu Zagallo&rsquo;s Website</a></p>
Sep 07, 2016
227 JSJ Fostering Community Through React with Benjamin Dunphy, Berkeley Martinez, and Ian Sinnott
51:06
<p>03:08 - Benjamin Dunphy Introduction</p> <ul> <li><a href="https://twitter.com/benghamine">Twitter</a></li> <li><a href="https://github.com/dunphyben">GitHub</a></li> </ul> <p>04:07 - Berkeley Martinez Introduction</p> <ul> <li><a href="https://twitter.com/BerkeleyTrue">Twitter</a></li> <li><a href="https://github.com/BerkeleyTrue">GitHub</a></li> <li><a href="https://www.freecodecamp.com/">Free Code Camp</a></li> </ul> <p>04:19 - Ian Sinnott Introduction</p> <ul> <li><a href="https://twitter.com/ian_sinn">Twitter</a></li> <li><a href="https://github.com/iansinnott">GitHub</a></li> <li><a href="https://www.iansinnott.com/">Blog</a></li> <li><a href="https://www.trustar.co/">TruSTAR Technology</a></li> </ul> <p>05:19 - The&nbsp;<a href="https://facebook.github.io/react/">React</a>&nbsp;Codebase</p> <p>12:38 - Other Important Parts of the React Ecosystem</p> <p>14:22 - The&nbsp;<a href="https://angular.io/">Angular</a>&nbsp;vs the React Ecosystem and Community</p> <ul> <li>The Learning Curve</li> <li><a href="https://github.com/facebookincubator/create-react-app">create-react-app</a></li> </ul> <p>22:07 - Community</p> <p>Developer Experience</p> <ul> <li><a href="https://en.wikipedia.org/wiki/Functional_programming">Functional Programming</a></li> </ul> <p>26:56 - Getting Connected to the React Community</p> <ul> <li><a href="http://www.meetup.com/real-world-react/">Meetup: Real World React</a> <ul> <li><a href="https://twitter.com/rwreact">@rwreact</a></li> </ul> </li> <li><a href="http://www.meetup.com/ReactJS-San-Francisco/">ReactJS San Francisco Bay Area Meetup</a></li> <li><a href="http://www.meetup.com/">Meetup</a></li> <li><a href="https://www.eventbrite.com/">Eventbrite</a></li> <li><a href="http://calagator.org/">Calagator</a></li> <li><a href="https://twitter.com/">Twitter</a></li> <li><a href="https://medium.com/@dan_abramov/my-react-list-862227952a8c#.5pgjtb9pt">Dan Abramov: My React List</a></li> </ul> <p>29:34 - Conferences</p> <ul> <li><a href="http://conf.reactjs.com/">React.js Conf</a></li> <li><a href="http://www.reactrally.com/">React Rally</a></li> <li><a href="http://react-next.com/">ReactNext</a></li> <li><a href="https://reactiveconf.com/">ReactiveConf</a></li> <li><a href="https://www.react-europe.org/">ReactEurope</a></li> </ul> <p>33:28 - Technology From the Community</p> <ul> <li><a href="https://github.com/reactjs/redux">redux</a></li> <li><a href="http://thundercats.js.org/">ThunderCats.js</a><br /> 38:23 - Choices Are Expanding; Not Shrinking</li> <li>Linting</li> </ul> <p>40:19 - The Future of React</p> <p>42:39 - Starting More Communities</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="http://developingstory.netlify.com/">This Developing Story</a>&nbsp;(Aimee)</li> <li><a href="http://www.visitmusiccity.com/">Nashville</a>&nbsp;(Aimee)</li> <li><a href="http://nodevember.org/">Nodevember</a>&nbsp;(Aimee)</li> <li><a href="https://egghead.io/lessons/react-react-in-7-minutes">egghead.io: React in 7 Minutes</a>&nbsp;(Ben)</li> <li><a href="https://vimeo.com/166790294">Lee Byron: Immutable User Interfaces @ Render 2016</a>&nbsp;(Ben)</li> <li><a href="https://www.youtube.com/watch?v=MGuKhcnrqGA">Nick Schrock: React.js Conf 2016 Keynote</a>&nbsp;(Ben)</li> <li><a href="https://github.com/facebookincubator/create-react-app">create-react-app</a>&nbsp;(Ian)</li> <li><a href="https://github.com/hemanth/functional-programming-jargon">Functional Programming Jargon</a>&nbsp;(Ian)</li> <li><a href="http://serverless.com/">The Serverless Framework</a>&nbsp;(Ian)</li> <li><a href="http://blog.benoitvallon.com/">Ben&#39;s Blog</a>&nbsp;(Berkeley)</li> <li><a href="https://en.wikipedia.org/wiki/Robot_series_(Asimov)">Isaac Asimov&rsquo;s Robot Series</a>&nbsp;(Berkeley)</li> <li><a href="https://www.youtube.com/watch?v=fCn8zs912OE">Vsauce: The Zipf Mystery</a>&nbsp;(Berkeley)</li> <li><a href="http://www.kinesis-ergo.com/shop/advantage-for-pc-mac/">Kinesis Advantage for PC &amp; Mac</a>&nbsp;(Dave)</li> </ul>
Aug 31, 2016
226 JSJ Test Doubles with Justin Searls
01:04:11
<h2 style="text-align:center"><a href="https://allremoteconfs.com/react-2016">React Remote Conf</a>&nbsp;and&nbsp;<a href="https://allremoteconfs.com/angular-2016">Angular Remote Conf</a></h2> <p>&nbsp;</p> <p>03:15 - Justin Searls Introduction</p> <ul> <li><a href="https://twitter.com/searls">Twitter</a></li> <li><a href="https://github.com/searls">GitHub</a></li> <li><a href="http://about.me/searls">Blog</a></li> <li><a href="http://testdouble.com/">Test Double</a></li> <li><a href="https://devchat.tv/js-jabber/038-jsj-jasmine-with-justin-searls">JavaScript Jabber Episode #038: Jasmine with Justin Searls</a></li> </ul> <p>04:13 - Testing</p> <ul> <li><a href="https://github.com/testdouble/testdouble.js">testdouble.js</a></li> <li><a href="https://github.com/testdouble/teenytest">teenytest</a></li> <li><a href="http://sinonjs.org/">Sinon.JS</a></li> </ul> <p>08:44 - Mocking</p> <ul> <li><a href="https://www.amazon.com/Growing-Object-Oriented-Software-Guided-Tests/dp/0321503627">Growing Object-Oriented Software, Guided by Tests by Steve Freeman and Nat Pryce</a></li> <li><a href="https://en.wikipedia.org/wiki/Jim_Weirich">Jim Weirich</a></li> </ul> <p>14:45 - Starting These Concepts as a Junior Developer</p> <ul> <li><a href="https://en.wikipedia.org/wiki/Test-driven_development">Test-driven Development</a></li> </ul> <p>17:55 -&nbsp;<a href="http://blog.testdouble.com/posts/2016-03-13-testdouble-vs-sinon.html">testdouble.js vs. sinon.js</a></p> <ul> <li><a href="https://en.wikipedia.org/wiki/Not_invented_here">NIH = Not Invented Here</a></li> </ul> <p>26:39 -&nbsp;<a href="https://en.wikipedia.org/wiki/Duck_typing">Duck Typing</a>,&nbsp;<a href="https://en.wikipedia.org/wiki/Monkey_patch">Monkey Patching</a>, Duck Punching</p> <p>32:22 -&nbsp;<a href="https://nodejs.org/">Node.js</a>&nbsp;Negativity</p> <ul> <li>Design, Resources <ul> <li>Martin Fowler&rsquo;s Refactoring and Patterns Books</li> <li><a href="https://www.amazon.com/Domain-Driven-Design-Tackling-Complexity-Software/dp/0321125215">Domain-Driven Design: Tackling Complexity in the Heart of Software by Eric Evans</a></li> </ul> </li> </ul> <p>42:52 - Community</p> <p>45:08 - The AAA Rule: Arrange, Act, Assert</p> <p>51:19 - Error Messages</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li>Unemployment (Jamison)</li> <li><a href="http://reactrally.com/">React Rally</a>&nbsp;(Jamison)</li> <li><a href="https://twitter.com/b0rk/status/755020037979856896">Julia Evans&#39; Tweet: how to be a wizard programmer</a>&nbsp;&nbsp;(Jamison)</li> <li>See the good in people (Aimee)</li> <li><a href="http://sinonjs.org/">Sinon.JS</a>&nbsp;(Joe)</li> <li><a href="https://www.amazon.com/How-Stay-Motivated-Developing-Qualities/dp/B001E4SMKG">How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar</a>&nbsp;(Chuck)</li> <li><a href="https://en.wikipedia.org/wiki/Harry_Potter">The Harry Potter Series</a>&nbsp;(Chuck)</li> <li><a href="https://retropie.org.uk/">RetroPie</a>&nbsp;(Justin)</li> <li><a href="https://opbeat.com/events/web-rebels-2016/#elm-can-make-you-a-better-javascript-developer">How Elm can Make you a Better JavaScript Programer</a>&nbsp;(Justin)</li> <li><a href="https://nejsconf.com/">NEJS Conf</a>&nbsp;(Justin)</li> </ul>
Aug 24, 2016
225 JSJ Functional Programming with John A. De Goes
56:10
<p>03:08 - John A. De Goes Introduction</p> <ul> <li><a href="https://twitter.com/jdegoes">Twitter</a></li> <li><a href="https://github.com/jdegoes">GitHub</a></li> <li><a href="http://degoes.net/">Blog</a></li> <li><a href="http://slamdata.com/">SlamData</a></li> </ul> <p>04:07 -&nbsp;<a href="http://www.purescript.org/">PureScript</a></p> <p><a href="https://devchat.tv/js-jabber/189-jsj-purescript-with-john-a-de-goes-and-phil-freeman">JavaScript Jabber Episode #189: PureScript with John A. De Goes and Phil Freeman</a></p> <p>04:58 - &ldquo;Purely Functional&rdquo;</p> <p><img alt="interactive-1" class="alignnone size-full wp-image-3792" src="https://devchat.tv/wp-content/uploads/2016/08/interactive-1.gif" style="height:auto; max-width:100%; width:1082px" /></p> <p>09:18 - Weaknesses With&nbsp;<a href="https://en.wikipedia.org/wiki/Functional_programming">Functional Programming</a></p> <ul> <li><a href="https://en.wikipedia.org/wiki/Object-oriented_programming">Object-oriented Programming</a></li> <li><a href="https://en.wikipedia.org/wiki/Procedural_programming">Procedural Programming</a></li> </ul> <p>14:36 - Organizing a FP Codebase</p> <ul> <li><a href="http://degoes.net/articles/modern-fp">John A. De Goes: A Modern Architecture for FP</a></li> </ul> <p>17:54 - Beginners and Functional Programming; Getting Started</p> <ul> <li>Learning About the History of Functional Programming</li> <li>Hiring Junior Devs to do FP</li> </ul> <p>28:20 - The Rise of Functional Programming in JavaScript-land</p> <p>32:08 - Handling Existing Applications</p> <p>36:03 - Complexity Argument</p> <p>41:53 - Weighing Language Tradeoffs; Alt.js</p> <p><br /> Picks</p> <ul> <li><a href="https://youtu.be/hHzWG1FltaE">Nadia Odunayo: The Guest: A Guide To Code Hospitality @ RailsConf 2016</a>&nbsp;(Aimee)</li> <li><a href="http://www.reactrally.com/">React Rally</a>&nbsp;(Jamison)</li> <li><a href="http://joneshf.github.io/programming/2015/10/04/Cleanup-Algorithm.html">Cleanup Algorithm</a>&nbsp;(Jamison)</li> <li><a href="https://pgexercises.com/">PostgreSQL Exercises</a>&nbsp;(Jamison)</li> <li><a href="http://www.apple.com/ipad-pro/">iPad Pro</a>&nbsp;(Chuck)</li> <li><a href="http://www.apple.com/smart-keyboard/">Smart Keyboard for iPad Pro</a>&nbsp;(Chuck)</li> <li><a href="http://www.apple.com/apple-pencil/">Apple Pencil</a>&nbsp;(Chuck)</li> <li><a href="http://www.goodnotesapp.com/">GoodNotes</a>&nbsp;(Chuck)</li> <li><a href="http://www.slideshare.net/jdegoes/halogen-past-present-and-future">John A. De Goes: Halogen: Past, Present, and Future</a>&nbsp;(John)</li> <li><a href="http://github.com/slamdata/slamdata">slamdata</a>&nbsp;(John)</li> </ul>
Aug 17, 2016
224 JSJ Cypress.js with Brian Mann
45:42
<h2 style="text-align:center"><a href="https://allremoteconfs.com/angular-2016">Angular Remote Conf</a>&nbsp;and&nbsp;<a href="https://allremoteconfs.com/react-2016">React Remote Conf</a></h2> <p>&nbsp;</p> <p>03:18 - Brian Mann Introduction</p> <ul> <li><a href="https://twitter.com/be_mann">Twitter</a></li> <li><a href="https://github.com/brian-mann">GitHub</a></li> </ul> <p>03:33 -&nbsp;<a href="https://www.cypress.io/">Cypress.io</a></p> <p>04:09 -&nbsp;<a href="http://www.seleniumhq.org/">Selenium</a></p> <p>08:56 - Cypress vs Selenium</p> <p>16:54 - Similarities: Cypress and&nbsp;<a href="http://www.protractortest.org/#/">Protractor</a></p> <p>18:22 - Mocking API Data</p> <p>20:40 - Getting Started with Cypress and The Migration Process</p> <p>21:54 - Testing</p> <p>30:31 - Handling Data on the Backend</p> <p>34:16 - What&rsquo;s coming next in Cypress?</p>
Aug 10, 2016
223 JSJ WebStorm with Dennis Ushakov
42:08
<h2 style="text-align:center"><a href="https://allremoteconfs.com/react-2016">React Remote Conf</a>&nbsp;and&nbsp;<a href="https://allremoteconfs.com/angular-2016">Angular Remote Conf</a></h2> <p>&nbsp;</p> <p>03:18 - Dennis Ushakov Introduction</p> <ul> <li><a href="https://twitter.com/en_Dal">Twitter</a></li> <li><a href="https://github.com/denofevil">GitHub</a></li> <li><a href="https://www.jetbrains.com/">JetBrains</a> <ul> <li><a href="https://youtrack.jetbrains.com/oauth?state=%2Fissues%2FWEB">JetBrains Issue Tracker</a></li> </ul> </li> <li><a href="https://www.jetbrains.com/webstorm/">WebStorm</a> <ul> <li><a href="https://twitter.com/WebStormIDE">@WebStormIDE</a>&nbsp;&nbsp;</li> </ul> </li> </ul> <p>03:54 - Writing an IDE in Java</p> <ul> <li><a href="https://www.jetbrains.com/youtrack/">YouTrack</a></li> <li><a href="https://www.jetbrains.com/teamcity/">TeamCity</a>&nbsp;&nbsp;</li> </ul> <p>04:50 - Specs</p> <p>05:43 -&nbsp;<a href="https://www.jetbrains.com/webstorm/">WebStorm</a>&nbsp;Defined</p> <ul> <li><a href="https://en.wikipedia.org/wiki/Integrated_development_environment">Integrated Development Environment (IDE)</a></li> </ul> <p>06:19 - IDEs vs Text Editors</p> <p>08:31 - Building an IDE</p> <ul> <li>Language Support</li> <li>External Tool Support</li> <li><a href="https://en.wikipedia.org/wiki/Abstract_syntax_tree">Abstract Syntax Tree (AST)</a></li> </ul> <p>13:00 - Code Reuse</p> <p>15:07 - Prioritizing Features</p> <p>17:11 - Why is IDE tooling important?</p> <ul> <li>&ldquo;Code is read a lot more than it&rsquo;s written.&rdquo;</li> </ul> <p>19:57 - Refactorings</p> <ul> <li>The Dynamic Nature of JavaScript</li> <li><a href="https://www.typescriptlang.org/">TypeScript</a>-specific Refactorings</li> </ul> <p>23:35 - Next Versions of Webstorm</p> <ul> <li><a href="https://www.jetbrains.com/support/eap/">Early Access Program</a></li> </ul> <p>25:07 - Framework Support; Usage Data</p> <p>28:12 - Other Technology and Framework Support</p> <p>31:12 - Working for&nbsp;<a href="https://www.jetbrains.com/">JetBrains</a></p> <p>32:17 - Release Cycles and Procedures</p> <ul> <li><a href="https://www.jetbrains.com/support/eap/">Early Access Program</a></li> </ul> <p>34:39 - Java Source Code Contribution</p> <ul> <li><a href="https://kotlinlang.org/">Kotlin</a></li> </ul> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://medium.com/@jkriss/human-scale-technology-75da763eb03#.uj93v2vgo">Jesse Kriss: Human scale technology</a>&nbsp;(Jamison)</li> <li><a href="http://reactrally.com/">React Rally</a>&nbsp;(Jamison)</li> <li>Vote (Chuck)</li> <li><a href="https://panic.com/transmit/">Transmit</a>&nbsp;(Chuck)</li> <li><a href="http://store.steampowered.com/app/290870/">Steam Squad</a>&nbsp;(Dennis)</li> <li><a href="http://www.ergobaby.eu/baby-carriers-original-360-fall-2014-final-name-tbd.html">Ergobaby Four Position 360 Baby Carrier</a>&nbsp;(Dennis)</li> </ul>
Aug 03, 2016
222 JSJ Nodal with Keith Horwood
56:47
<p>02:35 - Keith Horwood Introduction</p> <ul> <li><a href="https://twitter.com/keithwhor">Twitter</a></li> <li><a href="https://github.com/keithwhor">GitHub</a></li> <li><a href="http://www.keithwhor.com/">Blog</a></li> <li><a href="https://polybit.com/">Polybit</a></li> </ul> <p>02:50 -&nbsp;<a href="http://www.nodaljs.com/">Nodal</a>&nbsp;|&nbsp;<a href="https://github.com/keithwhor/nodal">nodal</a></p> <ul> <li><a href="https://www.turnkeylinux.org/lampstack">The LAMP Stack</a></li> <li><a href="https://nodejs.org/en/">Node.js</a></li> <li><a href="https://www.djangoproject.com/">Django</a></li> <li><a href="http://rubyonrails.org/">Rails</a></li> </ul> <p>05:41 - Frameworks</p> <p>07:56 - Async Flow; Callback Execution</p> <ul> <li><a href="http://brian.io/">Brian LeRoux</a></li> </ul> <p>10:29 - Nodal Use Cases</p> <p>13:11 -&nbsp;<a href="http://graphql.org/">GraphQL</a></p> <p>15:07 -&nbsp;<a href="https://www.postgresql.org/">PostgreSQL</a></p> <p>17:56 - Developer Evolution</p> <ul> <li><a href="https://github.com/poly/dotcom">github.com/poly/dotcom</a></li> </ul> <p>24:05 - Scheduled Tasks and Migrations</p> <ul> <li><a href="http://sidekiq.org/">Sidekiq</a></li> </ul> <p>28:57 - ORM Flexibility</p> <p>33:14 - API Payloads</p> <p>35:24 - The ORM</p> <p>40:37 - Testing</p> <p>43:10 - 1.0?</p> <p>45:18 - Getting Started</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://conf.utahjs.com/">The 2016 UtahJS Conference</a>&nbsp;(Dave)</li> <li><a href="http://chrismm.com/blog/how-to-reduce-the-cognitive-load-of-your-code/">Writing good code: how to reduce the cognitive load of your code</a>&nbsp;(Aimee)</li> <li><a href="http://naturalvitality.com/natural-calm/">Natural Calm</a>&nbsp;(Aimee)</li> <li>Unplugging from technology (Chuck)</li> <li><a href="https://twitter.com/hashtag/codenewbie">#CodeNewbie</a>&nbsp;(Chuck)</li> <li><a href="https://allremoteconfs.com/angular-2016">Angular Remote Conf</a>&nbsp;(Chuck)</li> <li><a href="https://allremoteconfs.com/react-2016">React Remote Conf</a>&nbsp;(Chuck)</li> <li><a href="https://allremoteconfs.com/rails-2016">Rails Remote Conf</a>&nbsp;(Chuck)</li> <li><a href="https://allremoteconfs.com/">All Remote Confs</a>&nbsp;(Chuck)</li> <li><a href="https://medium.com/@keithwhor/react-iot-bots-apis-why-web-development-needs-a-change-299930cec3c6#.x6e4mcfnn">React, IoT, Bots, APIs &mdash; Why Web Development Needs a Change</a>&nbsp;(Keith)</li> <li><a href="https://github.com/mapmeld/fortran-machine">fortran-machine</a>&nbsp;(Keith)</li> </ul>
Jul 27, 2016
221 JSJ Visual Studio Code with Wade Anderson Live From Microsoft Build 2016
36:56
<p>This episode was recorded live from The&nbsp;<a href="https://build.microsoft.com/">Microsoft Build Conference</a>&nbsp;2016. In this episode we chatted with Wade Anderson of Microsoft about&nbsp;<a href="https://code.visualstudio.com/">Visual Studio Code</a>. You can follow him on&nbsp;<a href="https://twitter.com/waderyan_">Twitter</a>, or check out what he&rsquo;s done over on&nbsp;<a href="https://github.com/waderyan">GitHub</a>.</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="http://www.imdb.com/title/tt1266020/">Parks and Recreation</a>&nbsp;(Wade)</li> <li><a href="https://www.vidangel.com/browse">VidAngel</a>&nbsp;(Wade)</li> </ul> <p>&nbsp;</p> <p>A special thanks again goes out to&nbsp;<a href="https://twitter.com/richcampbell">Richard Campbell</a>&nbsp;and&nbsp;<a href="https://twitter.com/carlfranklin">Carl Franklin</a>&nbsp;from&nbsp;<a href="https://www.dotnetrocks.com/">.NETRocks</a>&nbsp;for putting this podcast series together! You rock!</p>
Jul 20, 2016
220 JSJ Teaching JavaScript with Kyle Simpson
01:08:48
<p>02:25 - Kyle Simpson Introduction</p> <ul> <li><a href="https://twitter.com/getify">Twitter</a></li> <li><a href="https://github.com/getify">GitHub</a></li> <li><a href="http://getify.me/">Blog</a></li> <li>&ldquo;Getify&rdquo;</li> <li><a href="https://github.com/getify/You-Dont-Know-JS">You-Dont-Know-JS</a></li> <li><a href="https://www.pluralsight.com/courses/advanced-javascript">[Pluralsight] Advanced JavaScript by Kyle Simpson</a></li> </ul> <p>04:43 - Development =&gt; Teaching</p> <ul> <li><a href="https://frontendmasters.com/">Front End Masters</a></li> </ul> <p>16:20 - Inheritance and Delegation</p> <p>29:40 - Evolving a Language</p> <p>36:23 - Cohersion</p> <ul> <li><a href="https://en.wikipedia.org/wiki/Strong_and_weak_typing">Weak Typing, Dynamic Typing</a></li> <li><a href="https://www.youtube.com/watch?v=JFmk9L_AMVQ">The Politics of JavaScript by Angus Croll</a></li> </ul> <p>50:37 - Performance</p> <ul> <li>The Width Keyword</li> </ul> <p>54:33 - Developer Education Programs and The Skill of Teaching</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://youtu.be/qJ_hplxTYJw">Adam Tornhill: Code, Crime, Complexity: Analyzing software with forensic psychology @ TEDxTrondheim</a>&nbsp;(Aimee)</li> <li><a href="https://pragprog.com/book/atcrime/your-code-as-a-crime-scene">Your Code as a Crime Scene: Use Forensic Techniques to Arrest Defects, Bottlenecks, and Bad Design in Your Programs by Adam Tornhill</a>&nbsp;(Aimee)</li> <li><a href="http://www.npr.org/sections/money/2016/06/03/480625378/episode-704-open-office">Planet Money Episode 704: Open Office</a>&nbsp;(Jamison)</li> <li><a href="https://en.wikipedia.org/wiki/Zooko's_triangle">Zooko&#39;s Triangle</a>&nbsp;(Jamison)</li> <li><a href="http://barkleymovie.com/">The Barkley Marathons</a>&nbsp;(Jamison)</li> <li><a href="http://www.reactrally.com/">React Rally</a>&nbsp;(Jamison)</li> <li><a href="http://www.imdb.com/title/tt3385516/?ref_=nv_sr_1">X-Men: Apocalypse</a>&nbsp;(Joe)</li> <li><a href="http://www.nbc.com/americas-got-talent">America&#39;s Got Talent</a>&nbsp;(Joe)</li> <li><a href="http://playoverwatch.com/">Overwatch</a>&nbsp;(Joe)</li> <li><a href="https://play.google.com/store/apps/details?id=com.ketchapp.stack&amp;hl=en">Stack</a>&nbsp;(Kyle)</li> <li><a href="https://adactio.com/journal/10665">Jeremy Keith: A web for everyone</a>&nbsp;(Kyle)</li> <li><a href="https://adactio.com/journal/10708">Jeremy Keith: Regressive Web Apps</a>&nbsp;(Kyle)</li> </ul>
Jul 13, 2016
219 JSJ Learning JavaScript in 2016
54:49
<h2 style="text-align:center">Check out&nbsp;<a href="https://allremoteconfs.com/newbie-2016">Newbie Remote Conf</a>!</h2> <p>&nbsp;</p> <p>02:44 - What it Takes to Learn JavaScript in 2016</p> <p>04:03 - Resources: Then vs Now</p> <p>09:42 - Are there prerequisites? Should you have experience?</p> <p>20:34 - Choosing What to Learn</p> <ul> <li><a href="https://devchat.tv/iphreaks/153-ips-using-mobile-devices-to-manage-diabetes-with-scott-hanselman">The iPhreaks Show Episode #153: Using Mobile Devices to Manage Diabetes with Scott Hanselman</a></li> </ul> <p>28:19 - Deciding What to Learn Next</p> <p>31:19 - Keeping Up: Obligations As a Developer</p> <p>34:22 - Deciding What to Learn Next (Cont&rsquo;d)</p> <p>42:01 - Recommendations</p> <ul> <li><a href="https://github.com/getify/You-Dont-Know-JS">You-Dont-Know-JS</a></li> <li><a href="http://gulpjs.com/">gulp.js</a></li> <li><a href="https://webpack.github.io/">webpack</a></li> <li><a href="https://mitpress.mit.edu/books/little-schemer">The Little Schemer</a></li> <li><a href="http://dataintensive.net/">Designing Data-Intensive Applications by Martin Kleppmann</a></li> </ul> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="http://www.tedunangst.com/flak/post/accidentally-nonblocking">accidentally nonblocking</a>&nbsp;(Jamison)</li> <li><a href="https://github.com/yoshuawuyts/choo">choo</a>&nbsp;(Jamison)</li> <li><a href="https://www.webrebels.org/">Web Rebels</a>&nbsp;(Jamison)</li> <li><a href="http://www.reactrally.com/">React Rally</a>&nbsp;(Jamison)</li> <li><a href="http://grabthegold.com/">Grab The Gold</a>&nbsp;(Aimee)</li> <li><a href="https://github.com/rockbot/node-for-beginners">node-for-beginners</a>&nbsp;(Aimee)</li> <li><a href="http://www.procrastinateonpurpose.com/">Procrastinate On Purpose by Rory Vaden</a>&nbsp;(Chuck)</li> <li><a href="https://allremoteconfs.com/newbie-2016">Newbie Remote Conf</a>&nbsp;(Chuck)</li> <li><a href="http://getacoderjob.com/">Get A Coder Job</a>&nbsp;(Chuck)</li> </ul>
Jul 06, 2016
218 JSJ Ember.js with Yehuda Katz
42:47
<h2 style="text-align:center">Check out&nbsp;<a href="https://allremoteconfs.com/newbie-2016">Newbie Remote Conf</a>!</h2> <p>&nbsp;</p> <p>02:38 - Yehuda Katz Introduction</p> <ul> <li><a href="https://twitter.com/wycats">Twitter</a></li> <li><a href="https://github.com/wycats">GitHub</a></li> <li><a href="http://yehudakatz.com/">Blog</a></li> <li><a href="http://www.tilde.io/">Tilde</a></li> <li><a href="http://solnic.eu/2016/05/22/my-time-with-rails-is-up.html">Peter Solnic: My time with Rails is up</a></li> <li><a href="http://solnic.eu/2016/05/30/abstractions-and-the-role-of-a-framework.html">Peter Solnic: Abstractions and the role of a framework</a>&nbsp;(Follow-up)</li> <li><a href="http://emberjs.com/">Ember.js</a></li> <li><a href="http://blog.skylight.io/">The Skylight Blog: Inside Skylight</a></li> </ul> <p>05:37 - Batching Updates</p> <p>10:04 - Naming</p> <ul> <li><a href="http://emberjs.com/blog/2014/12/22/inside-fastboot-the-road-to-server-side-rendering.html">Fastboot</a></li> <li><a href="https://guides.emberjs.com/v2.1.0/applications/services/">Services</a></li> <li><a href="https://github.com/tildeio/glimmer">glimmer</a></li> </ul> <p>14:19 - Communication</p> <ul> <li><a href="https://www.skylight.io/">Skylight</a></li> </ul> <p>16:21 - Decorators</p> <p>19:46 - &ldquo;Junior Developer&rdquo; and Knowledge Bias</p> <ul> <li><a href="http://www.codenewbie.org/podcast/creating-emberjs-part-i">CodeNewbie Ep. 90: Creating EmberJS - Part I with Yehuda Katz</a></li> <li><a href="http://www.codenewbie.org/podcast/creating-emberjs-part-ii">CodeNewbie Ep. 91: Creating EmberJS - Part II with Yehuda Katz</a></li> </ul> <p>28:25 - Termanology in Tech</p> <p>29:23 - Diversity</p> <ul> <li><a href="http://emberconf.com/women-helping-women.html">Women Helping Women</a></li> </ul> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://leanpub.com/eventdriven">Event Driven: How to Run Memorable Tech Conferences by Leah Silber</a>&nbsp;(Yehuda)</li> <li><a href="http://www.typescriptlang.org/">TypeScript</a>&nbsp;(Yehuda)</li> <li><a href="https://github.com/emberjs/rfcs">emberjs/rfcs</a>&nbsp;(Yehuda)</li> <li><a href="https://github.com/rust-lang/rfcs">rust-lang/rfcs</a>&nbsp;(Yehuda)</li> <li><a href="https://chrome.google.com/webstore/detail/pretty-pull-requests-gith/ljnjpkadhhcdniohpfilddnhahoigdec?hl=en">Pretty Pull Requests</a>&nbsp;(Aimee)</li> <li><a href="http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html">Full-Stack Redux Tutorial by Tero Parviainen</a>&nbsp;(Aimee)</li> <li>The mountains (AJ)</li> <li>The quadruple click in&nbsp;<a href="https://www.iterm2.com/">iTerm2</a>&nbsp;(Dave)</li> <li><a href="https://conf.utahjs.com/">2016 UtahJS Conference</a>&nbsp;(Dave)</li> <li><a href="https://www.startwithwhy.com/">Start With Why by Simon Sinek</a>&nbsp;(Chuck)</li> </ul>
Jun 29, 2016
217 JSJ The Now Project with Guillermo Rauch
51:49
<h2 style="text-align:center">Check out&nbsp;<a href="https://allremoteconfs.com/newbie-2016">Newbie Remote Conf</a>&nbsp;and get your tickets!</h2> <p>&nbsp;</p> <p>02:24 - Guillermo Rauch Introduction</p> <ul> <li><a href="https://twitter.com/rauchg">Twitter</a></li> <li><a href="https://github.com/guille">GitHub</a></li> <li><a href="https://zeit.co/blog">Blog</a></li> <li><a href="https://zeit.co/">ZEIT</a> <ul> <li><a href="https://twitter.com/zeithq">@zeithq</a>&nbsp;&nbsp;</li> </ul> </li> <li><a href="https://cloudup.com/">Cloudup</a></li> <li><a href="http://mongoosejs.com/">Mongoose.js</a></li> <li><a href="http://socket.io/">Socket.IO</a></li> </ul> <p>03:07 -&nbsp;<a href="https://zeit.co/now">Now: Realtime Node.js Deployments</a></p> <p>04:28 - Key Concepts</p> <ul> <li><a href="https://github.com/zeit/now-serve">now-serve</a></li> <li><a href="https://www.heroku.com/">Heroku</a></li> </ul> <p>10:22 - Deployment Process</p> <p>14:55 - Getting Started Experience</p> <ul> <li><a href="https://zeit.co/about">About</a></li> </ul> <p>17:22 - Technology vs Design</p> <p>20:36 - Running Now vs&nbsp;<a href="https://docs.npmjs.com/cli/install">npm-install</a></p> <p>27:17 - Simplicity; SSH and Metrics</p> <p>35:33 - Debugging and Performance</p> <p>37:34 - Security</p> <p>41:44 - What&rsquo;s Next?</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://playoverwatch.com/">Overwatch</a>&nbsp;(Joe)</li> <li><a href="https://en.wikipedia.org/wiki/To_Kill_a_Mockingbird">To Kill A Mockingbird by Harper Lee</a>&nbsp;(Jamison)</li> <li><a href="http://www.reactrally.com/">React Rally</a>&nbsp;(Jamison)</li> <li><a href="https://www.manning.com/books/grokking-algorithms">Grokking Algorithms: An illustrated guide for programmers and other curious people by Aditya Y. Bhargava</a>&nbsp;(Aimee)</li> <li><a href="http://martinfowler.com/articles/born-for-it.html">Birgitta B&ouml;ckeler: Born for it</a>&nbsp;(Aimee)</li> <li><a href="https://www.tsa.gov/tsa-precheck">TSA Pre✓</a>&nbsp;(Chuck)</li> <li><a href="http://www.amazon.com/RIF6-Projector-120-inch-Portable-Rechargeable/dp/B00QXS8L6I?ie=UTF8&amp;psc=1&amp;redirect=true&amp;ref_=oh_aui_detailpage_o00_s00">RIF6 Cube 2-inch Mobile Projector</a>&nbsp;(Chuck)</li> <li><a href="http://www.amazon.com/Eat-That-Frog-Great-Procrastinating/dp/1576754227">Eat That Frog!: 21 Great Ways to Stop Procrastinating and Get More Done in Less Time by Brian Tracy</a>&nbsp;(Guillermo)</li> </ul>
Jun 22, 2016
216 JSJ Angular with Rob Wormald Live from Microsoft Build 2016
01:02:19
<p>This episode was recorded live from The&nbsp;<a href="https://build.microsoft.com/">Microsoft Build Conference</a>&nbsp;2016. In this episode we chatted with Rob Wormald of the Angular Core team at Google about&nbsp;<a href="https://angular.io/">Angular</a>. You can follow him on&nbsp;<a href="https://twitter.com/robwormald">Twitter</a>, or check out what he&rsquo;s done over on&nbsp;<a href="https://github.com/robwormald">GitHub</a>.</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://code.visualstudio.com/">Visual Studio Code</a>&nbsp;(Rob)</li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API">Service Workers</a>&nbsp;(Rob)</li> <li><a href="https://twitter.com/richcampbell">Richard Campbell</a>&nbsp;and&nbsp;<a href="https://twitter.com/carlfranklin">Carl Franklin</a>&nbsp;from&nbsp;<a href="https://www.dotnetrocks.com/">.NETRocks</a>&nbsp;(Chuck)</li> </ul>
Jun 15, 2016
215 JSJ ChakraCode with Guarav Seth Live from Microsoft Build 2016
30:33
<p>This episode was recorded live from The&nbsp;<a href="https://build.microsoft.com/">Microsoft Build Conference</a>&nbsp;2016. In this episode we chatted with Gaurav Seth of Microsoft about&nbsp;<a href="https://github.com/Microsoft/ChakraCore">ChakraCore</a>. You can follow him on&nbsp;<a href="https://twitter.com/gauravseth">Twitter</a>, or check out what he&rsquo;s done over on&nbsp;<a href="https://github.com/sethgaurav">GitHub</a>.</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://www.typescriptlang.org/">TypeScript</a>&nbsp;(Gaurav)</li> <li><a href="https://twitter.com/richcampbell">Richard Campbell</a>&nbsp;and&nbsp;<a href="https://twitter.com/carlfranklin">Carl Franklin</a>&nbsp;from&nbsp;<a href="https://www.dotnetrocks.com/">.NETRocks</a></li> </ul>
Jun 08, 2016
214 JSJ Pebble with Heiko Behrens and François Baldassari
58:15
<h3 style="text-align:center">Check out&nbsp;<a href="https://allremoteconfs.com/newbie-2016">Newbie Remote Conf</a>!</h3> <p>&nbsp;</p> <p>02:11 - Heiko Behrens Introduction</p> <ul> <li><a href="https://twitter.com/HBehrens">Twitter</a></li> <li><a href="https://github.com/HBehrens">GitHub</a></li> <li><a href="http://heikobehrens.net/">Blog</a></li> </ul> <p>02:42 - Fran&ccedil;ois Baldassari Introduction</p> <ul> <li><a href="https://twitter.com/baldassarifr">Twitter</a></li> <li><a href="https://github.com/franc0is">GitHub</a></li> </ul> <p>03:04 - JavaScript and&nbsp;<a href="https://www.pebble.com/">Pebble</a></p> <ul> <li><a href="http://www.espruino.com/">Espruino</a></li> <li><a href="https://github.com/Samsung/jerryscript">jerryscript</a></li> </ul> <p>06:40 - Watch vs Phone</p> <ul> <li><a href="https://pebble.github.io/pebblejs/">Pebble.js</a></li> </ul> <p>09:32 - Memory Constraints and Code Size Limitations</p> <ul> <li>APIs</li> <li><a href="https://github.com/pebble/rockyjs">rockyjs</a></li> <li><a href="https://github.com/tweenjs/tween.js/">tween.js</a></li> </ul> <p>26:24 - Advantages of Writing in JavaScript</p> <p>32:09 - Capabilities of the Watch</p> <ul> <li><a href="https://devchat.tv/iphreaks/153-ips-using-mobile-devices-to-manage-diabetes-with-scott-hanselman">iPhreaks Episode #153: Using Mobile Devices to Manage Diabetes with Scott Hanselman</a></li> </ul> <p>37:08 - Running Web Servers</p> <p>39:29 - Resources</p> <ul> <li><a href="https://github.com/pebble/rockyjs">rockyjs</a></li> <li><a href="http://pbl.io/jsapps">Newsletter</a></li> <li><a href="http://slack.pbldev.io/">Pebble Slack Channel</a></li> <li><a href="http://developer.pebble.com/">Pebble Developer Page</a></li> <li><a href="https://twitter.com/PebbleDev">@PebbleDev</a></li> <li><a href="https://gist.github.com/HBehrens/1a91b97e1e98a6a09c5f">Pebble TicToc Source</a></li> </ul> <p>41:58 - Voice Capabilities</p> <p>43:06 - UI For the Round Face vs Square Face</p> <p>46:18 - Future Pebble Milestones</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://corus-kb.com/en/27-pok3r">Vortex Poker 3</a>&nbsp;(Jamison)</li> <li><a href="http://www.thaoandthegetdownstaydown.com/">Thao &amp; The Get Down Stay Down</a>&nbsp;(Jamison)</li> <li><a href="https://www.youtube.com/watch?v=5Vt8zqhHe_c&amp;index=2&amp;list=PL2NPrRGOCxjPvTFrAiVWlHEtcroBtlqqX">Maciej Ceglowski: Barely succeed! It&#39;s easier!</a>&nbsp;(Jamison)</li> <li><a href="http://brandonsanderson.com/books/the-stormlight-archive/the-way-of-kings/">The Way of Kings Trilogy by Brandon Sanderson</a>&nbsp;(Joe)</li> <li><a href="http://juniorsareawesome.org/">Juniors Are Awesome</a>&nbsp;(Aimee)</li> <li><a href="https://github.com/buunguyen/octotree">octotree</a>&nbsp;(Aimee)</li> <li><a href="http://www.amazon.com/Fully-Alive-Ken-Davis/dp/B008MTDZ12">Fully Alive by Ken Davis</a>&nbsp;(Chuck)</li> <li><a href="https://sarasoueidan.com/">Sara Soueidan</a>&nbsp;(Heiko)</li> <li><a href="https://www.youtube.com/watch?v=SdMxGNkZqnU">Jake Archibald: Using the service worker</a>&nbsp;(Heiko)</li> <li><a href="https://vimeo.com/beyondtellerrand/videos">beyond tellerrand&rsquo;s Videos</a>&nbsp;(Heiko)</li> <li><a href="http://blog.adacore.com/make-with-ada-formal-proof-on-my-wrist">Fabien Chouteau: Make with Ada: Formal proof on my wrist</a>&nbsp;(Fran&ccedil;ois)</li> <li><a href="https://github.com/andars/pebble.rs">pebble.rs</a>&nbsp;(Fran&ccedil;ois)</li> <li><a href="http://www.goodreads.com/book/show/629429.The_World_of_Yesterday">The World of Yesterday by Stefan Zweig</a>&nbsp;(Fran&ccedil;ois)</li> </ul> <p>&nbsp;</p> <p>See Also</p> <ul> <li><a href="https://devchat.tv/iphreaks/146-ips-pebble-with-heiko-behrens-and-daniel-rodr-guez-troiti-o/">iPhreaks Show Episode #146: Pebble with Heiko Behrens and Daniel Rodr&iacute;guez Troiti&ntilde;o</a></li> </ul>
Jun 01, 2016
213 JSJ Developer Evangelism with Greg Baugues
55:47
<h3 style="text-align:center">Check out&nbsp;<a href="https://allremoteconfs.com/newbie-2016">Newbie Remote Conf</a>! July 13-15, 2016</h3> <p>&nbsp;</p> <p>02:16 - Greg Baugues Introduction</p> <ul> <li><a href="https://twitter.com/greggyb">Twitter</a></li> <li><a href="https://github.com/GregBaugues">GitHub</a></li> <li><a href="http://blog.baugues.com/">Blog</a></li> <li><a href="https://www.twilio.com/">Twilio</a> <ul> <li><a href="https://devchat.tv/ruby-rogues/258-rr-twilio-with-greg-baugues">Ruby Rogues Episode #258: Twilio with Greg Baugues</a></li> </ul> </li> </ul> <p>02:41 - Developer Evangelism</p> <p>04:23 - Evangelism at&nbsp;<a href="https://www.twilio.com/">Twilio</a></p> <ul> <li><a href="https://twitter.com/jeffiel">Jeff Lawson</a></li> </ul> <p>07:05 -&nbsp;<a href="https://en.wikipedia.org/wiki/Evangelism">&ldquo;Evangelism&rdquo;</a></p> <p>10:56 - Getting the Word Out</p> <ul> <li><a href="https://www.twilio.com/signal">SIGNAL</a></li> </ul> <p>13:28 - Keeping Up-to-Date</p> <ul> <li><a href="http://baugues.com/depression">Greg Baugues: Devs and Depression</a></li> </ul> <p>18:28 - Skills to Have as an Evangelist</p> <ol> <li>Technical Credibility</li> <li>Patience</li> <li>Empathy</li> <li>Hustle</li> </ol> <p>21:21 - Getting Help From Companies</p> <p>25:39 - Handling Larger-scale Issues</p> <p>27:15 - Building an Evangelist Team</p> <p>29:44 - Panelist Experiences with Evangelism</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://www.ted.com/talks/brene_brown_on_vulnerability?language=en#t-410656">Bren&eacute; Brown: The power of vulnerability</a>&nbsp;(Aimee)</li> <li><a href="http://udidahan.com/2009/06/07/the-fallacy-of-reuse/">Udi Dahan: The Fallacy Of ReUse</a>&nbsp;(Aimee)</li> <li><a href="https://calendly.com/">Calendly</a>&nbsp;(Chuck)</li> <li><a href="http://www.gravityforms.com/">Gravity Forms</a>&nbsp;(Chuck)</li> <li><a href="https://trello.com/">Trello</a>&nbsp;(Chuck)</li> <li><a href="https://slack.com/">Slack</a>&nbsp;(Chuck)</li> <li><a href="https://zoom.us/">Zoom</a>&nbsp;(Chuck)</li> <li><a href="https://talky.io/">Talky.io</a>&nbsp;(Greg)</li> <li><a href="https://www.twilio.com/signal">SIGNAL</a>&nbsp;(Greg)</li> <li><a href="http://fourhourworkweek.com/podcast/">The Tim Ferriss Show</a>&nbsp;(Greg)</li> <li><a href="http://www.imdb.com/title/tt4270492/">Billions</a>&nbsp;(Greg)</li> </ul>
May 25, 2016
212 JSJ Horizon.js with Horizon.js with Michael Glukhovsky: Live from ng-conf!
40:10
<p>02:34 - Michael Glukhovsky Introduction</p> <ul> <li><a href="https://twitter.com/mglukhovsky">Twitter</a></li> <li><a href="https://www.rethinkdb.com/">RethinkDB</a></li> <li><a href="https://twitter.com/rethinkdb">@rethinkdb</a></li> </ul> <p>02:35 -&nbsp;<a href="https://github.com/ging/horizon-js">horizon-js</a></p> <p>04:52 - Versus Open Source&nbsp;<a href="https://www.firebase.com/">Firebase</a></p> <p>06:15 - The Security Model</p> <ul> <li><a href="https://horizon.io/">Horizon.io</a></li> </ul> <p>07:56 - The Admin Interface</p> <p>09:16 - RethinkDB + Horizon</p> <p>10:56 - Versus&nbsp;<a href="https://www.meteor.com/">Meteor</a></p> <p>13:35 - Message Format</p> <p>14:26 - Getting Started</p> <p>19:01 - Real-time</p> <p>21:24 - Security</p> <p>26:56 - The Grand Vision; Use Cases</p> <p>32:17 - Managing Deployment with Redundancy</p> <p>&nbsp;</p> <p>Picks</p> <ul> <li><a href="https://www.thatconference.com/">That Conference</a>&nbsp;(Joe)</li> <li><a href="http://angularconnect.com/">AngularConnect</a>&nbsp;(Joe)</li> <li><a href="http://www.reactrally.com/">React Rally</a>&nbsp;(Joe)</li> <li><a href="https://itunes.apple.com/us/podcast/soft-skills-engineering/id1091341048?mt=2">Soft Skills Engineering Podcast</a>&nbsp;(Dave)</li> <li><a href="http://www.starwars.com/news/the-history-of-may-the-4th">May the 4th</a>&nbsp;(Chuck)</li> <li><a href="http://horizon.io/">The Developer Preview</a>&nbsp;(Mike)</li> <li><a href="http://www.amazon.com/Art-Spirit-Robert-Henri/dp/8087888561">The Art Spirit Paperback by Robert Henri</a>&nbsp;(Mike)</li> <li><a href="http://www.reactrally.com/">React Rally</a>&nbsp;(Jamison)</li> <li><a href="https://itunes.apple.com/us/podcast/uncanny-valley-podcast-uncanny/id535761300?mt=2">Uncanny Valley Podcast</a>&nbsp;&nbsp;(Jamison)</li> <li><a href="http://www.kishibashi.com/">Kishi Boshi</a>&nbsp;(Jamison)</li> <li><a href="http://www.drmaciver.com/2015/12/on-criticizing-programming-languages/">David R. MacIver: On criticizing programming languages (without criticizing their users)</a>&nbsp;(Aimee)</li> </ul>
May 18, 2016
211 JSJ Ember and EmberConf with Michael North
51:34
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:22 - Michael North Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/michaellnorth" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/mike-north" style="text-decoration:none;">GitHub</a></span></li> <li><span style="font-size:14px"><a href="http://www.levantofinancial.com/" style="text-decoration:none;">Levanto Financial</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:10 - </span><a href="http://emberjs.com/" style="text-decoration:none;">Ember</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> vs </span><a href="https://facebook.github.io/react/" style="text-decoration:none;">React</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> or </span><a href="https://angularjs.org/" style="text-decoration:none;">Angular</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/203-jsj-aurelia-with-rob-eisenberg" style="text-decoration:none;">JavaScript Jabber Episode #203: Aurelia with Rob Eisenberg</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:13 - Convention Over Configuration</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:39 - Changes in Ember</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://sproutcore.com/" style="text-decoration:none;">SproutCore &nbsp;</a></span></li> <li><span style="font-size:14px"><a href="https://www.icloud.com/" style="text-decoration:none;">iCloud</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://ember-cli.com/" style="text-decoration:none;">Ember CLI</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Performance</span></span></li> <li><span style="font-size:14px"><a href="https://github.com/tildeio/glimmer" style="text-decoration:none;">glimmer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">16:04 - </span><a href="http://ember-fastboot.com/" style="text-decoration:none;">Ember FastBoot</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://medium.com/@mikenorth/building-a-performant-web-app-with-ember-fastboot-and-phoenix-part-1-fa1241654308#.45aquo9yd" style="text-decoration:none;">Building a performant real-time web app with Ember Fastboot and Phoenix</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">18:53 - </span><a href="http://emberconf.com/" style="text-decoration:none;">EmberConf</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=OInJBwS8VDQ&amp;list=PL4eq2DPpyBblc8aQAd516-jGMdAhEeUiW&amp;index=1" style="text-decoration:none;">Opening Keynote by Yehuda Katz &amp; Tom Dale</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">22:47 - Mobile/Native Experience &amp; Optimization</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API" style="text-decoration:none;">Service Worker</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Hybrid Apps</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">29:52 - </span><a href="http://electron.atom.io/" style="text-decoration:none;">Electron</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">30:46 - Open Source Empowerment; The Ember Learning Team</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:54 - </span><a href="https://frontendmasters.com/courses/ember-2/" style="text-decoration:none;">Michael North&#39;s Frontend Masters Ember 2 Series</a></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">37:11 - The Ember Community</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://www.reactrally.com/" style="text-decoration:none;">React Rally</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.npr.org/podcasts/510311/embedded" style="text-decoration:none;">Embedded</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://remysharp.com/2016/04/04/a-debugging-thought-process" style="text-decoration:none;">Remy Sharp: A debugging thought process</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://nashdevcast.com/" style="text-decoration:none;">NashDev Podcast</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://uselessdevblog.wordpress.com/2016/04/11/js-developers-who-dont-know-what-closure-is-are-fine/" style="text-decoration:none;">JS developers who don&rsquo;t know what closure is are fine.</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://www.sublimetext.com/" style="text-decoration:none;">Sublime Text</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://serverpress.com/get-desktopserver/" style="text-decoration:none;">DesktopServer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.memberpress.com/" style="text-decoration:none;">MemberPress</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://frontendmasters.com/" style="text-decoration:none;">Frontend Masters</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Mike)</span><br /> <a href="https://wickedgoodember.com/" style="text-decoration:none;">Wicked Good Ember Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Mike)<br /> Debugging Node.js with </span><a href="https://code.visualstudio.com/" style="text-decoration:none;">Visual Studio Code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Mike)</span></span></p>
May 11, 2016
210 JSJ The 80/20 Guide to ES2015 Generators with Valeri Karpov
42:29
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><a href="https://allremoteconfs.com/react-2016" style="text-decoration:none;">Check out React Remote Conf</a></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">01:56 - Valeri Karpov Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/code_barbarian" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/vkarpov15" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://thecodebarbarian.com" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/092-jsj-the-mean-stack-with-ward-bell-and-valeri-karpov" style="text-decoration:none;">JavaScript Jabber Episode #92: The MEAN Stack with Ward Bell and Valeri Karpov</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:17 - </span><a href="https://boosterfuels.com/" style="text-decoration:none;">Booster Fuels</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:06 - ES2015 Generators</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://es2015generators.com/" style="text-decoration:none;">The 80/20 Guide to ES2015 Generators by Valeri Karpov</a></span></li> <li><span style="font-size:14px"><a href="https://github.com/tj/co" style="text-decoration:none;">co</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">05:47 - </span><a href="https://msdn.microsoft.com/en-us/library/0yd65esw.aspx" style="text-decoration:none;">try-catch</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:49 - Generator Function vs Object</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Fibonacci_number" style="text-decoration:none;">The Fibonacci Sequence</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:39 - Generator Use Cases</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:02 - Why in ES6 would they come out with both native promises and generators?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://koajs.com/" style="text-decoration:none;">Koa</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">14:04 - yield star and async await </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">17:06 - Wrapping a Generator in a Promise</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:51 - Testing</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:56 - Use on the Front-end</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">22:14 - </span><a href="http://es2015generators.com/" style="text-decoration:none;">The 80/20 Guide to ES2015 Generators by Valeri Karpov</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and Tech Writing</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.npmjs.com/package/nightmare" style="text-decoration:none;">nightmare</a></span></li> <li><span style="font-size:14px"><a href="http://www.amazon.com/Professional-AngularJS-Valeri-Karpov/dp/1118832078" style="text-decoration:none;">Professional AngularJS</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p><span style="font-size:14px"><a href="http://mikbe.com/code/testing/dx/2016/03/11/why-and-how-testing-can-make-you-happier.html" style="line-height: 1.6; text-decoration: none;">Why and How Testing Can Make You Happier</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://pitangogelato.com/" style="text-decoration:none;">Pitango Gelato</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://www.primalblueprint.com/mark-sisson/" style="text-decoration:none;">The Primal Blueprint by Mark Sisson</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.primalblueprint.com/books/the-primal-blueprint-21-day-total-body-transformation/" style="text-decoration:none;">The Primal Blueprint 21-Day Total Body Transformation</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.npmjs.com/package/acquit" style="text-decoration:none;">acquit</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Valeri)</span><br /> <a href="https://www.npmjs.com/package/nightmare" style="text-decoration:none;">nightmare</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Valeri)</span><br /> <a href="https://zeit.co/now" style="text-decoration:none;">now</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Valeri)</span><br /> <a href="http://es2015generators.com/" style="text-decoration:none;">The 80/20 Guide to ES2015 Generators by Valeri Karpov</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Valeri)</span></span></p>
May 04, 2016
209 JSJ TypeScript with Anders Hejlsberg
51:56
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">This episode was recorded live from The </span><a href="https://build.microsoft.com/" style="text-decoration:none;">Microsoft Build Conference</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> 2016. In this episode we chatted with Anders Hejlsberg of Microsoft about Typescript. You can follow him on </span><a href="https://twitter.com/ahejlsberg" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">, or check out what he&rsquo;s done over on </span><a href="https://github.com/ahejlsberg" style="text-decoration:none;">GitHub</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Resources</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.typescriptlang.org/" style="text-decoration:none;">TypeScript</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p>Writing Code (Anders)</p> <div>&nbsp;</div>
Apr 27, 2016
208 JSJ MS Office with Jeremy Thake
48:11
<p><span style="font-family:open sans,sans-serif">This episode was recorded live from The <a href="https://build.microsoft.com/">Microsoft Build Conference</a>&nbsp;2016. In this episode we chatted with Jeremy Thake of Microsoft</span><span style="font-family:open sans,sans-serif">&nbsp;about MS Office. You can follow him on <a href="https://twitter.com/jthake">Twitter</a></span><span style="font-family:open sans,sans-serif">, see what he&rsquo;s done over on <a href="https://github.com/jthake">GitHub</a></span><span style="font-family:open sans,sans-serif">, or visit his <a href="http://www.jeremythake.com/">blog</a>.</span></p> <p>Resources:</p> <p><a href="http://dev.office.com/">Office Dev Center</a></p> <p>Picks</p> <p><a href="http://www.imdb.com/title/tt4270492/">Billions</a> (Jeremy)</p>
Apr 20, 2016
207 JSJ Growing Happy Developers with Marcus Blankenship
01:02:31
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:51 - Marcus Blankenship Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/justzeros" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://marcusblankenship.com/list/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:09 - Panelist Worst Boss Experiences</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">13:06 - Developer Anarchy vs Having a Hierarchy</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.se-radio.net/2016/03/se-radio-episode-253-fred-george-on-developer-anarchy/" style="text-decoration:none;">SE-Radio Episode 253: Fred George on Developer Anarchy</a></span></li> <li><span style="font-size:14px"><a href="http://www.valvesoftware.com/company/Valve_Handbook_LowRes.pdf" style="text-decoration:none;">The Valve Playbook</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:57 - Transitioning Managers</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Impostor_syndrome" style="text-decoration:none;">Impostor Syndrome</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">26:05 - Manager Influence</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">28:33 - Management vs Leadership</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Leader%E2%80%93member_exchange_theory" style="text-decoration:none;">Leader-Member Exchange Theory</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">34:37 - Interpersonal Relationships and Happiness</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">38:24 - What kind of feedback do managers want from their employees?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Timesheets</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">46:17 - Am I manager material? Am I ready to go into management?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">48:06 - Following a Technical Track</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">51:55 - Why would anyone ever want to be a department manager?</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://sporto.github.io/blog/2013/02/22/a-plain-english-guide-to-javascript-prototypes/" style="text-decoration:none;">A Plain English Guide to JavaScript Prototypes</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://givebar.com/" style="text-decoration:none;">Oatmega</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://en.wikipedia.org/wiki/Luck_(Tom_Vek_album)" style="text-decoration:none;">Luck by Tom Vek</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.amazon.com/Challenges-Managers-Face-Step-Step-ebook/dp/B00LMB5P42" style="text-decoration:none;">The 27 Challenges Managers Face: Step-by-Step Solutions to (Nearly) All of Your Management Problems by Bruce Tulgan</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Marcus)</span><br /> <a href="http://speak.reactrally.com" style="text-decoration:none;">React Rally Call for Proposals</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://reactrally.com" style="text-decoration:none;">React Rally</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.amazon.com/Multipliers-Best-Leaders-Everyone-Smarter/dp/0061964395" style="text-decoration:none;">Multipliers: How the Best Leaders Make Everyone Smarter by Liz Wiseman</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://player.fm/series/soft-skills-engineering" style="text-decoration:none;">Soft Skills Engineering Podcast</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span></span></p>
Apr 13, 2016
206 JSJ PostCSS with Ben Briggs
45:06
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:30 - Ben Briggs</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/ben_eb" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/ben-eb" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://beneb.info/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="https://github.com/ben-eb/cssnano" style="text-decoration:none;">cssnano</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:03 - </span><a href="https://github.com/postcss" style="text-decoration:none;">PostCSS</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://cssnext.io/" style="text-decoration:none;">cssnext</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://postcss.parts/" style="text-decoration:none;">Postcss.parts</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:16 - What problems was PostCSS designed to solve for developers?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/reworkcss/rework" style="text-decoration:none;">rework</a></span></li> <li><span style="font-size:14px"><a href="https://github.com/postcss/autoprefixer" style="text-decoration:none;">autoprefixer</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:46 - Using PostCSS vs Sass</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/peterramsing/lost" style="text-decoration:none;">lost</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">14:02 - Using Future Features</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">16:28 - Tool Fatigue</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://postcss.org/" style="text-decoration:none;">postcss.org</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:39 - When should people start thinking about using PostCSS?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/stylelint/stylelint" style="text-decoration:none;">stylelint</a></span></li> <li><span style="font-size:14px"><a href="https://github.com/MohammadYounes/rtlcss" style="text-decoration:none;">rtlcss</a></span></li> <li><span style="font-size:14px"><a href="https://github.com/btholt/postcss-colorblind" style="text-decoration:none;">postcss-colorblind</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">31:24 - Postprocessing</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://midasjs.com/" style="text-decoration:none;">midas</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:43 - Shipping Apps with Emojis?</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">36:21 - Where does PostCSS end and where does </span><a href="https://github.com/css-modules/css-modules" style="text-decoration:none;">css-modules</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> begin?</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><a href="https://medium.com/@chetcorcos/functional-programming-for-javascript-people-1915d8775504#.6ui3oo9en" style="text-decoration:none;"><u>Chet Corcos: Functional Programming for JavaScript People</u></a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14.6667px"> (Aimee)</span><br /> <a href="https://launchschool.com/blog/operation-code-scholarship" style="text-decoration:none;"><u>Operation Code Scholarship</u></a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14.6667px"> (Aimee)</span><br /> <a href="http://webplatformdaily.org/" style="text-decoration:none;"><u>Web Platform Daily Digest</u></a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14.6667px"> (Ben)</span><br /> <a href="http://www.amazon.com/Cadbury-Easter-Caramel-4-Count-4-8oz/dp/B004742ZVC" style="text-decoration:none;"><u>Cadbury Caramel Eggs</u></a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14.6667px"> (Joe)</span><br /> <a href="http://wildermuth.com/hwpod" style="text-decoration:none;"><u>Hello World Podcast</u></a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14.6667px"> (Joe)</span><br /> <a href="http://www.reactrally.com/" style="text-decoration:none;"><u>React Rally</u></a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14.6667px"> (Dave)</span></p>
Apr 06, 2016
205 JSJ Shasta with Eric Schoffstall
48:06
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:28 - Eric Schoffstall Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/contrahacks" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/contra" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://contra.io/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="http://instagram.com/yungcontra" style="text-decoration:none;">Instagram</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:59 - </span><a href="http://shasta.tools" style="text-decoration:none;">shasta</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/dan_abramov" style="text-decoration:none;">Dan Abramov</a></span></li> <li><span style="font-size:14px"><a href="http://shasta.tools/tahoe" style="text-decoration:none;">tahoe</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:20 - Getting Started</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/shastajs/boilerplate" style="text-decoration:none;">github.com/shastajs/boilerplate</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:20 - Solidifying on Best Practices</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:37 - Made to Work Together vs Made to be Neatly Modular</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">11:19 - shasta and </span><a href="https://github.com/reactjs/redux" style="text-decoration:none;">redux</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:01 - shasta Ideals</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://shasta.tools/shasta/docs/Opinions.html" style="text-decoration:none;">Opinions</a></span> <ul> <li><span style="font-size:14px"><a href="https://facebook.github.io/immutable-js/" style="text-decoration:none;">Immutable.js</a></span></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">15:07 - Making Choices</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">17:35 - </span><a href="https://github.com/gaearon/redux-thunk" style="text-decoration:none;">redux-thunk</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">, </span><a href="https://github.com/yelouafi/redux-saga" style="text-decoration:none;">redux-saga</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:01 - Lessons Learned from </span><a href="http://gulpjs.com/" style="text-decoration:none;">gulp.js</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Open Source Marketing</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:55 - </span><a href="https://github.com/acdlite/redux-router" style="text-decoration:none;">redux-router</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:20 - </span><a href="https://facebook.github.io/react/" style="text-decoration:none;">React</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">-Specific vs Agnostic</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.imdb.com/title/tt3864024/?pf_rd_m=A2FGELUUNOQJNL&amp;pf_rd_p=2413555502&amp;pf_rd_r=0TVRGKMAEWVKTMHK0BD2&amp;pf_rd_s=center-5&amp;pf_rd_t=53401&amp;pf_rd_i=main&amp;ref_=yto_yto_yto_tt4_i_3" style="text-decoration:none;">Lazer Team</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:35 - Experimentation with shasta</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">29:50 - </span><a href="https://facebook.github.io/relay/" style="text-decoration:none;">Relay</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and </span><a href="https://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html" style="text-decoration:none;">GraphQL</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> Conflict</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">31:31 - Swapability</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:30 - The Future of front-end development in JavaScript; Where shasta fits in</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/Raynos/mercury" style="text-decoration:none;">mercury</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span> <ul> <li><span style="font-size:14px"><a href="http://victorsavkin.com/post/137821436516/managing-state-in-angular-2-applications" style="text-decoration:none;">Victor Savkin: Managing State in Angular 2 Applications</a></span></li> </ul> </li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://victorsavkin.com/post/137821436516/managing-state-in-angular-2-applications" style="text-decoration:none;">Victor Savkin: Managing State in Angular 2 Applications</a><strong> </strong><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">(Joe)</span><br /> <a href="http://www.imdb.com/title/tt3864024/?pf_rd_m=A2FGELUUNOQJNL&amp;pf_rd_p=2413555502&amp;pf_rd_r=0TVRGKMAEWVKTMHK0BD2&amp;pf_rd_s=center-5&amp;pf_rd_t=53401&amp;pf_rd_i=main&amp;ref_=yto_yto_yto_tt4_i_3" style="text-decoration:none;">Lazer Team</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://bigblackdelta.com/" style="text-decoration:none;">Big Black Delta</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://css-tricks.com/learning-use-google-analytics-effectively-codepen/" style="text-decoration:none;">Learning to Use Google Analytics More Effectively at CodePen</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.amazon.com/Thing-Explainer-Complicated-Stuff-Simple/dp/0544668251" style="text-decoration:none;">Thing Explainer: Complicated Stuff in Simple Words by Randall Munroe</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://itunes.apple.com/us/podcast/soft-skills-engineering/id1091341048?mt=2" style="text-decoration:none;">Soft Skills Engineering Podcast</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="http://revolutionconf.com/#/home" style="text-decoration:none;">RevolutionConf 2016</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://frontendmasters.com/courses/functional-js-lite/" style="text-decoration:none;">[Frontend Masters] Functional-Lite JavaScript</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.lushusa.com/" style="text-decoration:none;">Lush Cosmetics</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://github.com/rethinkdb/horizon" style="text-decoration:none;">horizon</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Eric)</span><br /> <a href="https://www.youtube.com/watch?v=6zZAFfL25ZM" style="text-decoration:none;">Shannon and the Clams - Rip Van Winkle</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Eric)</span><br /> <a href="http://shasta.tools" style="text-decoration:none;">shasta</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Eric)</span></span></p>
Mar 30, 2016
204 JSJ Free Code Camp with Quincy Larson
01:00:33
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:10 - Quincy Larson Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/ossia" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/QuincyLarson" style="text-decoration:none;">GitHub</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:20 - </span><a href="http://www.freecodecamp.com/" style="text-decoration:none;">Free Code Camp</a></span></p> <ul dir="ltr"> <li><a href="https://twitter.com/FreeCodeCamp" style="font-size: 14px; line-height: 1.6; text-decoration: none;">@FreeCodeCamp</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px">&nbsp;&nbsp;</span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:47 - Quincy&rsquo;s Background</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">06:43 - Curriculum and Non-Profit Projects</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:47 - Keeping the Curriculum Updated</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:30 - Enrollment; Starting &amp; Finishing</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:20 - Resources for Learning</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://gitter.im/" style="text-decoration:none;">Gitter</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">15:39 - Funding</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">16:06 - Working Through a Self-Paced System vs Structure</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">17:17 - Nonprofits</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:51 - Learning to Work on Non-Greenfield Code</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">21:47 - Getting Hired After the Program</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:21 - Marketing and Media</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://medium.freecodecamp.com/" style="text-decoration:none;">Medium: Free Code Camp</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://www.freecodecamp.com/news" style="text-decoration:none;">Camper News</a></span></li> <li><span style="font-size:14px"><a href="https://www.twitch.tv/freecodecamp/profile" style="text-decoration:none;">Twitch.tv: freecodecamp</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">26:07 - Sustaining Living While Running This Program</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:31 - The Future of Free Code Camp</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/freecodecamp/freecodecamp/wiki" style="text-decoration:none;">Free Code Camp Wiki</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">28:34 - Long-term Sustainability</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">29:44 - Hypothetical Monetization and Contribution</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:51 - Coding as a form of art or function?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">36:55 - Partnerships</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.pmi.org/" style="text-decoration:none;">Project Management Institute</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">37:53 - Making Free Code Camp More Effective</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">39:18 - Criticism? </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">40:29 - Curriculum Development and Evolution</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">43:02 - Is Free Code Camp for everybody?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Read, Search, Ask</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">46:09 - The Community</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">51:07 - Getting Involved in Free Code Camp</span></span></p> <ul> <li><span style="font-size:14px"><a href="https://www.boombox.com/c/quiz/175881/free-code-camp-volunteer-quiz" style="text-decoration:none;">Free Code Camp Volunteer Quiz</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://explorersfoundation.org/glyphery/122.html" style="text-decoration:none;">Our Greatest Fear &mdash; Marianne Williamson</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://youtu.be/DqKHGMQGP8Y" style="text-decoration:none;">The Rabbit Joint - The Legend of Zelda</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://i.imgur.com/fMH0gWy.jpg" style="text-decoration:none;">Nintendo (Twilight Princess HD Soundtrack)</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://youtu.be/PwSyjz1off4?t=30" style="text-decoration:none;">Steve Wozniak: The early days @ TEDxBerkeley</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://boardgamegeek.com/boardgame/171011/favor-pharaoh" style="text-decoration:none;">Favor of the Pharaoh</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://abc.go.com/shows/the-goldbergs" style="text-decoration:none;">The Goldbergs</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://www.facebook.com/mattgiovanisci/videos/10208617188848005/" style="text-decoration:none;">The Best Podcast Rap</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://wordswag.co/" style="text-decoration:none;">Word Swag</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://medium.freecodecamp.com/things-i-wish-someone-had-told-me-when-i-was-learning-how-to-code-565fc9dcb329" style="text-decoration:none;">Cecily Carver: Things I Wish Someone Had Told Me When I Was Learning How to Code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Quincy)</span><br /> <a href="http://codeforthekingdom.org/index.html" style="text-decoration:none;">Code for the Kingdom</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://github.com/so-fancy/diff-so-fancy" style="text-decoration:none;">diff-so-fancy</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span></span></p>
Mar 23, 2016
203 JSJ Aurelia with Rob Eisenberg
01:11:07
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Check out </span><a href="https://allremoteconfs.com/react-2016" style="text-decoration:none;">React Remote Conf!</a></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:31 - Rob Eisenberg Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/EisenbergEffect" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/EisenbergEffect" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://robeisenberg.com/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:55 - </span><a href="http://aurelia.io/" style="text-decoration:none;">Aurelia</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://blog.durandal.io/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:43 - Selling People on Aurelia vs Other Frameworks</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">11:09 - Using Aurelia Without Directly Engaging with the API</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Web Components </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">15:10 - Production Usage</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">18:46 - Specific Uses</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:03 - </span><a href="http://durandaljs.com/" style="text-decoration:none;">Durandal</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:26 - Aurelia and Angular 2</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">30:32 - Convention Over Configuration</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">34:56 - Web Components</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Content Projection (Transclusion)</span></span></li> <li><span style="font-size:14px"><a href="https://www.polymer-project.org/" style="text-decoration:none;">Polymer</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">41:13 - One-directional Data Flow; Data Binding</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Using a Binding System as Messaging System</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">46:55 - Routing</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">49:47 - Animation</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">52:56 - Code Size</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">55:06 - Version Support</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">56:27 - Performance </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Tools</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">01:00:20 - Aurelia in ES5</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">01:01:29 - Data Management</span></span></p> <ul> <li><span style="font-size:14px"><a href="http://www.getbreezenow.com/" style="text-decoration:none;">Breeze.js</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Crispy Bacon (Joe)</span></span><br /> <a href="http://www.agentlemansguidebroadway.com/" style="font-size: 14px; line-height: 1.6; text-decoration: none;">A Gentleman&rsquo;s Guide to Love and Murder</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Joe)</span><br /> <a href="https://www.youtube.com/watch?v=txxKx_I39a8" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Jamison Dance: Rethinking All Practices: Building Applications in Elm @ React.js Conf 2016</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Joe)</span><br /> <a href="https://lorn.bandcamp.com/album/vessel" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Vessel | Lorn</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Jamison)</span><br /> <a href="http://pitchfork.com/reviews/albums/19311-hundred-waters-the-moon-rang-like-a-bell/" style="font-size: 14px; line-height: 1.6; text-decoration: none;">The Moon Rang Like a Bell | Hundred Waters</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Jamison)</span><br /> <a href="https://devchat.tv/js-jabber/" style="font-size: 14px; line-height: 1.6; text-decoration: none;">The Top 10 Episodes of JavaScript Jabber</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Chuck)</span><br /> <a href="http://www.amazon.com/Amazon-Prime-One-Year-Membership/dp/B00DBYBNEE" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Amazon Prime</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Chuck)</span><br /> <a href="http://www.nintendo.com/wiiu" style="font-size: 14px; line-height: 1.6; text-decoration: none;">WiiU</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Chuck)</span><br /> <a href="https://www.sketchapp.com/" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Sketch</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Rob)</span><br /> <a href="https://zeplin.io/" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Zeplin</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Rob)</span><br /> <a href="https://github.com/servo/servo" style="font-size: 14px; line-height: 1.6; text-decoration: none;">servo</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px"> (Rob)</span></p>
Mar 16, 2016
202 JSJ DoneJS + CanJS with Justin Meyer
55:55
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Check out and get your tickets for </span><a href="https://allremoteconfs.com/react-2016" style="text-decoration:none;">React Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">! May 11th-13th, 2016.</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:30 - Justin Meyer Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/justinbmeyer" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/justinbmeyer" style="text-decoration:none;">GitHub</a></span></li> <li><span style="font-size:14px"><a href="http://bitovi.com/" style="text-decoration:none;">Bitovi</a></span></li> <li><span style="font-size:14px"><a href="http://www.javascriptmvc.com/" style="text-decoration:none;">JavaScriptMVC</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:02 - </span><a href="https://donejs.com/" style="text-decoration:none;">DoneJS</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and </span><a href="https://canjs.com/" style="text-decoration:none;">CanJS</a></span></p> <ul dir="ltr"> <li><a href="https://twitter.com/DoneJS" style="font-size: 14px; line-height: 1.6; text-decoration: none;">@DoneJS</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px">&nbsp;&nbsp;</span></li> <li><a href="https://twitter.com/CanJS" style="font-size: 14px; line-height: 1.6; text-decoration: none;">@CanJS</a></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">05:44 - Versus </span><a href="https://www.meteor.com/" style="text-decoration:none;">Meteor</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:41 - Versus </span><a href="https://facebook.github.io/react/docs/why-react.html" style="text-decoration:none;">React</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Set Algebra</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:06 - Getting Started with </span><a href="https://donejs.com/" style="text-decoration:none;">DoneJS</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://donejs.com/place-my-order.html" style="text-decoration:none;">donejs.com/place-my-order.html</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">18:04 - Can &lt;=&gt; Done</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel" style="text-decoration:none;">MVVM (Model&ndash;View&ndash;Viewmodel)</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Observables</span></span> <ul> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Pagination</span></span></li> <li><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px">Preventing Loop Issues</span></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:39 - </span><a href="https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller" style="text-decoration:none;">MVC</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> =&gt; MVVM</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">28:24 - </span><a href="https://facebook.github.io/flux/" style="text-decoration:none;">Flux</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> vs MVVM</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">32:20 - Use Cases</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">39:19 - App Size</span></span></p> <ul> <li><span style="font-size:14px"><a href="http://stealjs.com/" style="text-decoration:none;">StealJS</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Beautiful_Eyes" style="text-decoration:none;">Beautiful Eyes Album by Taylor Swift</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://www.theatlantic.com/technology/archive/2015/10/when-amazon-dies/409387/" style="text-decoration:none;">When Amazon Dies</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://protodome.bandcamp.com/" style="text-decoration:none;">PROTODOME</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)<br /> City Libraries (AJ)</span><br /> <a href="http://www.amazon.com/The-Crucible-Doubt-Reflections-Quest/dp/1609079426" style="text-decoration:none;">The Crucible of Doubt: Reflections On the Quest for Faith</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://learnxinyminutes.com/" style="text-decoration:none;">Learn X in Y Minutes</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://whichcatisyourjavascriptframework.com/" style="text-decoration:none;">Which cat is your JavaScript framework?</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://twitter.com/John_Papa/status/701592955933605889" style="text-decoration:none;">@johnpapa Tweet</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://sumome.com/" style="text-decoration:none;">SumoMe</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.getdrip.com/" style="text-decoration:none;">Drip</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://boardgamegeek.com/boardgame/68448/7-wonders" style="text-decoration:none;">7 Wonders</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://boardgamegeek.com/boardgame/24068/shadow-hunters" style="text-decoration:none;">Shadow Hunters</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.amazon.com/Calamity-The-Reckoners-Brandon-Sanderson/dp/0385743602" style="text-decoration:none;">Calamity (The Reckoners) by Brandon Sanderson</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.amazon.com/Staked-Iron-Druid-Chronicles-Eight-ebook/dp/B00VOYGYNS" style="text-decoration:none;">Staked (The Iron Druid Chronicles) by Kevin Hearne</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://store.sphero.com/products/bb-8-by-sphero?gclid=CjwKEAiAo7C2BRDgqODGq5r38DsSJAAv7dTPQnm672Mmhf5WbpLoBz4nOG45gFthZDZvD6cuuj3A5hoCBVjw_wcB" style="text-decoration:none;">BB-8&trade; by Sphero</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Justin)</span><br /> <a href="https://www.goodreads.com/series/40461-hyperion-cantos" style="text-decoration:none;">Hyperion Cantos Series</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Justin)</span><br /> <a href="http://www.meetup.com/UtahJS/" style="text-decoration:none;">UtahJS</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Justin)</span></span></p>
Mar 09, 2016
201 JSJ Security with Troy Hunt
01:07:26
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:32 - Troy Hunt Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/troyhunt" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/troyhunt" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://www.troyhunt.com/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="https://www.pluralsight.com/authors/troy-hunt" style="text-decoration:none;">Troy Hunt&#39;s Pluralsight Courses</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:12 - Why should people care about security?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">06:19 - When People/Businesses Get Hacked</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:47 - &ldquo;Hacking&rdquo;</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Social_engineering_(security)" style="text-decoration:none;">Social Engineering</a></span> <ul> <li><span style="font-size:14px"><a href="http://beefproject.com/" style="text-decoration:none;">BeEF</a></span></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">11:42 - Inventive &ldquo;Hacks&rdquo;</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/SQL_injection" style="text-decoration:none;">SQL Injection</a></span> <ul> <li><span style="font-size:14px"><a href="http://sqlmap.org/" style="text-decoration:none;">sqlmap</a></span></li> </ul> </li> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Stuxnet" style="text-decoration:none;">Stuxnet</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">13:24 - Motivation for Hacking/Can hacking be valuable?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">17:08 - Consequences and Retribution</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:10 - How to Build Secure Applications</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:47 - Weighing in UX</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">22:50 - Common Misconceptions</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Password Storage</span></span> <ul> <li><span style="font-size:14px"><a href="http://hashcat.net/" style="text-decoration:none;">hashcat</a></span></li> </ul> </li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Encoding</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Cookies</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">31:27 - Passwords (Cont&rsquo;d)</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:16 - Justifying the Importance of Security</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:24 - Client-side Security</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Cross-site_scripting" style="text-decoration:none;">Cross-side Scripting</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">DOM Based Cross-side Scripting</span></span> <ul> <li><span style="font-size:14px"><a href="https://developer.mozilla.org/en-US/docs/Web/Security/CSP" style="text-decoration:none;">Content Security Policy (CSP)</a></span></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">44:10 - Resources</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.pluralsight.com/courses/angularjs-security-fundamentals" style="text-decoration:none;">AngularJS Security Fundamentals</a></span></li> <li><span style="font-size:14px"><a href="https://www.pluralsight.com/courses/hack-yourself-first" style="text-decoration:none;">Hack Yourself First </a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">45:27 - Routing</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">47:21 - Timeouts</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">51:36 - Cached Data</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://github.com/enaqx/awesome-react" style="text-decoration:none;">awesome-react</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://en.wikiquote.org/wiki/Edsger_W._Dijkstra" style="text-decoration:none;">Edsger W. Dijkstra Quotes</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://samnewman.io/blog/2016/02/10/telstra_outage/" style="text-decoration:none;">Sam Newman: Telstra, Human Error and Blame Culture</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.amazon.com/Infinite-Jest-David-Foster-Wallace/dp/0316066524" style="text-decoration:none;">Infinite Jest by David Foster Wallace</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://boardgamegeek.com/boardgame/146508/time-stories" style="text-decoration:none;">T.I.M.E Stories</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.amazon.com/We-Are-Anonymous-LulzSec-Insurgency/dp/0316213527" style="text-decoration:none;">We Are Anonymous: Inside the Hacker World of LulzSec, Anonymous, and the Global Cyber Insurgency Paperback by Parmy Olson</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Troy)</span><br /> <a href="https://haveibeenpwned.com/" style="text-decoration:none;">The Have I been pwned Project</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Troy)</span></span></p>
Mar 02, 2016
200 JSJ EPISODE 200!!!
01:00:22
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:52 - What&rsquo;s up Merrick Christensen?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/iammerrick" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/iammerrick" style="text-decoration:none;">GitHub</a></span></li> <li><span style="font-size:14px"><a href="http://merrickchristensen.com/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:43 - Favorite Episodes</span></span></p> <ul dir="ltr"> <li><a href="https://devchat.tv/js-jabber/124-jsj-the-origin-of-javascript-with-brendan-eich" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Episode #124: The Origin of Javascript with Brendan Eich</a></li> <li><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/047-jsj-specialized-vs-monolithic-with-james-halliday-and-tom-dale" style="text-decoration:none;">Episode #037: Specialized vs Monolithic with James Halliday and Tom Dale</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">&nbsp;&nbsp;</span></span></li> <li><a href="https://devchat.tv/js-jabber/071-jsj-javascript-strategies-at-microsoft-with-scott-hanselman" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Episode #071: JavaScript Strategies at Microsoft with Scott Hanselman</a></li> <li><a href="https://devchat.tv/js-jabber/044-jsj-book-club-effective-javascript-with-david-herman" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Episode #044: Book Club: Effective JavaScript with David Herman</a></li> <li><a href="https://devchat.tv/js-jabber/161-jsj-rust-with-david-herman" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Episode #161: Rust with David Herman</a></li> <li><a href="https://devchat.tv/js-jabber/008-jsj-v8-and-dart-with-lars-bak-and-kaspar-lund" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Episode #008: V8 and Dart with Lars Bak and Kasper Lund</a></li> <li><a href="https://devchat.tv/js-jabber/175-jsj-elm-with-evan-czaplicki-and-richard-feldman" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Episode #175: Elm with Evan Czaplicki and Richard Feldman</a> <ul> <li><a href="https://devchat.tv/ruby-rogues/212-rr-elm-with-richard-feldman-and-evan-czaplicki" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Ruby Rogues Episode #212: Elm with Richard Feldman and Evan Czaplicki</a></li> </ul> </li> <li><a href="https://devchat.tv/adventures-in-angular/080-aia-aurelia-with-rob-eisenberg" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Adventures in Angular Episode #80: Aurelia with Rob Eisenberg</a></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:58 - How have ideas about JavaScript changed since being a panelist on the show?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://stackoverflow.com/questions/16269385/jquery-adding-2-numbers-from-input-fields" style="text-decoration:none;">jQuery adding 2 numbers from input fields</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">15:01 - Off the Air Experiences &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:23 - Work/Job Changes</span></span></p> <ul dir="ltr"> <li><a href="https://www.kuali.co/" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Kuali</a></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:54 - JS Jabber = Newbie-Friendly</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">24:58 - Work/Job Changes (Cont&rsquo;d)</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://daplie.com/" style="text-decoration:none;">Daplie</a></span></li> <li><span style="font-size:14px"><a href="https://allremoteconfs.com/" style="text-decoration:none;">All Remote Conferences</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:25 - Organizing Conferences and Name Recognition </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=m3jMWnrbUZA" style="text-decoration:none;">Dave Smith: How React literally waters my lawn from React Rally</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">40:55 - Spinoff Shows</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://devchat.tv/adventures-in-angular" style="text-decoration:none;">Adventures in Angular</a></span></li> <li><span style="font-size:14px"><a href="https://devchat.tv/web-security-warriors" style="text-decoration:none;">Web Security Warriors</a></span></li> <li><span style="font-size:14px"><a href="https://devchat.tv/react-native-radio" style="text-decoration:none;">React Native Radio</a></span></li> <li><span style="font-size:14px"><a href="http://javascriptair.com/" style="text-decoration:none;">JavaScript Air</a></span></li> <li><span style="font-size:14px"><a href="https://angularair.com/" style="text-decoration:none;">Angular Air</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">45:08 - Podcast Administration and Organization; Episode Release Timeline</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.twitter.com/therubyrep" style="text-decoration:none;">Mandy</a></span></li> <li><span style="font-size:14px"><a href="https://www.upwork.com/" style="text-decoration:none;">Upwork</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/" style="text-decoration:none;">JavaScript Jabber</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://shop.pottermore.com/en_US/harry-potter-audio-books" style="text-decoration:none;">The Harry Potter Audiobooks</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://brandonsanderson.com/tag/calamity/" style="text-decoration:none;">Calamity by Brandon Sanderson</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://angularconnect.com/" style="text-decoration:none;">AngularConnect</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.nytimes.com/2016/02/12/science/ligo-gravitational-waves-black-holes-einstein.html?smprod=nytcore-iphone&amp;smid=nytcore-iphone-share&amp;_r=0" style="text-decoration:none;">Dennis Overbye: Gravitational Waves Detected, Confirming Einstein&rsquo;s Theory</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://amzn.to/20Yfu62" style="text-decoration:none;">The God Who Weeps: How Mormonism Makes Sense of Life by Terryl Givens</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://jvns.ca/blog/2016/02/10/have-high-expectations-for-computers/" style="text-decoration:none;">Julia Evans: Have high expectations for your computers</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://github.com/blog/2106-january-28th-incident-report" style="text-decoration:none;">January 28th GitHub Incident Report</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://medium.com/@denz_brade/front-end-dev-running-before-you-can-walk-d78a528915b#.enpowa5gp" style="text-decoration:none;">Denzel Brade: Front End Dev &mdash; Running before you can walk</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.amazon.com/Captivating-Revised-Updated-Unveiling-Mystery/dp/1400200385" style="text-decoration:none;">Captivating Revised and Updated: Unveiling the Mystery of a Woman&#39;s Soul by John Eldredge and Stasi Eldredge</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://github.com/drone/drone" style="text-decoration:none;">drone</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Merrick)</span><br /> <a href="http://haskellbook.com/" style="text-decoration:none;">Haskell Book</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Merrick)</span><br /> <a href="http://www.amazon.com/Amazon-Prime-One-Year-Membership/dp/B00DBYBNEE" style="text-decoration:none;">Amazon Prime</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.amazon.com/gp/product/B00OZJ8YMS?psc=1&amp;redirect=true&amp;ref_=oh_aui_detailpage_o04_s00" style="text-decoration:none;">nexxt Maine Wall Shelf/Floating Ledge</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)<br /> Read the presidential candidate&rsquo;s books (Chuck) </span></span></p>
Feb 24, 2016
199 JSJ Visual Studio Code with Chris Dias and Erich Gamma
01:00:47
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Check out </span><a href="https://allremoteconfs.com/" style="text-decoration:none;">allremoteconfs.com</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> to get in on all the conference action this year -- from the comfort of your own home!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:13 - Chris Dias Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/chrisdias" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/chrisdias" style="text-decoration:none;">GitHub</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:21 - Erich Gamma Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/ErichGamma" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/egamma" style="text-decoration:none;">GitHub</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:31 - </span><a href="https://code.visualstudio.com/" style="text-decoration:none;">Visual Studio Code</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/code" style="text-decoration:none;">@code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:49 - Built on </span><a href="http://electron.atom.io/" style="text-decoration:none;">Electron</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/193-jsj-electron-with-jessica-lord-and-amy-palamountain" style="text-decoration:none;">JavaScript Jabber Episode #193: Electron with Jessica Lord and Amy Palamountain</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:25 - Why another tool?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Visual Debugging</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Keybinding Support</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:12 - Code Folding</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:00 - Will people move from </span><a href="https://www.visualstudio.com/en-us/visual-studio-homepage-vs.aspx" style="text-decoration:none;">Visual Studio</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> to Visual Studio Code?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:06 - Language Support</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/C_Sharp_(programming_language)" style="text-decoration:none;">C#</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">18:06 - Visual Studio Code and Microsoft Goals</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">22:47 - Community Support and Building Extensions</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">28:31 - The Choice to Use Electron</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">32:41 - Getting VS Code to Work on the Command Line</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:02 - Tabs</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">38:49 - Visual Studio Code Uptake and Adoption</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">40:11 - Licenses</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">44:46 - Designing a UX for Developers</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">58:15 - Design Patterns</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=i0IJqIzO_YM" style="text-decoration:none;">LEGO Star Wars: The Force Awakens Video Game - Announce Teaser Trailer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.firebase.com" style="text-decoration:none;">Firebase</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://github.com/npm/npm/issues/11283#issuecomment-175246823" style="text-decoration:none;">Progress bar noticeably slows down npm install: Issue #11283</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.darkestdungeon.com/" style="text-decoration:none;">Darkest Dungeon</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://twitter.com/trek/status/692116840940716032" style="text-decoration:none;">Trek Glowacki Twitter Thread</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://smile.amazon.com/gp/product/B00KQ1M1XM/ref=oh_aui_detailpage_o06_s00?ie=UTF8&amp;psc=1" style="text-decoration:none;">Mogo Portable Seat</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://smile.amazon.com/gp/product/B017MPK6SG/ref=oh_aui_detailpage_o04_s00?ie=UTF8&amp;psc=1" style="text-decoration:none;">Clear Acrylic Wall Mountable 10 Slot Dry Erase Marker &amp; Eraser Holder Organizer Rack</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://pdos.csail.mit.edu/~rsc/pike84bitblt.pdf" style="text-decoration:none;">Bitmap Graphics SIGGRAPH&#39;84 Course Notes</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Erich)<br /> Salsa (Chris)</span><br /> <a href="https://www.microsoft.com/Microsoft-Band/en-us?}&amp;ocid=NEON_SEM_google_&amp;cid=NEON_SEM_google" style="text-decoration:none;">The Microsoft Band</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chris)</span><br /> <a href="https://en.wikipedia.org/wiki/Making_a_Murderer" style="text-decoration:none;">Making a Murderer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chris)</span></span></p>
Feb 17, 2016
198 JSJ 2015 Recap and 2016 Predictions
59:47
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:36 - Big Changes in the JavaScript Community in 2015</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Star Wars (Joke)</span></span> <ul> <li><a href="https://code.org/starwars" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Star Wars | Code.org</a></li> <li><a href="https://swapi.co/" style="font-size: 14px; line-height: 1.6; text-decoration: none;">The Star Wars API</a></li> </ul> </li> <li><span style="font-size:14px"><a href="https://facebook.github.io/react/" style="text-decoration:none;">The Year of React</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Merge Between </span><a href="https://nodejs.org/" style="text-decoration:none;">Node.js</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and </span><a href="https://iojs.org/" style="text-decoration:none;">io.js</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">The Year of Tool Fatigue</span></span> <ul> <li><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/194-jsj-javascript-tools-fatigue" style="text-decoration:none;">JavaScript Jabber Episode #194: JavaScript Tools Fatigue</a></span></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:38 - Other Uses of JavaScript</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://facebook.github.io/react-native/" style="text-decoration:none;">React Native</a></span></li> <li><span style="font-size:14px"><a href="https://www.nativescript.org/" style="text-decoration:none;">NativeScript</a></span></li> <li><span style="font-size:14px"><a href="http://electron.atom.io/" style="text-decoration:none;">Electron</a></span></li> <li><span style="font-size:14px"><a href="https://cordova.apache.org/" style="text-decoration:none;">Cordova</a></span></li> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Internet_of_Things" style="text-decoration:none;">iOT (Internet of Things)</a></span></li> <li><span style="font-size:14px"><a href="http://elm-lang.org/" style="text-decoration:none;">Elm</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:56 - </span><a href="https://en.wikipedia.org/wiki/Functional_programming" style="text-decoration:none;">Functional Programming</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:16 - </span><a href="http://elm-lang.org/" style="text-decoration:none;">Elm</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> / </span><a href="https://github.com/rackt/redux" style="text-decoration:none;">redux</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">22:40 - </span><a href="https://github.com/Reactive-Extensions/RxJS" style="text-decoration:none;">RxJS</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and </span><a href="https://en.wikipedia.org/wiki/Reactive_programming" style="text-decoration:none;">Reactive Programming</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://victorsavkin.com/post/137821436516/managing-state-in-angular-2-applications" style="text-decoration:none;">Victor Savkin: Managing State in Angular 2 Applications</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:00 - ES2015</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:43 - Types: </span><a href="http://www.typescriptlang.org/" style="text-decoration:none;">TypeScript</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> / </span><a href="http://flowtype.org/" style="text-decoration:none;">Flow</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">30:59 - </span><a href="https://www.npmjs.com/" style="text-decoration:none;">npm</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:00 - Junior Developers and Bootcamps</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.thinkful.com/" style="text-decoration:none;">Thinkful</a></span></li> <li><span style="font-size:14px"><a href="http://bloc.io" style="text-decoration:none;">Bloc</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">47:27 - Will other communities start looking at Node?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">49:18 - Building Mobile Apps with JavaScript</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">50:09 - Text Editors or IDEs?</span></span></p> <ul> <li><span style="font-size:14px"><a href="https://code.visualstudio.com/" style="text-decoration:none;">Visual Studio Code</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://victorsavkin.com/post/137821436516/managing-state-in-angular-2-applications" style="text-decoration:none;">Victor Savkin: Managing State in Angular 2 Applications</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://store.steampowered.com/app/281610/" style="text-decoration:none;">Desserts of Kharak</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://boardgamegeek.com/boardgame/181796/prodigals-club" style="text-decoration:none;">The Prodigals Club</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://astexplorer.net/" style="text-decoration:none;">AST explorer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://twitter.com/chyldmedford" style="text-decoration:none;">Chyld Medford</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://digitalcookie.girlscouts.org/scout/mazie7271/" style="text-decoration:none;">Mazie&#39;s Girl Scout Cookie Digital Order Site</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.amazon.com/gp/product/B00KQ1M1XM?psc=1&amp;redirect=true&amp;ref_=oh_aui_detailpage_o05_s00" style="text-decoration:none;">Mogo Portable Seat</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.smartpassiveincome.com/how-to-write-a-book-fast-first-draft/" style="text-decoration:none;">Patt Flynn: How to Write a Book: The Secret to a Super Fast First Draft</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://allremoteconfs.com/react-2016" style="text-decoration:none;">React Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck) </span></span></p>
Feb 10, 2016
197 JSJ Auth0 with Kassandra Perch
40:58
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:03 - Kassandra Perch Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/nodebotanist" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/nodebotanist" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://nodebotani.st/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:46 - </span><a href="https://auth0.com/" style="text-decoration:none;">Auth0</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:10 - Centralized Auth Services: Handing Out User Data to Third Parties</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">05:32 - Security, Storage, and Compliance</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:48 - Managing Session Data</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:35 - </span><a href="https://en.wikipedia.org/wiki/HTTP_cookie" style="text-decoration:none;">Cookies</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> vs </span><a href="https://jwt.io/introduction/" style="text-decoration:none;">JSON Web Tokens (JWTs)</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">How Authentication Works</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:47 - </span><a href="http://oauth.net/" style="text-decoration:none;">OAuth</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://openid.net/connect/" style="text-decoration:none;">OpenID Connect</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">14:12 - Identification, Authorization, and Authentication</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:16 - Auth0 Infrastructure</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/Netflix/SimianArmy/wiki/Chaos-Monkey" style="text-decoration:none;">Chaos Monkey</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">22:10 - Using </span><a href="https://nodejs.org/" style="text-decoration:none;">Node</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:06 - The Backend</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.firebase.com/" style="text-decoration:none;">Firebase</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">24:25 - Documentation and Education</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">36:42 - The Value of </span><a href="http://openid.net/connect/" style="text-decoration:none;">OpenID Connect</a></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">38:25 - Identity</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://twitter.com/coolaj86/status/684584569819938816" style="text-decoration:none;">Add AJ on Tri-Force Heroes</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://www.netflix.com/title/80000770" style="text-decoration:none;">Making a Murderer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://digitalcookie.girlscouts.org/scout/mazie7271" style="text-decoration:none;">Mazie&#39;s Girl Scout Digital Cookie Site</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://frontendmasters.com/courses/react/" style="text-decoration:none;">React (with Introduction to Flux Architecture)</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://medium.com/friendship-dot-js/let-s-make-a-webpage-in-2016-55a673ac791c#.l1hl32cp7" style="text-decoration:none;">Jordan Scales: Let&rsquo;s Make A Webpage In 2016</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://github.com/jed/building-brooklynjs" style="text-decoration:none;">building-brooklynjs</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://cultofthepartyparrot.com/" style="text-decoration:none;">Cult of the Party Parrot</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://css-tricks.com/" style="text-decoration:none;">CSS-Tricks</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://auth0.com/docs" style="text-decoration:none;">Auth0 Docs</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Kassandra)</span><br /> <a href="https://openid.net" style="text-decoration:none;">OpenID Foundation</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Kassandra)</span><br /> <a href="http://marioandluigipaperjam.nintendo.com/" style="text-decoration:none;">Mario &amp; Luigi: Paper Jam</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Kassandra)</span></span></p>
Feb 03, 2016
196 JSJ Tabris.js with Jochen Krause and Ian Bull
01:08:13
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Check out </span><a href="https://allremoteconfs.com/freelance-2016" style="text-decoration:none;">Freelance Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and </span><a href="https://allremoteconfs.com/react-2016" style="text-decoration:none;">React Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:31 - Jochen Krause Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/jochen_krause" style="text-decoration:none;">Twitter</a></span></li> <li><span style="font-size:14px"><a href="http://eclipsesource.com/" style="text-decoration:none;">EclipseSource</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:21 - Ian Bull Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/irbull" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/irbull" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://eclipsesource.com/blogs/author/irbull/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:01 - </span><a href="https://tabrisjs.com/" style="text-decoration:none;">Tabris.js</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/eclipsesource/tabris-js/" style="text-decoration:none;">tabris-js (GitHub)</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:48 - Tabris vs </span><a href="https://facebook.github.io/react/" style="text-decoration:none;">React</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">, </span><a href="https://cordova.apache.org/" style="text-decoration:none;">Cordova</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">, and </span><a href="https://facebook.github.io/react-native/" style="text-decoration:none;">React Native</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Exposing Bluetooth Functionality</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:25 - Benefits/Advantages of Using Tabris</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/eclipsesource/j2v8" style="text-decoration:none;">j2v8</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:45 - Creating Panels and Flows</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">14:26 - Getting Started Experience</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">16:40 - Handling Updates; Live Updating</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://itunes.apple.com/us/app/tabris.js/id939600018?mt=8" style="text-decoration:none;">The Tabris.js Developer App</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Will Apple eventually ever have to give in?</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:15 - Views (Declarative and Imperative UI)</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.sencha.com/products/extjs/" style="text-decoration:none;">Ext JS</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">29:09 - &quot;Write once, run anywhere.&quot; vs &quot;Learn once write anywhere.&quot;</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:21 - Why have other projects failed or not failed?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://xamarin.com/" style="text-decoration:none;">Xamarin</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">39:41 - What does it mean to be statically compiled?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">40:44 - Styling: Creating a Middle Group that Looks and Feels Good (iOS vs Android)</span></span></p> <ul dir="ltr"> <li><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14px">Cross-platform Logic and Ecosystems</span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">47:51 - ES6 Implications</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">49:29 - Plugins</span></span></p> <ul> <li><span style="font-size:14px"><a href="https://cocoapods.org/" style="text-decoration:none;">CocoaPods</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and Widgets&#39;</span></span></li> </ul> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://www.youtube.com/playlist?list=PLZaEVINf2Bq9C2iSzw1_w2kwz6NU-2EbL" style="text-decoration:none;">Star Wars Essentials</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://www.imdb.com/title/tt2488496/" style="text-decoration:none;">Star Wars: The Force Awakens</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://www.amazon.com/gp/product/0544668251/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0544668251&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=IF35Z5OAJDXIEODG" style="text-decoration:none;">Thing Explainer: Complicated Stuff in Simple Words by Randall Munroe</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://angularclass.com/making-a-mini-lisp-introduction-to-transpilers/" style="text-decoration:none;">James Edwards: Making a Mini-Lisp: Introduction to Transpilers</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://en.wikipedia.org/wiki/Nick_Saban" style="text-decoration:none;">Nick Saban</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.borrett.id.au/computing/petals-bg.htm" style="text-decoration:none;">Lloyd Borrett: Bill Gates and Petals Around the Rose</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://danluu.com/wat/" style="text-decoration:none;">Dan Luu: Normalization of Deviance in Software: How Completely Broken Practices Become Normal</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://speakerdeck.com/craigstuntz/programs-that-write-programs-how-compilers-work" style="text-decoration:none;">Craig Stuntz: Programs that Write Programs: How Compilers Work</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://www.microsoft.com/" style="text-decoration:none;">Microsoft</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://en.wikipedia.org/wiki/Tina_Fey" style="text-decoration:none;">Tina Fey</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="http://blog.thoughtram.io/" style="text-decoration:none;">thoughtram Blog</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://twitter.com/PascalPrecht" style="text-decoration:none;">Pascal Precht</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://www.cesweb.org/" style="text-decoration:none;">CES</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://themodernteam.com/" style="text-decoration:none;">The Modern Team</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Ian)</span><br /> <a href="https://ericelliottjs.com/" style="text-decoration:none;">Eric Elliott</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Ian)</span><br /> <a href="http://www.amazon.com/gp/product/0374533555/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0374533555&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=ATDN3KW4CU2IZG4F" style="text-decoration:none;">Thinking, Fast and Slow by Daniel Kahneman</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jochen)</span></span></p>
Jan 27, 2016
195 JSJ Rollup.js with Rich Harris and Oskar Segersvärd
01:04:56
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:17 - Rich Harris Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/Rich_Harris" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/Rich-Harris" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/Rich-Harris" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="http://www.theguardian.com/" style="text-decoration:none;">The Guardian</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:34 - Oskar Segersv&auml;rd Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/victorystick" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/Victorystick" style="text-decoration:none;">GitHub</a></span></li> <li><span style="font-size:14px"><a href="http://www.widespace.com/" style="text-decoration:none;">Widespace</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:50 - </span><a href="http://rollupjs.org/" style="text-decoration:none;">rollup.js</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.npmjs.com/package/rollup" style="text-decoration:none;">rollup - npm </a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:47 - Caveats and Fundamental Differences Between </span><a href="http://requirejs.org/docs/commonjs.html" style="text-decoration:none;">CommonJS</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and AMD Modules and ES6 Modules</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://lodash.com/" style="text-decoration:none;">lodash</a></span></li> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Static_program_analysis" style="text-decoration:none;">Static Analysis</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">11:26 - Where rollup.js Fits in the Ecosystem</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Bundler vs Loader</span></span> <ul> <li><span style="font-size:14px"><a href="https://github.com/systemjs/systemjs" style="text-decoration:none;">systemjs</a></span></li> <li><span style="font-size:14px"><a href="http://jspm.io/" style="text-decoration:none;">jspm</a></span></li> </ul> </li> <li><span style="font-size:14px"><a href="https://webpack.github.io/" style="text-decoration:none;">webpack</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">17:40 - Input Modules</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">18:35 - Why Focus on Bundling Tools vs </span><a href="https://http2.github.io/" style="text-decoration:none;">HTTP/2</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:13 - </span><a href="https://medium.com/@Rich_Harris/tree-shaking-versus-dead-code-elimination-d3765df85c80#.7cj42jev5" style="text-decoration:none;">Tree-shaking versus dead code elimination</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:53 - ES6/ES2016 Support</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:36 - Other Important Optimizations</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">32:11 - </span><a href="https://medium.com/@Rich_Harris/small-modules-it-s-not-quite-that-simple-3ca532d65de4#.2sju6uump" style="text-decoration:none;">Small modules: it&rsquo;s not quite that simple</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://threejs.org/" style="text-decoration:none;">three.js</a></span></li> </ul> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">41:54 - </span><a href="https://github.com/jsforum/jsforum/issues/5" style="text-decoration:none;">jsnext:main &ndash; should we use it, and what for?</a></span></p> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://www.imdb.com/title/tt1235547/" style="text-decoration:none;">Better Off Ted</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.imdb.com/title/tt2191671/" style="text-decoration:none;">Elementary</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://devchat.tv/ruby-rogues/137-rr-book-club-functional-programming-for-the-object-oriented-programmer-with-brian-marick" style="text-decoration:none;">Ruby Rogues Episode #137: Book Club - Functional Programming for the Object-Oriented Programmer with Brian Marick</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://devchat.tv/ruby-rogues/115-rr-functional-and-object-oriented-programming-with-jessica-kerr" style="text-decoration:none;">Ruby Rogues Episode #115: Functional and Object Oriented Programming with Jessica Kerr</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://devchat.tv/ruby-rogues/065-rr-functional-vs-object-oriented-programming-with-michael-feathers" style="text-decoration:none;">Ruby Rogues Episode #65: Functional vs Object Oriented Programming with Michael Feathers</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://operationcode.org/" style="text-decoration:none;">Operation Code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)<br /> Google Define Function (Dave)</span><br /> <a href="http://www.hanselman.com/blog/DarkMatterDevelopersTheUnseen99.aspx" style="text-decoration:none;">Scott Hanselman: Dark Matter Developers: The Unseen 99%</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="http://www.myfitnesspal.com/" style="text-decoration:none;">MyFitnessPal</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.nike.com/us/en_us/c/running/nikeplus/gps-app" style="text-decoration:none;">Nike+ Running</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://itunes.apple.com/us/app/10k-trainer-free-couch-to/id511600311?mt=8" style="text-decoration:none;">Couch to 10k</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://aftershokz.com/products/bluez-2" style="text-decoration:none;">Aftershokz Bluez 2 Headphones</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.pebble.com/pebble-time-steel-smartwatch-features" style="text-decoration:none;">Pebble Time Steel</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)<br /> Climbing (Rich)</span><br /> <a href="http://thecodelesscode.com/contents" style="text-decoration:none;">The Codeless Code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Rich)</span><br /> <a href="http://www.starwars.com/" style="text-decoration:none;">Star Wars</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Rich)</span><br /> <a href="http://idlewords.com/talks/website_obesity.htm" style="text-decoration:none;">The Website Obesity Crisis</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Oskar)</span></span></p>
Jan 20, 2016
194 JSJ JavaScript Tools Fatigue
01:06:12
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><a href="https://allremoteconfs.com/js-2016" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> starts tomorrow! Get your ticket TODAY!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:59 - JavaScript Tools Fatigue</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Catalyst: </span><a href="https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4#.xi3m23510" style="text-decoration:none;">Eric Clemmons: Javascript Fatigue</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Some Twitter Opinions and Perspectives:</span></span> <ul> <li><span style="font-size:14px"><a href="https://twitter.com/ryanflorence/status/681551709089353728" style="line-height: 1.6; text-decoration: none;">Ryan Florence</a></span></li> <li><span style="font-size:14px"><a href="https://twitter.com/mjackson/status/681552071506571264" style="line-height: 1.6; text-decoration: none;">Michael Jackson</a></span></li> <li><span style="font-size:14px"><a href="https://twitter.com/jergason/status/680906153266528256" style="line-height: 1.6; text-decoration: none;">Jamison</a></span></li> <li><a href="https://twitter.com/Vjeux/status/681138862203121665"><span style="font-size:14px">Vjeux</span></a></li> <li><span style="font-size:14px"><a href="https://twitter.com/sebmck/status/681550558650568704" style="line-height: 1.6; text-decoration: none;">Sebastian McKenzie</a></span></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:25 - Are popular technologies ahead of public consumability?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/ryanflorence/status/681709152956096512" style="text-decoration:none;">Ryan Florence Tweet</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:53 - Adopting New Things / Churn Burnout</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">18:02 - Non-JavaScript Developers and Team Adoption</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">30:49 - Is this the result of a crowdsourced design effort?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:44 - Human Interactions</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">45:00 - Tools</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">47:03 - How many/which of these tools do I need to learn?</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://jvns.ca/blog/2015/11/22/how-i-got-better-at-debugging/" style="text-decoration:none;">Julie Evans: How to Get Better at Debugging</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://www.youtube.com/watch?v=o9c3U5_8tGY" style="text-decoration:none;">Totally Tooling Tips: Debugging Promises with DevTools</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.imdb.com/title/tt5189670/" style="text-decoration:none;">Making a Murderer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://slatestarcodex.com/2014/09/30/i-can-tolerate-anything-except-the-outgroup/" style="text-decoration:none;">Scott Alexander: I Can Tolerate Anything Except the Outgroup</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://twitter.com/SciencePorn" style="text-decoration:none;">@SciencePorn</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://github.com/postcss/postcss" style="text-decoration:none;">postcss</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://medium.com/@housecor/the-illogical-allure-of-extremes-509254c6fefb#.jao29ugnn" style="text-decoration:none;">Cory House: The Illogical Allure of Extremes</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://kerrygoldusa.com/" style="text-decoration:none;">Kerrygold Natural Irish Butter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.starwars.com/" style="text-decoration:none;">Star Wars</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://twitter.com/iammerrick" style="text-decoration:none;">@iammerrick</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://vimeo.com/9270320" style="text-decoration:none;">Greg Wilson: What We Actually Know About Software Development, and Why We Believe It&#39;s True</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)<br /> The U.S. Military (Joe)</span><br /> <a href="https://operationcode.org/" style="text-decoration:none;">Operation Code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://devchat.tv/ruby-rogues/184-rr-what-we-actually-know-about-software-development-and-why-we-believe-it-s-true-with-greg-wilson-and-andreas-stefik" style="text-decoration:none;">Ruby Rogues Episode #184: What We Actually Know About Software Development and Why We Believe It&#39;s True with Greg Wilson and Andreas Stefik</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://serialpodcast.org/" style="text-decoration:none;">Serial Podcast</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span></span></p>
Jan 13, 2016
193 JSJ Electron with Jessica Lord and Amy Palamountain
53:09
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Get your </span><a href="https://allremoteconfs.com/js-2016" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> tickets!</span><br /> <br /> <a href="https://allremoteconfs.com/freelance-2016" style="text-decoration:none;">Freelance&rsquo; Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">&rsquo;s schedule is shaping up! Head over here to check it out!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:17 - Jessica Lord Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/jllord" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/jlord" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://jlord.us/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:40 - Amy Palamountain Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/ammeep" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/ammeep" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://amy.palamounta.in/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:14 - </span><a href="http://electron.atom.io/" style="text-decoration:none;">Electron</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://atom.io/" style="text-decoration:none;">Atom</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:55 - Cross-platform Compatibility</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">05:55 - Electron/Atom + GitHub</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:16 - Electron/Atom + </span><a href="https://facebook.github.io/react/" style="text-decoration:none;">React</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> ?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:57 - Use Cases for Electron</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/muan/mojibar" style="text-decoration:none;">muan/mojibar</a></span></li> <li><span style="font-size:14px"><a href="https://github.com/mafintosh/playback" style="text-decoration:none;">mafintosh/playback</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://www.npmjs.com/package/npm-scripts-gui" style="text-decoration:none;">npm-scripts-gui</a></span></li> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=OHOPSvTltPI" style="text-decoration:none;">Amy Palamountain: Building native applications with Electron @ Nordic.js 2015</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">15:09 - Creating Electron Apps on Phones</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">17:25 - Running a Service Inside of Electron &nbsp;</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://code.visualstudio.com/" style="text-decoration:none;">Visual Studio Code</a></span></li> <li><a href="https://devchat.tv/adventures-in-angular/044-aia-visual-studio-code-with-erich-gamma-and-chris-dias" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Adventures in Angular Episode #44: Visual Studio Code with Erich Gamma and Chris Dias</a></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:46 - Making an Electron App</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://photonkit.com/" style="text-decoration:none;">Photon</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/connors/photon" style="text-decoration:none;">conors/photon</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://photonkit.com/components/" style="text-decoration:none;">Photon Components</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://www.nylas.com/n1" style="text-decoration:none;">N1</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">24:09 - Sharing Code</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:40 - Plugins for Functionality</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/ammeep/electron-accelerator" style="text-decoration:none;">electron-accelerator</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/maxogden/electron-packager" style="text-decoration:none;">electron-packager</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/mafintosh/electron-prebuilt" style="text-decoration:none;">electron-prebuilt</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">31:08 - Keeping Up-to-date/Adding Features</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:14 - Pain Points</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.nuget.org/" style="text-decoration:none;">NuGet</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">36:22 - Using Electron for Native</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/186-jsj-nativescript-with-tj-vantoll-and-burke-holland" style="text-decoration:none;">JavaScript Jabber Episode #186: JSJ NativeScript with TJ VanToll and Burke Holland</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://phonegap.com/" style="text-decoration:none;">PhoneGap</a></span></li> <li><span style="font-size:14px"><a href="https://facebook.github.io/react-native/" style="text-decoration:none;">Reactive Native</a></span></li> <li><span style="font-size:14px"><a href="https://www.nativescript.org/" style="text-decoration:none;">NativeScript</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">39:48 - What is a &ldquo;</span><a href="http://www.stevesouders.com/blog/2014/10/09/do-u-webview/" style="text-decoration:none;">webview</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">&rdquo;?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">42:12 - Getting Started with Electron</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">43:28 - Robotics/Hardware Hacking with Electron</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.jibo.com/" style="text-decoration:none;">JIBO</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=l1N4AF9JJBA" style="text-decoration:none;">Autolux - Future Perfect</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://zachholman.com/talk/move-fast-break-nothing/" style="text-decoration:none;">Move Fast and Break Nothing</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://egghead.io/series/getting-started-with-redux" style="text-decoration:none;">[egghead.io] Getting Started with Redux</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="http://www.2ality.com/2015/01/es6-destructuring.html" style="text-decoration:none;">Destructuring and parameter handling in ECMAScript 6</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="http://jsremoteconf.com" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://allremoteconfs.com/freelance-2016" style="text-decoration:none;">Freelance Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://allremoteconfs.com/react-2016" style="text-decoration:none;">React Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.pebble.com/pebble-time-steel-smartwatch-features" style="text-decoration:none;">Pebble Time Steel</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.etsy.com/shop/UglyBaby" style="text-decoration:none;">UglyBaby Etsy Shop</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Amy)</span><br /> <a href="https://www.youtube.com/watch?v=0p1Iv9z8bOY" style="text-decoration:none;">Jimmy Fallon: Kid Theater with Tom Hanks</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jessica)</span></span></p> <div>&nbsp;</div> <p>&nbsp;</p>
Jan 06, 2016
192 JSJ IoT with Peter Hoddie
58:50
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Get your </span><a href="https://allremoteconfs.com/js-2016" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> tickets!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:10 - Peter Hoddie Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/phoddie" style="text-decoration:none;">Twitter</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:36 - </span><a href="http://kinoma.com/" style="text-decoration:none;">Kinoma</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">&nbsp;&nbsp; &nbsp;</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:28 - Embedded Development in C; Approachability</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">05:24 - IoT = </span><a href="https://en.wikipedia.org/wiki/Internet_of_Things" style="text-decoration:none;">Internet of Things</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">; Embedded Devices and Systems</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:59 - </span><a href="https://en.wikipedia.org/wiki/Mesh_networking" style="text-decoration:none;">Mesh Networking</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:41 - IoT and JavaScript</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://kinoma.com/develop/documentation/js6/" style="text-decoration:none;">XS6</a></span></li> <li><span style="font-size:14px"><a href="http://duktape.org/" style="text-decoration:none;">Duktape</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/luvit/luvit" style="text-decoration:none;">luvit</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://www.lua.org/" style="text-decoration:none;">Lua</a></span></li> <li><span style="font-size:14px"><a href="http://jewelbots.com/" style="text-decoration:none;">Jewelbots</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:08 - Getting Started &amp; Electrical Engineering</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">22:42 - Testing </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">24:56 - Security</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">31:07 - </span><a href="http://getbootstrap.com/" style="text-decoration:none;">Bootstrap</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">34:16 - Community Resistance</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:56 - Where is IoT heading as far as applications go?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Scriptability</span></span></li> </ul> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">41:57 - Preparing Today for the Future</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://letsencrypt.org/" style="text-decoration:none;">Let&rsquo;s Encrypt</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" style="text-decoration:none;">The web accessibility basics</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://hangouts.readthesource.io/" style="text-decoration:none;">readthesource</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://www.getdrip.com/" style="text-decoration:none;">Drip</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.twilio.com/" style="text-decoration:none;">Twilio</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://allremoteconfs.com/js-2016" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://allremoteconfs.com/" style="text-decoration:none;">All Remote Confs</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.ecma-international.org/ecma-262/6.0/index.html" style="text-decoration:none;">Standard ECMA-262</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Peter)</span><br /> <a href="http://www.amazon.com/The-Future-Internet-And-How-Stop/dp/0300151241" style="text-decoration:none;">The Future of the Internet--And How to Stop It by Jonathan Zittrain</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Peter)</span><br /> <a href="https://sfconservancy.org/" style="text-decoration:none;">Software Freedom Conservancy</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Peter)</span></span></p>
Dec 30, 2015
191 JSJ Stripe with Craig McKeachie
58:29
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Check out </span><a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:26 - Craig McKeachie Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://twitter.com/cmckeachie" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://www.funnyant.com/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="https://www.funnyant.com/javascript-framework-guide/" style="text-decoration:none;">The JavaScript Framework Guide by Craig McKeachie</a></span> <ul> <li><a href="https://devchat.tv/js-jabber/132-jsj-mv-frameworks-with-craig-mckeachie" style="font-size: 14px; line-height: 1.6; text-decoration: none;">JavaScript Jabber Episode #132: MV Frameworks with Craig McKeachie</a></li> </ul> </li> <li><span style="font-size:14px"><a href="https://www.scavengerhuntriddles.net/" style="text-decoration:none;">Scavenger Hunt Creator</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:54 - </span><a href="https://stripe.com/" style="text-decoration:none;">Stripe</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.pluralsight.com/courses/stripe-fundamentals-with-asp-net-mvc" style="text-decoration:none;">[Pluralsight] Stripe Fundamentals with ASP.NET MVC</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:22 - Behind the Scenes: </span><a href="https://stripe.com/docs/api" style="text-decoration:none;">The Stripe API</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://stripe.com/docs/checkout" style="text-decoration:none;">checkout.js</a></span></li> <li><span style="font-size:14px"><a href="https://stripe.com/docs/tutorials/forms" style="text-decoration:none;">stripe.js</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">11:51 - Security</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.pcisecuritystandards.org/" style="text-decoration:none;">PCI Compliance</a></span> <ul> <li><span style="font-size:14px"><a href="http://kencochrane.net/blog/2012/01/developers-guide-to-pci-compliant-web-applications/" style="text-decoration:none;">Ken Cochrane: The Developers Guide to PCI Compliant Web applications</a></span></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">15:23 - What happens when things go wrong?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Webhooks</span></span></li> <li><a href="http://runscope.com" style="font-size: 14px; line-height: 1.6; text-decoration: none;">Runscope</a></li> <li><a href="https://ngrok.com/" style="font-size: 14px; line-height: 1.6; text-decoration: none;">ngrok</a></li> <li><span style="font-size:14px"><a href="https://www.masteringmodernpayments.com/" style="text-decoration:none;">Mastering Modern Payments by Pete Keen</a></span> <ul> <li><a href="https://www.masteringmodernpayments.com/stripe-webhook-event-cheatsheet" style="font-size: 14px; line-height: 1.6; text-decoration: none;">The Stripe Webhook Event Cheatsheet</a></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:18 - Server-side Libraries</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/jaymedavis/stripe.net" style="text-decoration:none;">stripe.net</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:34 - Building Custom Forms</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/stripe/jquery.payment" style="text-decoration:none;">jquery.payment</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://jessepollak.github.io/card/" style="text-decoration:none;">card.js</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">29:06 - Stripe + </span><a href="https://www.promisejs.org/" style="text-decoration:none;">Promises</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">32:43 - Handling Payments on Behalf of your Customers</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://stripe.com/connect" style="text-decoration:none;">Stripe Connect</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">34:40 - Stripe Integration</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://ti.to/" style="text-decoration:none;">Tito</a></span></li> <li><span style="font-size:14px"><a href="https://www.shopify.com/" style="text-decoration:none;">Shopify</a></span></li> <li><span style="font-size:14px"><a href="https://www.getdrip.com/" style="text-decoration:none;">Drip</a></span></li> <li><span style="font-size:14px"><a href="https://baremetrics.com/" style="text-decoration:none;">Baremetrics</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">37:39 - The Stripe Dashboard</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.braintreepayments.com/" style="text-decoration:none;">Braintree</a></span></li> <li><span style="font-size:14px"><a href="https://stripe.com/bitcoin" style="text-decoration:none;">Stripe: Start accepting Bitcoin instantly</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://www.starwars.com" style="text-decoration:none;">Star Wars</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://www.kickstarter.com/projects/1277034820/masks-a-new-generation" style="text-decoration:none;">Masks: A New Generation</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://www.youtube.com/watch?v=GUCcObwIsOs" style="text-decoration:none;">A Defense of Comic Sans</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://plus.google.com/+Runscope/posts/JLSnmtTzWXw" style="text-decoration:none;">Runscope T-shirt</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://github.com/mgechev/angularjs-in-patterns" style="text-decoration:none;">angularjs-in-patterns</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://www.mallofamerica.com/events/view/1321" style="text-decoration:none;">Mall of America Events: Photos with Santa</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.christmascats.tv/" style="text-decoration:none;">Christmas Cats TV</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://news.nationalgeographic.com/2015/11/151117-cats-cucumbers-videos-behavior" style="text-decoration:none;">Cats with Cucumbers</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.homedepot.com/p/RIDGID-X4-18-Volt-Lithium-Ion-Cordless-Drill-and-Impact-Driver-Combo-Kit-2-Tool-R9602/205762719" style="text-decoration:none;">RIDGID X4 18-Volt Lithium-Ion Cordless Drill and Impact Driver Combo Kit (2-Tool)</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.youtube.com/playlist?list=PLJesql-aSfX7NJwuiq_gKU5cnjbTr1lRQ" style="text-decoration:none;">Angular Remote Conf Video Playlist</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://hourofcode.com/" style="text-decoration:none;">Hour of Code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Craig)</span><br /> <a href="http://buff.ly/1RtjE2L" style="text-decoration:none;">[egghead.io] ...learn when to use a service, factory, or provider?</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Craig)</span><br /> <a href="https://itunes.apple.com/us/app/a-dark-room/id736683061?mt=8" style="text-decoration:none;">A Dark Room</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Craig)</span><br /> <a href="http://entreprogrammers.com/episode-47-1-a-dark-room-for-ios/" style="text-decoration:none;">EntreProgrammers: Episode 47.1 A Dark Room for iOS</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://entreprogrammers.com/episode-47-2-a-dark-room-for-ios/" style="text-decoration:none;">EntreProgrammers: Episode 47.2 A Dark Room for iOS</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)<br /> Craig&rsquo;s Babel Course on Pluralsight (Craig)</span></span></p>
Dec 23, 2015
190 JSJ Web Performance Part 2 with Nik Molnar
01:17:11
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">There&rsquo;s still time! Check out and get your </span><a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> tickets!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/184-jsj-web-performance-with-nik-molnar" style="text-decoration:none;">JavaScript Jabber Episode #184: Web Performance with Nik Molnar</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Part 1)</span></span></p> <p dir="ltr">&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:04 - Nik Molnar Introduction </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/nikmd23" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/nikmd23" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://nikcodes.com/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="http://getglimpse.com/" style="text-decoration:none;">Glimpse</a></span></li> <li><span style="font-size:14px"><a href="https://www.pluralsight.com/courses/webpagetest-deep-dive" style="text-decoration:none;">[Pluralsight] WebPageTest Deep Dive</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:58 - RAIL (Response, Animation, Idle, Load)</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">06:03 - How do you know what is being kicked off? How do you avoid it?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:15 - </span><a href="https://en.wikipedia.org/wiki/Frame_rate" style="text-decoration:none;">Frame Rates</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://frames-per-second.appspot.com/" style="text-decoration:none;">frames-per-second.appspot.com</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://csstriggers.com" style="text-decoration:none;">CSS Triggers</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">16:05 - Scrolling</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://creativejs.com/resources/requestanimationframe/" style="text-decoration:none;">requestAnimationFrame</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:09 - </span><a href="https://w3c.github.io/web-animations/" style="text-decoration:none;">The Web Animation API</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">21:40 - Animation Accessibility, Usability, and Speed</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://haveibeenpwned.com/" style="text-decoration:none;">haveibeenpwned.com</a></span></li> <li><span style="font-size:14px"><a href="https://youtu.be/7ubJzEi3HuA" style="text-decoration:none;">Ilya Grigorik: Speed, Performance, and Human Perception @ Fluent 2014</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:14 - HTTP and Optimization</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://conferences.oreilly.com/velocity/devops-web-performance-2015/public/schedule/detail/42385" style="text-decoration:none;">Yesterday&#39;s perf best-practices are today&#39;s HTTP/2 anti-patterns by Ilya Grigorik</a></span></li> <li><span style="font-size:14px"><a href="https://devchat.tv/ruby-rogues/135-rr-http-2-0-with-ilya-grigorik" style="text-decoration:none;">Ruby Rogues Episode #135: HTTP 2.0 with Ilya Grigorik</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://tools.ietf.org/html/rfc7540" style="text-decoration:none;">Hypertext Transfer Protocol Version 2 (HTTP/2)</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://caniuse.com/#feat=http2" style="text-decoration:none;">Can I use...</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://tools.ietf.org/html/rfc7540#section-8.2" style="text-decoration:none;">Server Push</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:25 - ES6 and Performance</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.incaseofstairs.com/2015/06/es6-feature-performance/" style="text-decoration:none;">ES6 Feature Performance</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/kpdecker/six-speed" style="text-decoration:none;">six-speed</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">40:46 - Understanding the Scale</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=JEpsKnWZrJ8" style="text-decoration:none;">Grace Hopper: Nanoseconds</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=1-vcErOPofQ" style="text-decoration:none;">Grace Hopper on Letterman</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">43:30 RAIL (Response, Animation, Idle, Load) Cont&rsquo;d</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">46:15 - </span><a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon" style="text-decoration:none;">Navigator.sendBeacon()</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">47:51 - </span><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management" style="text-decoration:none;">Memory Management</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and </span><a href="https://en.wikipedia.org/wiki/Garbage_collection_(computer_science)" style="text-decoration:none;">Garbage Collection</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=LaxbdIyBkL0" style="text-decoration:none;">Memory Management Masterclass with Addy Osmani</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://addyosmani.com/blog/video-javascript-memory-management-masterclass/" style="text-decoration:none;">Addy Osmani: JavaScript Memory Management Masterclass</a></span></li> <li><span style="font-size:14px"><a href="https://www.red-gate.com/community/books/under-the-hood-dotnet-memory-management" style="text-decoration:none;">Under the Hood of .NET Memory Management by Chris Farrell and Nick Harrison</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Nik)</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Memory vs Performance Problems</span></span></li> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=aiv1JOfMjm0" style="text-decoration:none;">Rick Hudson: Go GC: Solving the Latency Problem @ GopherCon 2015</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://www.dancarlin.com/hardcore-history-series/" style="text-decoration:none;">Hardcore History Podcast</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://danluu.com/empirical-pl" style="text-decoration:none;">Static vs. Dynamic Languages: A Literature Review</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://fullertj.tumblr.com/" style="text-decoration:none;">TJ Fuller Tumblr</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://dn.ht/picklecat/" style="text-decoration:none;">Pickle Cat</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://sub.watchmecode.net/" style="text-decoration:none;">WatchMeCode</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)<br /> Don&rsquo;t jump around while learning in JavaScript (Aimee)</span><br /> <a href="https://www.youtube.com/watch?v=eLfW_XMwBGk" style="text-decoration:none;">P!nk - Bohemian Rhapsody</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.infoq.com/presentations/Design-Composition-Performance" style="text-decoration:none;">Rich Hickey: Design, Composition and Performance</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://undisclosed-podcast.com/" style="text-decoration:none;">Undisclosed Podcast</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://www.youtube.com/watch?v=8nZMseDOiJo" style="text-decoration:none;">History of Gaming Historian - 100K Subscriber Special</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://javascriptjabber.com/15minutes" style="text-decoration:none;">15 Minute Podcast Listener chat with Charles Wood</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://allremoteconfs.com/" style="text-decoration:none;">All Remote Confs</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://supercell.com/en/games/clashofclans/" style="text-decoration:none;">Clash of Clans</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.starwars.com/games-apps/star-wars-commander" style="text-decoration:none;">Star Wars Commander</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://onlycoin.com/" style="text-decoration:none;">Coin</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.theairhook.com/" style="text-decoration:none;">The Airhook</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.goldieblox.com/" style="text-decoration:none;">GoldieBlox</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span></span></p>
Dec 16, 2015
189 JSJ PureScript with John A. De Goes and Phil Freeman
01:12:17
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:54 - John A. De Goes Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/jdegoes" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/jdegoes" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://degoes.net/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="http://slamdata.com/" style="text-decoration:none;">SlamData</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">06:34 - Phil Freeman Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/paf31" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/paf31" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://functorial.com/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:38 - What is </span><a href="http://www.purescript.org/" style="text-decoration:none;">PureScript</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:11 - Features</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://programmers.stackexchange.com/questions/246439/extensible-effects-in-purescript" style="text-decoration:none;">Extensible Effects</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:24 - Overcoming the Vocabulary Problem in Functional Programming</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Design_Patterns" style="text-decoration:none;">Gang of Four Book</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Design Patterns)</span></span></li> <li><span style="font-size:14px"><a href="https://github.com/slamdata/purescript-halogen" style="text-decoration:none;">purescript-halogen</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:07 - Prerequisites to PureScript</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">26:14 - PureScript vs </span><a href="http://elm-lang.org/" style="text-decoration:none;">Elm</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/175-jsj-elm-with-evan-czaplicki-and-richard-feldman" style="text-decoration:none;">JavaScript Jabber Episode #175: Elm with Evan Czaplicki and Richard Feldman</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">No Runtime</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">General Purpose vs UI-Focused</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Generic Containers</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">40:37 - Similar Languages to PureScript</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">44:07 - PureScript Background</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://roy.brianmckenna.org/" style="text-decoration:none;">Roy</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">47:48 - The </span><a href="https://github.com/WebAssembly" style="text-decoration:none;">WebAssembly</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> Effect</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">51:01 - Readability</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">53:42 - </span><a href="http://www.purescript.org/learn/" style="text-decoration:none;">PureScript Learning Resources</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://leanpub.com/purescript/read" style="text-decoration:none;">PureScript by Example by Phil Freeman</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/purescript/purescript/wiki/PureScript-Conf-2015" style="text-decoration:none;">PureScript Conf 2015/6</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">55:43 - Working with Abstractions</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/slamdata/purescript-aff" style="text-decoration:none;">purescript-aff</a></span></li> <li><span style="font-size:14px"><a href="https://andreypopp.com/posts/2014-07-21-fighting-node-callbacks-with-purescript.html" style="text-decoration:none;">Audrey Popp: Fighting Node Callback Hell with PureScript</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://2014.jsconf.eu/speakers/philip-roberts-what-the-heck-is-the-event-loop-anyway.html" style="text-decoration:none;">Philip Robects: What the heck is the event loop anyways? @ JS Conf EU 2014</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://github.com/latentflip/loupe" style="text-decoration:none;">loupe</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.imdb.com/title/tt1740299/" style="text-decoration:none;">The Man in the High Castle</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://www.youtube.com/watch?v=S2FUSr3WlPk" style="text-decoration:none;">Nickolas Means: How to Crash an Airplane @ RubyConf 2015</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison) &nbsp;</span><br /> <a href="http://www.meetup.com/Lambda-Lounge-Utah/" style="text-decoration:none;">Lambda Lounge Utah</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://www.youtube.com/watch?v=9a57V3bvzaI&amp;feature=youtu.be" style="text-decoration:none;">Michael Trotter: Intro to PureScript @ Utah Haskell Meetup</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.meetup.com/Utah-Elm-Users/events/226004716/" style="text-decoration:none;">Utah Elm Users</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://screeps.com" style="text-decoration:none;">Screeps</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.amazon.com/gp/product/1501104314/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1501104314&amp;linkCode=as2&amp;tag=devchattv-20&amp;linkId=SJL23DQYO7LY7JTL" style="text-decoration:none;">Most Likely to Succeed: Preparing Our Kids for the Innovation Era by Tony Wagner</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.imdb.com/title/tt4159076/?ref_=nv_sr_1" style="text-decoration:none;">Dark Matter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://degoesconsulting.com/lambdaconf/" style="text-decoration:none;">LambdaConf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (John)</span><br /> <a href="http://twitter.com/lambda_conf/" style="text-decoration:none;">@lambda_conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (John)</span><br /> <a href="http://github.com/ramda/ramda" style="text-decoration:none;">ramda</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (John)</span><br /> <a href="http://www.bbcgoodfood.com/recipes/252607/proper-beef-ale-and-mushroom-pie" style="text-decoration:none;">Proper beef, ale &amp; mushroom pie</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (John)</span><br /> <a href="http://tidal.lurk.org" style="text-decoration:none;">Tidal</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Phil)</span><br /> <a href="http://sharkdp.github.io/purescript-flare" style="text-decoration:none;">purescript-flare</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Phil)</span><br /> <a href="http://forwardjs.com/" style="text-decoration:none;">The Forward JS Conference</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Phil)</span></span></p>
Dec 09, 2015
188 JSJ JavaScript Code Smells with Elijah Manor
51:30
<p dir="ltr" style="text-align:center"><a href="https://jsremoteconf.com/"><span style="font-size:18px">Check out JS Remote Conf!</span></a></p> <p dir="ltr">&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:22 - Elijah Manor Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/elijahmanor" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/elijahmanor" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://elijahmanor.com/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="http://leankit.com/" style="text-decoration:none;">LeanKit</a></span></li> <li><span style="font-size:14px"><a href="https://gist.github.com/elijahmanor/6048b4f72265ee33fcaf" style="text-decoration:none;">Eliminate JavaScript Code Smells (Elijah&#39;s Talk Abstract)</a></span></li> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=JVlfj7mQZPo" style="text-decoration:none;">A video containing the 30 min version of the talk: Eliminate JavaScript Code Smells</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://elijahmanor.com/talks/js-smells" style="text-decoration:none;">The full slides (60 mins worth of material)</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:49 - What is a &ldquo;Code Smell&rdquo;?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://martinfowler.com/bliki/CodeSmell.html" style="text-decoration:none;">Martin Fowler: CodeSmell</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://eslint.org/" style="text-decoration:none;">ESLint</a></span></li> <li><span style="font-size:14px"><a href="http://jshint.com/" style="text-decoration:none;">JSHint</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:21 - Copy/Paste Code Error</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/danielstjules/jsinspect" style="text-decoration:none;">jsinspect</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and </span><a href="https://github.com/kucherenko/jscpd" style="text-decoration:none;">jscpd</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">ES6, ES7, </span><a href="https://babeljs.io/" style="text-decoration:none;">Babel</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> Support</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">13:11 - Using ES6 to Eliminate Code Smells</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">15:48 - Refactoring Case Statements</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Strategy_pattern" style="text-decoration:none;">The Strategy Pattern</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">21:29 - Juniors and Code Smells</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Code Reviews</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:29 - Isomorphic Code</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">31:12 - Framework Code Smells</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:47 - Identifying New Code Smells</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">36:33 - When Code Smells are OK</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">39:10 - Why use parameters?</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://tacma.net/tacma.php" style="text-decoration:none;">Terms And Conditions May Apply</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://nodevember.org/" style="text-decoration:none;">Nodevember</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://developertea.com/" style="text-decoration:none;">Developer Tea</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://www.jakeshimabukuro.com/home/" style="text-decoration:none;">Jake Shimabukuro</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://screeps.com/" style="text-decoration:none;">Screeps</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://github.com/pocotan001/react-styleguide-generator" style="text-decoration:none;">react-styleguide-generator</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Elijah)</span><br /> <a href="https://github.com/sapegin/react-styleguidist" style="text-decoration:none;">react-styleguidist</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Elijah)</span><br /> <a href="https://youtu.be/w1RHQQ0cXlo" style="text-decoration:none;">The Phantom Menace - What it Should Have Been</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://youtu.be/ZE4bU56teH0" style="text-decoration:none;">Attack of the Clones - What it Should Have Been</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span></span></p>
Dec 02, 2015
187 JSJ Vue.js with Evan You
47:53
<p style="text-align:center"><span style="font-size:16px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">JS Remote Conf will be held from Thursday, January 14th - Saturday, January 16th! </span><a href="http://jsremoteconf.com" style="text-decoration:none;">Sign up today!</a></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">01:59 - Evan You Introduction </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/youyuxi" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/yyx990803" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://evanyou.me/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="https://www.meteor.com/" style="text-decoration:none;">Meteor</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:34 - </span><a href="http://vuejs.org/" style="text-decoration:none;">Vue.js</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> vs Competitors and Motivators Behind the Framework</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/" style="text-decoration:none;">Evan You: Vue.js: A (Re)introduction</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:18 - Use Cases</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:06 - Overlapping Elements and The Component System</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://vuejs.org/guide/index.html" style="text-decoration:none;">Getting Started Guide</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">11:21 - Pulling in Data</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">12:50 - DOM Manipulation</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">13:38 - Ease of Getting Started</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">15:33 - Directives</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">16:18 - Adoption</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/vuejs/awesome-vue" style="text-decoration:none;">awesome-vue</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/vuejs/vue" style="text-decoration:none;">vue</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (GitHub)</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:50 - The Future of Vue.js</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">21:59 - What is Vue.js Not Good At?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:07 - Testing</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">24:06 - Vue, Angular, and React: Reactivity and Performance</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://knockoutjs.com/" style="text-decoration:none;">Knockout</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">29:06 - Tradeoffs</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">30:54 - Edgecases</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">32:14 - </span><a href="https://webpack.github.io/" style="text-decoration:none;">webpack</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:46 - Bundling</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:38 - Benchmarks</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/mathieuancelin/js-repaint-perfs" style="text-decoration:none;">js-repaint-perfs</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">More on Vue.js</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.laravelpodcast.com/episodes/19454-episode-37-i-love-the-things-you-are-saying" style="text-decoration:none;">Laravel Podcast Episode 37: I Love The Things You Are Saying</a></span></li> <li><span style="font-size:14px"><a href="https://developertea.com/episodes/18582" style="text-decoration:none;">Developer Tea: Part One: Paul Straw &amp; Sean Washington (@paulstraw &amp; @seanwashington) talk about focus, JavaScript frameworks, and rites of passage</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (starting around 16:25)</span></span></li> </ul> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://www.imdb.com/title/tt3322312/" style="text-decoration:none;">Daredevil</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://www.youtube.com/channel/UCIqiLefbVHsOAXDAxQJH7Xw" style="text-decoration:none;">AlgoRythmics</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://www.relativefinder.org/" style="text-decoration:none;">Relative Finder</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://familysearch.org/" style="text-decoration:none;">FamilySearch</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.hardgraft.com/" style="text-decoration:none;">Hard Graft</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Evan)</span><br /> <a href="http://www.chenalexander.com/Piano-Phase" style="text-decoration:none;">Piano Phase</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Evan)</span></span></p>
Nov 25, 2015
186 JSJ NativeScript with TJ VanToll and Burke Holland
01:01:00
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Check out </span><a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">! Buy a ticket! Submit a CFP!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:07 - Burke Holland Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/burkeholland" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/burkeholland" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://a.shinynew.me/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:01 - TJ Van Toll Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/tjvantoll" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/tjvantoll" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://tjvantoll.com/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:33 - </span><a href="http://www.telerik.com/" style="text-decoration:none;">Telerik</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.telerik.com/platform" style="text-decoration:none;">Telerik Platform</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:57 - </span><a href="http://nativescript.org" style="text-decoration:none;">NativeScript</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://trac.webkit.org/wiki/JavaScriptCore" style="text-decoration:none;">JavaScriptCore</a></span></li> <li><span style="font-size:14px"><a href="https://devchat.tv/iphreaks/128-ips-javascriptcore-with-cesare-rocchi" style="text-decoration:none;">JavaScript Jabber #128: JavaScriptCore with Cesare Rocchi</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://facebook.github.io/react-native/" style="text-decoration:none;">React Native</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">07:41 - The Views</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:07 - Customizability, Styling, and Standardization</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">16:19 - React Native vs NativeScript</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">18:37 - APIs</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://cocoapods.org/" style="text-decoration:none;">CocoaPods</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">21:17 - How NativeScript Works</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:04 - Edgecases?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Message Passing</span></span></li> <li><span style="font-size:14px"><a href="https://docs.nativescript.org/runtimes/ios/marshalling/Marshalling-Overview.html" style="text-decoration:none;">Marshalling</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Mapping)</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">26:12 - Memory Management</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:06 - </span><a href="https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITableView_Class/" style="text-decoration:none;">UITableView</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">29:59 - NativeScript and </span><a href="https://angular.io/" style="text-decoration:none;">Angular</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.youtube.com/channel/UCzrskTiT_ObAk3xBkVxMz5g" style="text-decoration:none;">AngularConnect Talks on YouTube</a></span></li> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=4SbiiyRSIwo" style="text-decoration:none;">Sebastian Witalec: Building native mobile apps with Angular 2 0 and NativeScript​</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:22 - Adding NativeScript to Existing Projects </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:51 - Building for Wearables and AppleTV </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://developer.telerik.com/featured/apple-watch-and-the-cross-platform-crisis/" style="text-decoration:none;">Burke Holland: Apple Watch and the Cross-Platform Crisis</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:59 - Building Universal Applications</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">37:14 - Creating NativeScript</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.telerik.com/kendo-ui" style="text-decoration:none;">Kendo UI</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">39:42 - Use Cases</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.nativescript.org/app-samples-with-code" style="text-decoration:none;">nativescript.org/app-samples-with-code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">41:01 - Are there specific things NativeScript isn&rsquo;t good for?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.npmjs.com/search?q=nativescript" style="text-decoration:none;">npmjs.com search: nativescript</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">42:54 - Testing and Debugging</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">48:35 - Data Storage</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://caddyserver.com/" style="text-decoration:none;">Caddy</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://www.youtube.com/watch?v=T70EnAdFzaU" style="text-decoration:none;">OC ReMix #505: Top Gear &#39;Track 1 (Final Nitro Mix)&#39; by Rayza</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://medium.com/the-story/what-are-bloom-filters-1ec2a50c68ff" style="text-decoration:none;">Jamie Talbot: What are Bloom filters? A tale of code, dinner, and a favour with unexpected consequences</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://twitter.com/mikegehard" style="text-decoration:none;">Mike Gehard (@mikegehard)</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://angularconnect.com/sessions#becoming-betazoid-how-to-listen-and-empathize-with-others-in-the-workplace" style="text-decoration:none;">Joe Eames: Becoming Betazoid: How to Listen and Empathize with Others in the Workplace @ AngularConnect 2015</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)<br /> Exercise (Chuck)<br /> Sleep (Chuck)</span><br /> <a href="https://github.com/atom/electron" style="text-decoration:none;">electron</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aaron)</span><br /> <a href="http://www.amazon.com/gp/product/B00EZB3WJQ/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B00EZB3WJQ&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=JNUSG72IEVPSAGJN" style="text-decoration:none;">The Synchronicity War Series by Dietmar Wehr</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aaron)</span><br /> <a href="https://itunes.apple.com/us/app/pause-relaxation-at-your-fingertip/id991764216?mt=8" style="text-decoration:none;">PAUSE</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Burke)</span><br /> <a href="http://www.imdb.com/title/tt3006802/" style="text-decoration:none;">Outlander</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (TJ)</span></span></p>
Nov 18, 2015
185 JSJ PouchDB with Nolan Lawson
50:18
<p dir="ltr" style="text-align:center"><span style="font-size:16px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Check out </span><a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf!</a></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:29 - Nolan Lawson Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/nolanlawson" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/nolanlawson" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://nolanlawson.com/" style="text-decoration:none;">Blog</a></span></li> <li><span style="font-size:14px"><a href="http://www.squarespace.com/" style="text-decoration:none;">Squarespace</a></span></li> <li><span style="font-size:14px"><a href="http://pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html" style="text-decoration:none;">Nolan Lawson: We have a problem with promises</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:19 - </span><a href="http://pouchdb.com/" style="text-decoration:none;">PouchDB</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (vs </span><a href="http://couchdb.apache.org/" style="text-decoration:none;">CouchDB</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">)</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/pouchdb" style="text-decoration:none;">@pouchdb</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://groups.google.com/forum/#!forum/pouchdb" style="text-decoration:none;">Mailing List</a></span></li> <li><span style="font-size:14px"><a href="http://stackoverflow.com/questions/tagged/pouchdb" style="text-decoration:none;">Stack Overflow</a></span></li> <li><span style="font-size:14px"><a href="http://slack.pouchdb.com/" style="text-decoration:none;">Slack</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">05:25 - CouchDB Emulation</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://mikealrogers.com/" style="text-decoration:none;">Mikeal Rogers</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">06:45 - How CouchDB Works</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:26 - Syncing and Replication</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:43 - PouchDB vs Other Paradigms for Building Client-side Apps and Managing Data</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://hood.ie/" style="text-decoration:none;">hood.ie</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://offlinefirst.org/" style="text-decoration:none;">Offline First!</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">13:58 - AP Databases / CP Databases / CA Databases</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/CAP_theorem" style="text-decoration:none;">The CAP Theorem</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">17:25 - Ignoring Merge Conflicts</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:08 - Mutability vs Immutability</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">&ldquo;Accountants don&rsquo;t use erasers&rdquo;</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">21:29 - Offline First</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">24:59 - Client-to-client Syncing</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:54 - IndexDB and Local Storage</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">28:50 - Authentication and Authorization</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">30:30 - Mobile Support</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">31:42 - Resource Usage When Syncing</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://github.com/nolanlawson/socket-pouch" style="text-decoration:none;">socket-pouch</a></span></li> <li><span style="font-size:14px"><a href="https://github.com/nolanlawson/pouchdb-replication-stream" style="text-decoration:none;">pouchdb-replication-stream</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">33:06 - Use Cases</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=1sLjWlWvCsc" style="text-decoration:none;">Patricia Garcia: Good Tech for Hard Places: Fighting Ebola with JS Offline Apps @ JSConf EU 2015</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">34:53 - Partitioning Data</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">36:22 - </span><a href="http://pouchdb.com/getting-started.html" style="text-decoration:none;">Getting Started</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://chrome.google.com/webstore/detail/pouchdb-inspector/hbhhpaojmpfimakffndmpmpndcmonkfa?hl=en" style="text-decoration:none;">pouchdb-inspector</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">37:09 - Contribution</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://github.com/pouchdb/pouchdb" style="text-decoration:none;">pouchdb</a></span></li> <li><span style="font-size:14px"><a href="https://chrome.google.com/webstore/detail/pouchdb-inspector/hbhhpaojmpfimakffndmpmpndcmonkfa" style="text-decoration:none;">Kent C. Dodds: First Timers Only</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">38:53 - Upcoming Features</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://www.npmjs.com/package/source-map-explorer" style="text-decoration:none;">source-map-explorer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://managingbias.fb.com/" style="text-decoration:none;">Facebook: Managing Bias Videos</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://computers-are-fast.github.io/" style="text-decoration:none;">Computers Are Fast</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://hallicino.hubpages.com/hub/_86_Mac_Plus_Vs_07_AMD_DualCore_You_Wont_Believe_Who_Wins" style="text-decoration:none;">86 Mac Plus Vs. 07 AMD DualCore. You Won&#39;t Believe Who Wins</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://www.authy.com/personal/" style="text-decoration:none;">Authy App</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://www.youtube.com/watch?v=sHkZaeuH5Ls" style="text-decoration:none;">Chip Network Channel on YouTube</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://www.oregon.gov/" style="text-decoration:none;">Oregon</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://daplie.github.io/browser-authenticator/" style="text-decoration:none;">Browser Authenticator</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="https://github.com/Daplie/node-authenticator" style="text-decoration:none;">Node Authenticator</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (AJ)</span><br /> <a href="http://angularconnect.com/" style="text-decoration:none;">AngularConnect</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://twitter.com/kevinold" style="text-decoration:none;">Kevin Old (@kevinold)</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://twitter.com/jakerella" style="text-decoration:none;">Jordan Kasper (@jakerella)</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://highrisehq.com/" style="text-decoration:none;">Highrise</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://www.streak.com/" style="text-decoration:none;">Streak</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.amazon.com/gp/product/B00NEO1MWY/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B00NEO1MWY&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=B4GV6OJ55CRJ3V67" style="text-decoration:none;">The Accursed Kings Series by Maurice Druon</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Nolan)</span><br /> <a href="https://youtu.be/NSf2mgkRm7Q?list=PLoUHkRwnRH-IXbZfwlgiEN8eXmoj6DtKM" style="text-decoration:none;">The Smash Brothers</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Nolan)</span><br /> <a href="https://en.wikipedia.org/wiki/Super_Smash_Bros._Melee" style="text-decoration:none;">Super Smash Bros. Melee</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Nolan)</span></span></p>
Nov 11, 2015
184 JSJ Web Performance with Nik Molnar
01:01:17
<p dir="ltr" style="text-align:center"><span style="font-size:16px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Submit a talk or buy a ticket! Check out </span><a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:30 - Nik Molnar Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/nikmd23" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/nikmd23" style="text-decoration:none;">GitHub</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://nikcodes.com/" style="text-decoration:none;">Blog</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:50 - What Microsoft&rsquo;s Cross-Platform and Open Tooling Team Does</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:41 - Microsoft and Open Source</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">05:25 - Performance</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:15 - Is good, clean architecture at odds with high-performance code?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:41 - Latency and Bandwidth</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Moore%27s_law" style="text-decoration:none;">Moore&rsquo;s Law</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">20:23 - Hierarchy of Needs for Users of Software</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://blog.teamtreehouse.com/emotional-interface-design-the-gateway-to-passionate-users" style="text-decoration:none;">Aaron Walter: Emotional Interface Design: The Gateway to Passionate Users</a></span></li> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Maslow%27s_hierarchy_of_needs" style="text-decoration:none;">Maslow&rsquo;s Hierarchy of Needs</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">24:36 - Controlling Performance</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">&ldquo;Performance Budget&rdquo;</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">26:21 - The Cost of Performance (ROI)</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">31:57 - Speed Index</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.webpagetest.org/" style="text-decoration:none;">WebPagetest</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">41:50 - Avoiding the &ldquo;It feels fast on my machine&rdquo; Syndrome</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">45:03 - </span><a href="https://en.wikipedia.org/wiki/Real_user_monitoring" style="text-decoration:none;">RUM = Real User Monitoring</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Navigation Timing</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Resource Timing</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">User Timing</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">46:24 - Synthetic Testing</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">47:50 - Performance Audits</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/OODA_loop" style="text-decoration:none;">OODA Loop</a></span> <ul> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Observe</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Orient</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Decide</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Act</span></span></li> </ul> </li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">50:39 - Do Less</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">More From Nik</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://vimeo.com/97415381" style="text-decoration:none;">Nik Molnar: Full Stack Web Performance</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://vimeo.com/113715672" style="text-decoration:none;">Nik Molnar: Tracking Real World Web Performance</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigation_timing_API" style="text-decoration:none;">Navigation Timing API</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="http://www.w3.org/TR/resource-timing/" style="text-decoration:none;">Resource Timing: W3C Working Draft 20 October 2015</a></span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://conf.utahjs.com/" style="text-decoration:none;">UtahJS 2015</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://ponyfoo.com/articles/es6" style="text-decoration:none;">ES6 Overview in 350 Bullet Points</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://smbc-comics.com/index.php?id=3890" style="text-decoration:none;">Saturday Morning Breakfast Cereal (High Frequency Training)</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://blog.chriszacharias.com/page-weight-matters" style="text-decoration:none;">Chris Zacharias: Page Weight Matters</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://www.youtube.com/playlist?list=PLUD4kD-wL_zZhHy-G8hPNZTvx_M35loXQ" style="text-decoration:none;">React Rally Talks</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://www.amazon.com/gp/product/1476757801/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1476757801&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=7S7TRKPPLMXUW6QI" style="text-decoration:none;">MONEY Master the Game: 7 Simple Steps to Financial Freedom by Tony Robbins</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.amazon.com/gp/product/1476789886/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1476789886&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=C4RL7YHP7TILBYLW" style="text-decoration:none;">Rush Revere and the Star-Spangled Banner by Rush Limbaugh</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://code.visualstudio.com/" style="text-decoration:none;">Visual Studio Code</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Nik)</span><br /> <a href="http://chimera.labs.oreilly.com/books/1230000000545" style="text-decoration:none;">High Performance Browser Networking by Ilya Grigorik</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Nik)</span><br /> <a href="http://www.pluralsight.com/author/nik-molnar" style="text-decoration:none;">Nik&#39;s Pluralsight Courses</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Nik)</span></span></p>
Nov 04, 2015
183 JSJ Should I go to college?
01:20:33
<p dir="ltr" style="text-align:center"><span style="font-size:16px"><a href="https://jsremoteconf.com/" style="text-decoration:none;"><u>JS Remote Conf</u></a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> 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!</span></span></p> <p>&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:46 - Panel Consensus and Experience and Career Paths</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">16:00 - The School Doesn&rsquo;t Matter</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.amazon.com/gp/product/0316204374/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0316204374&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=AF7RR4XFXNNAHZUX" style="text-decoration:none;">David and Goliath: Underdogs, Misfits, and the Art of Battling Giants by Malcolm Gladwell</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">19:59 - Panel Experience and Career Paths (Cont&rsquo;d)</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">38:36 - Practically Helpful Knowledge and Disciplines; Interviewing and Hiring</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">46:38 - Privilege and Navigating Without Opportunity</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">49:54 - Why get a degree if it&rsquo;s not necessary?</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Support Structure</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">01:02:13 - Consensus Part 2</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="http://bitquabit.com/post/the-more-things-change/" style="text-decoration:none;">The More Things Change</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span></span><br /> <span style="font-size:14px"><a href="http://akaptur.com/blog/2015/10/10/effective-learning-strategies-for-programmers/" style="text-decoration:none;">Allison Kaptur: Effective Learning Strategies for Programmers</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span></span><br /> <span style="font-size:14px"><a href="https://twitter.com/Aimee_Knight" style="text-decoration:none;">@Aimee_Knight</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span></span><br /> <span style="font-size:14px"><a href="http://starwars.ea.com/starwars/battlefront" style="text-decoration:none;">Star Wars Battlefront</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span></span><br /> <span style="font-size:14px"><a href="http://www.amazinggrass.com/" style="text-decoration:none;">Amazing Grass</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span></span><br /> <span style="font-size:14px"><a href="https://medium.com/@bluepnume/sane-scalable-angular-apps-are-tricky-but-not-impossible-lessons-learned-from-paypal-checkout-c5320558d4ef" style="text-decoration:none;">Daniel Brain: Sane, scalable Angular apps are tricky, but not impossible. Lessons learned from PayPal Checkout.</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span></span><br /> <span style="font-size:14px"><a href="https://xkcd.com/552/" style="text-decoration:none;">xkcd: Correlation</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span></span><br /> <span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Lviv" style="text-decoration:none;">Lviv, Ukraine</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span></span><br /> <span style="font-size:14px"><a href="http://charlesmaxwood.com/" style="text-decoration:none;">CharlesMaxWood.com</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span></span><br /> <span style="font-size:14px"><a href="http://everytimezone.com/" style="text-decoration:none;">Every Time Zone</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span></span><br /> <span style="font-size:14px"><a href="https://philipmorganconsulting.com/authority-resource-center/the-positioning-manual-for-technical-firms/" style="text-decoration:none;">The Positioning Manual for Technical Firms by Philip Morgan</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span></span><br /> <span style="font-size:14px"><a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span></span></p>
Oct 28, 2015
182 JSJ RxJS with Matthew Podwysocki
01:01:07
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:19 - Matthew Podwysocki Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/mattpodwysocki" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/mattpodwysocki" style="text-decoration:none;">GitHub</a></span></li> <li><span style="font-size:14px"><a href="http://www.microsoft.com/" style="text-decoration:none;">Microsoft</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:01 - </span><a href="https://github.com/Reactive-Extensions/RxJS" style="text-decoration:none;">RxJS</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=1XaFMOyBxno" style="text-decoration:none;">Reactive JavaScript Interview w/ Jeffrey Van Gogh &amp; Matthew Podwysocki @ JSConf 2010</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">&ldquo;First-class Events&rdquo;</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">10:18 - Practical Experience of Use</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Observables</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">17:28 - </span><a href="https://github.com/jhusain/observable-spec" style="text-decoration:none;">observable-spec</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">21:43 - Observables and </span><a href="https://www.promisejs.org/" style="text-decoration:none;">Promises</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">25:06 - Using RxJS in Common Frameworks</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://xgrommx.github.io/rx-book/" style="text-decoration:none;">RxJS Git Book</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://gitter.im/Reactive-Extensions/RxJS" style="text-decoration:none;">RxJS Gitter Channel</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:53 - Are there places where observables might not be better than callbacks/Promises?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">29:16 - Why would someone use RxJS on the backend in place of Node streams? </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.rabbitmq.com/" style="text-decoration:none;">RabbitMQ</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">32:28 - Are Promises dying?</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">36:13 - Observable Gotchas</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Hot vs Cold Observables</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">40:29 - Influence</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://elm-lang.org/" style="text-decoration:none;">Elm</a></span></li> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Functional_reactive_programming" style="text-decoration:none;">Functional Reactive Programming (FRP)</a></span></li> </ul> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">47:47 - Will observables in ES2016 replace RxJS?</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://medium.com/@linclark/a-cartoon-guide-to-flux-6157355ab207" style="text-decoration:none;">A cartoon guide to Flux</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://bevacqua.github.io/promisees/" style="text-decoration:none;">Promisees</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://en.wikipedia.org/wiki/Act_IV:_Rebirth_in_Reprise" style="text-decoration:none;">The Dear Hunter - Act IV Rebirth in Reprise</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://vimeo.com/124384526" style="text-decoration:none;">Jessie Char: Expert On Nothing @ NSConf7</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="http://devtoolsecrets.com/secret/debugging-xhr-breakpoints.html" style="text-decoration:none;">XHR Breakpoints</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://www.youtube.com/user/gloveandboots" style="text-decoration:none;">Glove and Boots</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="https://en.wikipedia.org/wiki/Computer_programming" style="text-decoration:none;">Computer Programming</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://www.seas.harvard.edu/sites/default/files/files/archived/Czaplicki.pdf" style="text-decoration:none;">Evan Czaplicki&rsquo;s Thesis for Elm</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.amazon.com/gp/product/0062315005/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0062315005&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=FIJF4VK3KW6TFV5P" style="text-decoration:none;">The Alchemist by Paulo Coelho</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://github.com/thaliproject/" style="text-decoration:none;">thaliproject</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Matthew)</span><br /> <a href="http://www.electronicsweekly.com/distribution-world/comment/bbc-micro-bit-raspberry-pis-little-brother-2015-10/" style="text-decoration:none;">BBC Micro Bit</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Matthew)</span><br /> <a href="https://en.wikipedia.org/wiki/Minutemen_(band)" style="text-decoration:none;">Minutemen</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Matthew)</span></span></p>
Oct 21, 2015
181 JSJ The Evolution of Flux Libraries with Andrew Clark and Dan Abramov
01:21:38
<p dir="ltr" style="text-align:center"><span style="font-size:18px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Sign up for </span><a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">!</span></span></p> <p dir="ltr">&nbsp;</p> <p dir="ltr"><span style="font-size:14px"><span style="font-size:16px"><a href="https://docs.google.com/document/d/13qMWQVnPp-hNV9FTqwkPDtsdjhQap3WcBF0lddl60ps/edit#heading=h.dpxnamcp7w8s" style="text-decoration:none;">Dan and Andrew&#39;s super awesome, helpful document that they made for the show during preparation</a></span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:22 - Andrew Clark Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/acdlite" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/acdlite" style="text-decoration:none;">GitHub</a></span></li> <li><span style="font-size:14px"><a href="http://opengov.com/" style="text-decoration:none;">OpenGov</a></span></li> <li><span style="font-size:14px"><a href="https://github.com/acdlite/flummox" style="text-decoration:none;">flummox</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:39 - Dan Abramov Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/dan_abramov" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/gaearon" style="text-decoration:none;">GitHub</a></span></li> <li><span style="font-size:14px"><a href="https://devchat.tv/js-jabber/179-jsj-redux-and-react-with-dan-abramov" style="text-decoration:none;">JavaScript Jabber Episode #179: redux and React with Dan Abramov</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:03 - </span><a href="https://facebook.github.io/flux/" style="text-decoration:none;">Flux</a></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Flux vs </span><a href="https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller" style="text-decoration:none;">MVC</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">09:36 - Data Flow</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://acdlite.github.io/flummox/docs/guides/why-flux-component-is-better-than-flux-mixin" style="text-decoration:none;">Why FluxComponent &gt; fluxMixin</a></span></li> <li><span style="font-size:14px"><a href="https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750" style="text-decoration:none;">Mixins Are Dead. Long Live Composition.</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> &nbsp;</span></span></li> <li><span style="font-size:14px"><a href="https://gist.github.com/sebmarkbage/ef0bf1f338a7182b6775" style="text-decoration:none;">Higher-order Components</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://twitter.com/sebmarkbage/status/647831413186629632" style="text-decoration:none;">Sebastian Markb&aring;ge&#39;s Tweet</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">22:52 - Conceptualizing </span><a href="https://facebook.github.io/react/" style="text-decoration:none;">React</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and Flux</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://conf.reactjs.com/schedule.html#flux-panel" style="text-decoration:none;">React.js Conf 2015 - Flux Panel</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Does </span><a href="https://www.npmjs.com/package/redux" style="text-decoration:none;">redux</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> limit ambiguity that exists in Flux?</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:50 - Documentation </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">30:38 - </span><a href="http://elm-lang.org/" style="text-decoration:none;">The Elm Programming Language</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">32:34 - Making Patterns Explicit in Frameworks</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=rw2MY9Q8Vsk" style="text-decoration: none;">Tom Dale @ TXJS 2015</a></span></li> <li><span style="font-size:14px"><a href="http://www.gigamonkeys.com/flowers/" style="text-decoration:none;">Let a 1,000 flowers bloom. Then rip 999 of them out by the roots.</a></span></li> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=4anAwXYqLG8" style="line-height: 1.6; text-decoration: none;">Sebastian Markb&aring;ge: Minimal API Surface Area @ JSConf EU 2014</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">36:31 - Getting Started with React and Flux</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Classes</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">42:42 - Where Flux Falls Short</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">58:23 - Keeping the Core Small; Making Decisions</span></span></p> <p><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Picks</span></span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://www.youtube.com/playlist?list=PLcGKfGEEONaCIl5eU53uPBnRJ9rbIH32R" style="text-decoration:none;">Strange Loop 2015 Videos </a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">&nbsp;(Jamison)</span><br /> <a href="http://typesetinthefuture.com/" style="text-decoration:none;">Typeset In The Future</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://speakerdeck.com/klamping/speaker-notes?utm_source=Software+Lead+Weekly&amp;utm_campaign=4061952748-SWLW_147&amp;utm_medium=email&amp;utm_term=0_efe3d3cd5b-4061952748-131407957" style="text-decoration:none;">Open-source as a project model for internal work (w/ speaker notes) by Kevin Lamping</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Jamison)</span><br /> <a href="https://www.youtube.com/watch?t=1&amp;v=fCn8zs912OE" style="text-decoration:none;">Explanation of Zipf&#39;s Law</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="http://conf.utahjs.com" style="text-decoration:none;">Will Conant&#39;s talk at UtahJS 2015 on Flux</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dave)</span><br /> <a href="http://www.amazon.com/Legend-ZERO-3-Book/dp/B00PMGUG9C/ref=sr_1_2?ie=UTF8&amp;qid=1443561853&amp;sr=8-2&amp;keywords=legend+of+zero" style="text-decoration:none;">The Legend of ZERO (3 Book Series) by Sara King</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://www.boardgamegeek.com/geeksearch.php?action=search&amp;objecttype=boardgame&amp;q=camel+up&amp;B1=Go" style="text-decoration:none;">Camel Up</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="http://elm-lang.org/" style="text-decoration:none;">The Elm Programming Language</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Joe)</span><br /> <a href="https://www.destroyallsoftware.com/talks/boundaries" style="text-decoration:none;">Boundaries: A talk by Gary Bernhardt from SCNA 2012</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://nodevember.org/" style="text-decoration:none;">Nodevember</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://tvfool.com/" style="text-decoration:none;">TV Fool</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.lowes.com/pd_2285-63374-ANT751R___?productId=3549244&amp;pl=1&amp;Ntt=antenna" style="text-decoration:none;">RCA Outdoor Digital HDTV VHF UHF Yagi Type Antenna</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://michaelvey.com/" style="text-decoration:none;">The Michael Vey Book Series</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://welcometobusinesstown.tumblr.com/" style="text-decoration:none;">BusinessTown</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dan)</span><br /> <a href="http://waitbutwhy.com/2015/05/elon-musk-the-worlds-raddest-man.html" style="text-decoration:none;">Elon Musk: The World&rsquo;s Raddest Man</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dan)</span><br /> <a href="https://drboolean.gitbooks.io/mostly-adequate-guide/content/index.html" style="text-decoration:none;">Professor Frisby&#39;s Mostly Adequate Guide to Functional Programming</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dan)</span><br /> <a href="https://en.wikipedia.org/wiki/Abiogenesis" style="text-decoration:none;">Abiogenesis</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dan)</span><br /> <a href="https://github.com/reactjs/react-future" style="text-decoration:none;">react-future</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Dan)</span><br /> <a href="http://righteousmind.com/" style="text-decoration:none;">The Righteous Mind</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Andrew)</span><br /> <a href="https://github.com/lodash/lodash-fp" style="text-decoration:none;">lodash-fp</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Andrew)</span><br /> <a href="http://www.cc.com/shows/inside-amy-schumer" style="text-decoration:none;">Inside Amy Schumer</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Andrew)</span><br /> <a href="https://github.com/facebook/dataloader" style="text-decoration:none;">dataloader</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Andrew)</span><br /> <a href="http://opengov.com/careers/" style="text-decoration:none;">Careers at OpenGov</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Andrew)</span></span></p>
Oct 14, 2015
180 JSJ Finding a Job
58:29
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:14 - </span><a href="http://javascriptjabber.com/15minutes" style="text-decoration:none;">15 Minute Podcast Listener chat with Charles Wood</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">03:23 - Amy&rsquo;s Upcoming Talk at </span><a href="http://nodevember.org/" style="text-decoration:none;">Nodevember</a></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">04:45 - Junior, Mid-level, and Senior Developers</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">08:00 - Advice for Devs Straight Out of Boot Camp (How Job Hunts Work)</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">14:28 - Looking For the Right Job For </span><strong>YOU</strong></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="http://www.amazon.com/gp/product/1934356344/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1934356344&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=THM3GR7YH2WCPPDA" style="text-decoration:none;">The Passionate Programmer: Creating a Remarkable Career in Software Development by Chad Fowler</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">23:22 - Mentorship &amp; Company Culture </span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">27:16 - Nailing the Interview</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Salary Expectations</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Get to Know Potential Team Members</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Confidence</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">32:57 - Be Prepared: Coding is </span><strong>HARD </strong><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Work</span></span></p> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">35:27 - Getting To Know People &amp; Networking</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Hackathons</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Open Source Contribution</span></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Don&rsquo;t Be Afraid &hellip; </span><strong>APPLY!</strong></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Apprenticeships</span></span> <ul> <li><span style="font-size:14px"><a href="https://twitter.com/saronyitbarek" style="text-decoration:none;">Saron Yitbarek</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">: </span><a href="http://www.codenewbie.org/" style="text-decoration:none;">CodeNewbie</a></span></li> </ul> </li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Conferences</span></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">46:45 - Communication and People Skills</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Conway's_law" style="text-decoration:none;">Conway&rsquo;s Law</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Get in touch with Aimee or Chuck!</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Tweet </span><a href="https://twitter.com/cmaxw" style="text-decoration:none;">@cmaxw</a></span></li> <li><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">Fork </span><a href="https://github.com/AimeeKnight/ama" style="text-decoration:none;">Aimee&rsquo;s Ask Me Anything!</a></span><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial; font-size:14.6667px"> </span></li> </ul> <p><span style="font-size:14px">Picks</span></p> <p dir="ltr"><span style="font-size:14px"><a href="https://jsremoteconf.com/" style="text-decoration:none;">JS Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://railsremoteconf.com" style="text-decoration:none;">Rails Remote Conf</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://devchat.tv/remote-conference-talks/" style="text-decoration:none;">Remote Conference Talks</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)<br /> Standing Desks (Aimee)</span><br /> <a href="http://pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html" style="text-decoration:none;">We have a problem with promises</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="https://www.interviewcake.com/" style="text-decoration:none;">Interview Cake</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://nodevember.org/" style="text-decoration:none;">Nodevember</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Aimee)</span><br /> <a href="http://iamnotaprogrammer.com/Ikea-Standing-desk-for-22-dollars.html" style="text-decoration:none;">A standing desk for $22</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://www.amazon.com/gp/product/B0092N4H64/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B0092N4H64&amp;linkCode=as2&amp;tag=chamaxwoo-20&amp;linkId=JBOH4QM5Z5IHPQKD" style="text-decoration:none;">SmartCells Anti-Fatigue Comfort Mat</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="https://pebble.com/pebble-time-smartwatch-features" style="text-decoration:none;">Pebble Time</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span><br /> <a href="http://developer.getpebble.com/docs/pebblejs/" style="text-decoration:none;">Pebble.js</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> (Chuck)</span></span></p>
Oct 07, 2015
179 JSJ redux and React with Dan Abramov
01:01:47
<p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:25 - Dan Abramov Introduction</span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://twitter.com/dan_abramov" style="text-decoration:none;">Twitter</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> </span></span></li> <li><span style="font-size:14px"><a href="https://github.com/gaearon" style="text-decoration:none;">GitHub</a></span></li> <li><span style="font-size:14px"><a href="https://www.youtube.com/watch?v=xsSnOQynTHs" style="text-decoration:none;">Dan Abramov: Live React: Hot Reloading with Time Travel @ react-europe 2015</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">02:43 - Dan&rsquo;s Background and Journey Into Building Stuff with React </span></span></p> <ul dir="ltr"> <li><span style="font-size:14px"><a href="https://en.wikipedia.org/wiki/Visual_Basic" style="text-decoration:none;">Visual Basic</a></span></li> </ul> <p dir="ltr"><span style="font-size:14px"><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial">05:48 - </span><a href="https://www.npmjs.com/package/redux" style="text-decoration:none;">redux</a><span style="background-color:transparent; color:rgb(0, 0, 0); font-family:arial"> and </span><a href="https://facebook.github.io/react/" style="text-decoratio