Episodes
Thursday Jun 30, 2016
029 jsAir - Web Animations with Matias Niemelä, Rachel Nabors, and Sarah Drasner
Thursday Jun 30, 2016
Thursday Jun 30, 2016
Web Animations with Matias Niemelä, Rachel Nabors, and Sarah Drasner
It's totally mind blowing what can be done to enhance the user's experience with animations on the web these days. Let's talk about how some of this is done and what tools are out there to help you with 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
- React.js Program - Master the React.js Ecosystem
- Sentry - Cross-platform crash-reporting
- My CodePen
- Comparison of Animation Technologies on CSS-Tricks
- Frontend Masters Course
- O’Reilly book coming: SVG Animations
- The First Pull Request and Zero to 60 in Software Development: How to Jumpstart Your Career - talks by Kent C. Dodds
- Keep up with the Angular RC releases
- Write a letter to someone
- React Rally
- My Frontend Masters workshops. Webpack Deep Dive and Writing an Open Source Library
- My Webpack Playlist on Egghead.io (includes my Webpack course)
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