Episodes
Friday Jun 24, 2016
028 jsAir - On site at KCDC
Friday Jun 24, 2016
Friday Jun 24, 2016
We'll be live and on site at the Kansas City Developer Conference! This conference covers all aspects of software development and we're sure to have really interesting conversations with a lot of people!
- Joe Andaverde - Asynchronous Patterns in JavaScript
- Nate Taylor - TDD, RamdaJS, and Semantic UI
- Cory House - Pro JavaScript, JavaScript Showdown, and Conference Speaking
- Matthew Renze - Data analysis and visualization with the R programming language and Clean code
- Kirsten Hunter - Being a Polyglot programmer
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- TrackJS - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Trading Technologies - Building For What's Next
Wednesday Jun 15, 2016
027 jsAir - For the Beginners with Aimee Knight, Tim Dorr, and Max Stoiber
Wednesday Jun 15, 2016
Wednesday Jun 15, 2016
We're going to talk about when we were beginners, some of the things we wished we knew, some of our biggest early days goofs, our suggestions for newbies, etc. We'll also talk about making the community open to newbies/what can be done to increase this.
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- TrackJS - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Trading Technologies - Building For What's Next
- Links: LOGO programming and Unreal Engine
- Tips: Contribute to project docs!
- Picks: Practical Object-Oriented Design in Ruby (POODR), Webpack Preset, Lady Dynamite on Netflix, and Keto (ketosis/ketogenic) diet
- Links: Carte Blanche
- Tips: You don't have to be Dan or Ryan to get a job
- Picks: DLLPlugin and LookUp app
- Tips: Try to use npm scripts directly for your next project and not a build tool like gulp
- Picks: Overwatch
- Links: JavaScript and Robots with Raquel Vélez
- Tips: Learn one new thing every day (#eggheadADay) and The learning workflow: Consume, Build, Teach
- Picks: react-html-email and aphrodite
- Tips: Learn the language, learn the paradigms, then learn the libraries/frameworks and es5 is still huge. Perhaps start there and learn es2015 after.
- Picks: Orlando Shooting GoFundMe, YOW Lambda Jam 2016 talks, and Functional JavaScript
- Links: The Mess We’re In (talk by Joe Armstrong)
- Tips: Beginners: Don’t stay stuck for more than 15 minutes. Ask for help!
- Picks: Nand2Tetris, Nand2Tetris on Coursera, and Beyond the Resume: How to Get Your Next Job as a Developer
- Links: Software Engineering Daily podcast, episode with Kyle Simpson
- Tips: Everyone: take a walk every single day, and replace one drink a day with water and Beginner Devs: write your code as simply and verbosely as possible, to explain your thinking (or lack of it!) clearly. Don’t just emulate the clever code you see from others.
- Picks: SimpleHTTP2Server and demo, Brotli compression, and You Don’t Know JS, specifically Up & Going
Wednesday Jun 08, 2016
Wednesday Jun 08, 2016
webpack is an amazing bundler for frontend assets. For many people it has completely changed the game for their build pipeline, entirely replacing other build tools and task runners like grunt and gulp. Join us with the webpack creator and core contributors as we talk with the webpack team about this impressive piece of tech.
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- {Track:js} - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Trading Technologies - Building For What's Next
- Links: webpack-merge - My merge tool to keep configuration simple (sharing common config!), webpack-validator - Validation of webpack configuration against a schema + checks against good practices., and SurviveJS Webpack book - Free book on the topic.
- Tips: There is always something new to learn (esp. In frontend). and Fundamentals > specifics.
- Picks: WebpackBin and autojump - a faster way to navigate your filesystem
- Links: LearnYouAHaskell.com – Good resource for learning functional concepts with Haskell., html-webpack-plugin – Almost always a good idea when you’re also bundling CSS with webpack., ProvidePlugin – Solves many problems introduced by legacy scripts and implicit globals, and Healthy Open Source – A walkthrough of the Node.js Foundation’s base contribution policy
- Tips: Do not abstract/split your (webpack) configs. Copy&Paste can be a good thing. and Learning a completely different programming language (like Haskell) “upgrades” your programmer brain :)
- Picks: Z.sh - jump around and Watch Kent's videos about webpack (more coming soon), they are awesome! I did learn some cool stuff :)
- Links: You Don’t Know JS An incredible resource by @getify for learning ES6 and Javascript. (Kyle Simpson), I was wrong about TypeScript and here’s why a great read on the immediate and incredible benefits of Typescript. , Google Doc - Shameless self-promote, but really great intro to webpack., and React Webpack Cookbook (now SurviveJS)
- Tips: When you are struggling on a problem, take two steps back and ask “What am I trying to accomplish. Is this the best avenue for the results.” and Read the source code!!! Source code is the one true documentation. If you are ever curious about how something works, or what additional features there are, pop in the source code and start reading. Webpack’s source code has lots of hidden and cool features.
- Picks: Midwest Dev Chat Slack, webpack-closure-compiler awesome alternative to using UglifyJSPlugin. +1 For Typescript Users with
Tscikle
. , and Webpack starter for those users of Angular, this is a nice full featured repo/boilerplate. Once you understand webpack, this repository is a must clone.
- Links: webpack 2 and RollupJS
- Tips: Explicit dependencies, Try Code Splitting, Try webpack 2, Tips in these slides, webpack & caching, Everything about webpack, Don’t use boilerplates, but read them, webpack examples, Targeted Builds, and helper for building targeted build
- Picks: Analyse Tool and Rust
- Links: babel-plugin-module-alias and Generators, Boilerplates, and Starter Kits
- Tips: Follow me and egghead.io to know when my webpack cookbook course comes out. And follow Frontend Masters to know when to register for my webpack workshop!, Migrating an App to ES6 with webpack workshop (video), and Try to find babel plugins to do stuff you need before you use webpack features because babel is more ubiquitous and interops with more tools.
- Picks: React30 - a new 30 minute podcast by me, Ryan Florence, and Michael Jackson and webpack-validator - validator your webpack config to avoid headaches
- Tips: As hard as it is to focus on the basics, sometimes they’re super necessary to getting to the fun stuff!
- Picks: Tree-shaking with webpack 2 and Babel 6
Tuesday May 31, 2016
Tuesday May 31, 2016
The original show for this week was canceled (Find out why this episode was canceled here). So this is a rerun of our most popular show. Functional programming have been greatly facilitated with ES6. We're going to talk about the how and why of functional programming and immutable design patterns in JavaScript.
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- {Track:js} - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Auth0 - Authentication Made Simple
- Trading Technologies - Building For What's Next
- Picks: A General Theory of Reactivity, The Future of JavaScript MVC Frameworks, [Programming in the 21st Century] (http://prog21.dadgum.com/archives.html), and Redux Saga
- Links: A Modern Architecture for FP and Crazy FP words tweet
- Tips: Watch Dan's Redux videos, Experiment with ramda, immutable.js, and the Maybe Functor, and If you want to read the white papers, checkout The Haskell Road to Logic, Maths and Programming
- Picks: ForwardJS Feb 10th @Regency Ballroom SF
- Tips: Rediscover devtools in Firefox, you’ll be pleasantly surprised -- specifically WebIDE/Valence and CSS Transforms Previewer
- Picks: JavaScript Allongé (book) by @raganwald, Kris Jenkins’ blog posts on FP: [Part 1] (http://blog.jenkster.com/2015/12/what-is-functional-programming.html), [Part 2] (http://blog.jenkster.com/2015/12/which-programming-languages-are-functional.html), The FP side of async programming, and Concurrency’s future on the web
- Tips: Try a standing desk
- Picks: Lowes, The ES2016 Pipe Operator, and Learn JavaScript Arrays in Depth
- Tips: When running git checkout, using '-' as the argument (git checkout -) takes you back to the branch you were last on, hub makes it easier to work with github on the command line. Tab completion is especially helpful, and fetch all PRs if you do a lot of PR reviews, this can be really helpful. It downloads all new PRs as branches whenever you fetch
- Picks: Jessica Kerr - Functional Principles In React
Wednesday May 25, 2016
Wednesday May 25, 2016
A Progressive Web App "uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, leveraging the web's low friction." The JavaScript Air website uses some of these techniques and technologies. Let's learn about this awesome stuff!
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- {Track:js} - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Auth0 - Authentication Made Simple
- Trading Technologies - Building For What's Next
- Links: Introducing Pokedex.org: a progressive webapp for Pokémon fans, Mozilla's SW Cookbook, sw-toolbox (so much good stuff here), and Background Sync
- Tips: Sometimes it's just easier to disable registering SW in development. Just helps when you're trying to build/fix other parts of the site., It's very important to test your update process when deploying new versions of apps with SW. It's possible to “brick” a web app since if you successfully register a SW, then push an update that has a JS error that prevents your SW registration code from running. Pushing a new version won't fix it because it won't register the new SW and keeps serving the broken code from the previous SW. , and It's early to say this, but I think GraphQL will eventually replace REST as dominant http API approach for applications.
- Picks: I <3 reselect for Redux apps
- Links: Caching best practices & max-age gotchas by Jake Archibald, My stupidest webapp, and The FT’s webapp
- Tips: If you do 'network first' routes in the service worker, fallback set a timeout to wait for the response and if it fails respond with cached or fallback content. This keeps the app responsive when the device is "online" but no data is going anywhere this stops infinite loading spinners when connected to captive portals, or have low phone signal. I do 2-5s timeout usually.
- Picks: sw-toolbox, sw-precache, and lighthouse
- Links: Jake's article on appcache, Infographic on service worker, Paul Lewis on CORS, Ionic and PWAs, Differences between PWAs and AppCache apps, On URLs in Progressive Web Apps by Bruce Lawson, The importance of URLs by Stuart Langridge, Regressive Web Apps by Jeremy Keith, and Progressive Web Apps and the future of the Web (video) by Bruce Lawson
- Tips: Chrome Canary now has an “Application” tab showing PWA and storage information, Chrome Canary has a “clear all storage” button (so handy!), and sw-precache and sw-toolbox are awesome, see web-starter-kit for a full working app that uses them
- Picks: Hoop Dreams (1994 documentary)
- Links: CORS for Concern by Paul Lewis and Infographic on Service Worker
- Tips: Make sure you use waitUntil() for any async operations outside of respondWith(). Many examples will try to do things like cache resources after resolving the respondWith() promise without calling waitUntil(). The browser can kill the worker before these async operations complete. You may not see this in development, though, because the browser sometimes keeps the worker alive with devtools open.
- Picks: Sound Slice
- Links: JavaScriptAir.com is a progressive web app!
- Tips: Avoid nesting your tests: Nested Unit Tests: An Anti-Pattern
- Picks: vaadin Progressive Web App Competition
Wednesday May 18, 2016
023 jsAir - Transitioning from REST to GraphQL with Lee Byron and Steven Luscher
Wednesday May 18, 2016
Wednesday May 18, 2016
We've heard about GraphQL quite a bit. We know that there are problems with REST and GraphQL solves many of those problems. But now we have a new problem: Transitioning from REST to GraphQL. Let's talk about what it takes to do that well and how services need to adapt to this new way of thinking about data access.
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- {Track:js} - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Auth0 - Authentication Made Simple
- Trading Technologies - Building For What's Next
- Links: Awesome GraphQL and Lokka
- Picks: Suspension, a novel
- Links: Zero to GraphQL on GitHub (https://github.com/steveluscher/zero-to-graphql), Zero to GraphQL Video (https://www.youtube.com/watch?v=UBGzsb2UkeY), Wrapping a REST API in GraphQL blog post (http://graphql.org/blog/rest-api-graphql-wrapper/), Charles, Apollo, and postgraphql
- Tips: When you arrive at an n-way stop at the same time as one or more vehicles, who should go first? Take your right hand, and point it to the right of you. If you’re pointing at nobody, it’s your turn to go!
- Picks: Music: Spirits – The Strumbellas and Book: The Lost Chord – Conrad Amenta
- Tips: Colocate AMAR (as much as reasonable)
- Picks: LGTM, Code Cartoons - A cartoon guide to Facebook’s Relay, and Aphrodite - CSS in JS done right
Thursday May 12, 2016
Thursday May 12, 2016
The JavaScript community is composed of a ton of people with a ton of different backgrounds and privilege. We need to do our very best to make everyone feel as included as possible. It makes everything better when we work to foster a welcoming and friendly community. We're going to talk about what you can do to improve your workspace and community.
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- {Track:js} - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Auth0 - Authentication Made Simple
- Trading Technologies - Building For What's Next
- Links: Google Unconscious Bias Training, Facebook Unconscious Bias Training, and Microsoft Unconscious Bias Training
- Tips: Be aware that you - and everyone - has natural biases
- Tips: Always ask why? and Why do we get the results we have? Why is the sky blue? Never lose your curiosity
- Picks: Danger of a single story - TED talk, Tomorrow Looks Bright Newsletter, Call Your Girlfriend Podcast, and Recode Decode
- Links: Jack Ma Says Women Executives Are Alibaba’s ‘Special Sauce’
- Tips: Platinum Bay is hiring
- Links: A Speaker’s Notes talk from Fluent Conf ‘16 about making more room on the conference stage for more voices.
- Tips: Write code as if it was intended for kids to read and learn.
- Picks: Simplified JS Jargon, Minimax Algorithm, aka how to have a computer beat/tie you at Tic-Tac-Toe, and MakerSquare opens new NYC campus
- Tips: Free your mind and use reminders
- Picks: You Can Sit With Us T-Shirt, Erwan Datin created a JS Air app in React Native! Repo, iOS, Android, and Becoming Betazoid How to Listen and Empathize with Others in the Workplace – Joe Eames
Friday May 06, 2016
021 jsAir - On site at ng-conf
Friday May 06, 2016
Friday May 06, 2016
We'll be on site at one of the biggest and most exciting conferences in the world: ng-conf. In this show we'rejoined by some amazing developers and community builders in the Angular community.
- samuel john saccone - Promises are probably older than you.
- Tero Parviainen - Generative Art in Angular 2
- Mike Brocchi - Learn Clingon (Angular CLI)
- Scott Moss - Angular 2 for the rest of us
- Aysegul Yonet - Pipe Hype (Creating custom pipes)
- Alyssa Nicoll and Sergio Cruz - Wanting it all vs. Being Great
- Jules Kremer, Brad Green, and Miško Hevery - Keynote (Angular Community)
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- {Track:js} - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Fluent - Web development training
- Auth0 - Authentication Made Simple
- Trading Technologies - Building For What's Next
- Links: The Changlog episode 200: JavaScript and Robots with Raquel Vélez, Healthy Open Source by Mikeal Rogers, and Open Source Stamina by me 😄
Wednesday Apr 27, 2016
Wednesday Apr 27, 2016
Ember is one of the most widely used JavaScript frameworks in the world and has some pretty amazing features. Its focus is on giving you everything you need to build web applications and delivers on that promise for many applications in the world today!
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- {Track:js} - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Fluent - Web development training
- Auth0 - Authentication Made Simple
- Trading Technologies - Building For What's Next
- Links: Intercom, EmberConf Keynote, and Controlling Ableton Push with Node.js
- Tips: "It's not not done until it ships" is from a time when shipping software meant CDs in boxes. "Shipping is just the beginning" is better for modern software.
- Picks: Ableton Push Midi Controller
- Links: Gavin and Yehuda do a deep-dive on Glimmer 2, Future of Ember Templating, at EmberConf 2016, and Element Modifier RFC
- Picks: Ember-concurrency docs: http://ember-concurrency.com/#/docs, Ember-concurrency blog post: https://medium.com/@machty/ember-concurrency-the-solution-to-so-many-problems-you-never-knew-you-had-cce6d7731ba9#.e6r0iv44u, Ember-concurrency video: https://vimeo.com/162329769, and WickedGoodEmber, this summer in Boston: https://wickedgoodember.com/
- Links: Ember Observer and Ember CLI Deploy
- Picks: Destiny, Ember Community, and Ember Slack
- Tips: Thank at least one person every day out of the blue
- Picks: JavaScript Community Thank You Letter from David Wells and Teledoc
Thursday Apr 21, 2016
Thursday Apr 21, 2016
The world is becoming more and more interconnected with more devices joining and communicating on the network every day. The space of hardware hacking is exciting! It's becoming even more welcoming to developers as the barrier to entry has been decreased significantly with JavaScript.
- Egghead.io - Bite-sized web development video training
- Frontend Masters - Expert front-end training
- {Track:js} - JavaScript Error Monitoring
- SparkPost - Email. We've Got It Down.
- WebStorm - Smart JavaScript IDE
- Fluent - Web development training
- Auth0 - Authentication Made Simple
- Trading Technologies - Building For What's Next
- Picks: Suz Hinton’s (cat filled!) presentation on how javascript runs on hardware https://vimeo.com/129003513 and Coming after 4/22 - A tutorial on making a simple IOT device with particle http://portfolio.gelicia.com/connecting-the-internet-with-the-thing-on-the-particle-platform/
- Links: Learn JavaScript Robotics, Tessel, and Espruino
- Picks: Kristina Durivage and avrgirl
- Picks: Chvrches and BLE Hacking (Bluetooth Low Energy)
- Tips: Communicate with screencasts!
- Picks: How to create a bite-sized screencast by your’s truly, Conference Speaker? Here’s 7 Tips for Getting Accepted by Cory House, and JavaScript and Robots with Raquel Vélez (rockbot)