Front End Happy Hour

Users are extremely sensitive to web performance. The slightest change in a website’s load time can impact a user staying or going. In this episode we talk about ways to help improve web performance and why it’s so important.

Items mentioned in the episode:

Amazon found every 100ms of latency cost them 1% in sales, Page speed correlates to business metrics at Walmart.com, For Google, 400ms of increased page load time, results in 0,44% lost search sessions, The Social Network, Large DDoS attacks cause outages at Twitter, Spotify, and other sites, Google Page Rank, AMP, 2G Tuesdays, Gzip, Wordpress, Forward JS, WebPageTest, PageSpeed, Gulp, Grunt, npm, Broccoli, Glimmer, GWT, React, Ember, Angular, Debugging Node.js in Production

Panelists:

Ryan Burgess - @burgessdryan

Augustus Yuan - @augburto

Derrick Showers - @derrickshowers

Sarah Federman - @sarah_federman

Picks:

Ryan Burgess - Caplansky's Deli

Ryan Burgess - React Perf Tool

Augustus Yuan - FlameGraph

Augustus Yuan - Real-time performance audit with Chrome DevTools

Derrick Showers - Week of learning

Derrick Showers - Black Mirror

Derrick Showers - Man In The High Castle

Sarah Federman - Bridge Troll

Sarah Federman - Imgix Page Weight Tool

Sarah Federman - CSS Triggers

In this episode, we are joined by Chris Saint-Amant from Netflix to help discuss what it’s like to transition from being an engineer to becoming an engineering manager. We share our thoughts on what engineers expect in their manager and share advice for engineers interested in moving into a management role.

Guests:

Chris Saint-Amant - @csaintamant

Panelists:

Ryan Burgess - @burgessdryan

Augustus Yuan - @augburto

Jem Young - @JemYoung

Derrick Showers - @derrickshowers

Ryan Anklam - @bittersweetryan

Brian Holt - @holtbt

Picks:

Chris Saint-Amant - Radical Candor

Chris Saint-Amant - Suuns - Hold/Still

Ryan Burgess - I'll Sleep When I'm Dead

Ryan Burgess - The Advantage

Augustus Yuan - Free O’Reilly Books

Augustus Yuan - Noto font by Google

Jem Young - Infinite Jukebox

Jem Young - XOXO Soundtrack

Jem Young - TC-39

Jem Young - Ryan Burgess @ Full Stack Toronto

Derrick Showers - Being a Manager is Hard

Derrick Showers - The State of JS

Ryan Anklam - Samsung SmartThings Hub

Ryan Anklam - Flume - Skin

Brian Holt - Bottle Logic Brewing

As an engineer we build things, but we also make mistakes or introduce bugs into the software we write. In this episode, we share horror stories of things that we’ve experienced in our careers and how we’ve learned from them. Hopefully, this episode helps you avoid making similar mistakes.

Items mentioned in the episode:

Flash, Sass, Python, PHP, Chartbeat, SRE, Reddit Marketplace, Full Stack TO, Wordpress, Nagios, Jenkins

Panelists:

Ryan Burgess - @burgessdryan

Augustus Yuan - @augburto

Jem Young - @JemYoung

Brian Holt - @holtbt

Sarah Federman - @sarah_federman

Picks:

Ryan Burgess - React plus X: Best Practices for Reusable UI Components - Mars Jullian

Ryan Burgess - React Rally 2016 videos

Augustus Yuan - I got scammed by a Silicon Valley startup

Augustus Yuan - React Game Kit

Jem Young - A Very Secret Service

Jem Young - APEX: The Story of the Hypercar

Brian Holt - Polarheart

Brian Holt - Traveling

Sarah Federman - GitHub Universe conference

Sarah Federman - Oh Shit Git

In the JavaScript community, we have a lot of amazing frameworks that help us in our day to day work. It can be at times overwhelming to understand what framework is the best one to use. In this episode, we discuss our thoughts and opinions on the various frameworks.

Items mentioned in the episode:

React, Angular, Ember, JQuery, Backbone, Marionette, Knockout, Troop, Prototype, YUI, Webpack, GWT, Brian Holt's React & ES6 workshop, Ghost, Frontend Masters, Egghead.io, Pluralsight, Linda.com, Ember Slack, Paul Irish, John Lindquist

Panelists:

Ryan Burgess - @burgessdryan

Augustus Yuan - @augburto

Derrick Showers - @derrickshowers

Picks:

Ryan Burgess - React in 7 minutes

Ryan Burgess - Mackup

Augustus Yuan - AMP Project

Augustus Yuan - DoodlesTV

Derrick Showers - Fidget cube

Derrick Showers - Sully

Derrick Showers - Alamo Drafthouse

Conferences continue to be a great way to learn and grow as an engineer. In the 14th episode of the Front End Happy Hour podcast we discuss the value of conferences and why you might want to attend. It’s a special episode because we recorded at React Rally in Salt Lake City. At the conference we caught up with a lot of great attendees and speakers to hear about their experiences at conferences and the benefits for attending.

Items mentioned in the episode:

React Rally, Fluent Conference, Scotland JS, FITC, Adobe Max, Jamison Dance, Matt Zabriskie, React JS, Pete Hunt, Stranger Things, Xoxo, Recruiter episode

Guests:

Tasha Alfano - @TashAlfano

Sumana Mohan - @sumana_mohan

Henry Zhu - @left_pad

Ryan Wachholz - @https://github.com/wachie

Quinn Daniels - @https://github.com/aqdaniels

Hani Ahir - @HaniAhir

Albert Toledo - @toledoalbert

Brian Tice - @BrianTice99

Panelists:

Ryan Burgess - @burgessdryan

Jem Young - @JemYoung

Ryan Anklam - @bittersweetryan

Picks:

Ryan Burgess - V-moda m-100 headphones

Ryan Burgess - Deadmau5 Stranger Things Cover

Jem Young - Emojipedia

Jem Young - Tron Legacy Reconfigured

Ryan Anklam - Disclosure - You & Me - Flume remix

Ryan Anklam - Zamst Knee Brace

In episode 13 of the Front End Happy Hour podcast, we’re joined by Jafar Husain from Netflix to talk with us about the future of JavaScript. Jafar is part of the TC-39 committee that helps determine the future specs of ECMAScript. Jafar shares a lot of interesting insights into how the committee works and how a feature makes it's way into the spec. Jafar also talks to us about Observables and cancellable promises.

Items mentioned in the episode:

TC-39, ECMAScript, Iterators and Generators, Proxies, Observables, Promises, Evan Czaplicki, Yehuda Katz, Rust Language, TypeScript, Elm Language, PureScript, Flow, Jay Phelps, LazyDOM, Tracy Lee

Guests:

Jafar Husain - @jhusain

Panelists:

Ryan Burgess - @burgessdryan

Jem Young - @JemYoung

Derrick Showers - @derrickshowers

Brian Holt - @holtbt

Picks:

Jafar Husain - Idris Language

Ryan Burgess - Status, process, and documents for ECMA262

Ryan Burgess - Octomore Scotch 07.1

Jem Young - Morbotron

Jem Young - Full Stack Toronto

Derrick Showers - Glimmer 2 Deep Dive

Derrick Showers - Rogue varieties

Brian Holt - I Really Like Angular 2 - Trailer for The Jeff Cross Show on Modern Web feat Jafar Husain

Brian Holt - Modern Web Podcast

As an engineer or developer we currently fortunate enough to have a wide selection of amazing jobs and companies to work for. Although we have a wide selection of jobs, finding the right one is extremely important and may require some additional work. In this episode, we are joined by the guests Chrissy Running and Alayna Ketner who are both talented recruiters at Netflix. Chrissy and Alayna have a lot of experience working with engineers to help find the ideal role. We’ll discuss types of things companies are looking for and how you can best leverage competitive offers in your job searches.

Items mentioned in the episode:

Firebase, Glassdoor, Ted Talk - Power pose, Ten Rules for Negotiating a Job Offer, Salary Negotiation

Guests:

Chrissy Running - @ChrissyRunning

Alayna Ketner - @AlaynaSK

Panelists:

Ryan Burgess - @burgessdryan

Augustus Yuan - @augburto

Jem Young - @JemYoung

Ryan Anklam - @bittersweetryan

Sarah Federman - @sarah_federman

Picks:

Chrissy Running - Culture Map

Chrissy Running - The Night Of

Alayna Ketner - The Fundamentals of Caring

Alayna Ketner - Song Exploder

Ryan Burgess - React CLI tool

Ryan Burgess - Young, Wild & Free - Snoop Dogg, Wiz Khalifa, Bruno Mars

Augustus Yuan - a.singlediv.com

Augustus Yuan - httpoxy

Jem Young - Jon Hopkins

Jem Young - Star Trek Beyond (sucks)

Ryan Anklam - STS 121 Launch

Ryan Anklam - Bojack Horseman - Season 3, episode 4

Sarah Federman - Full Width Containers in Limited Width Parents

Sarah Federman - The Macro - Interviews

Leveraging transpilers is extremely helpful in allowing us to extend the JavaScript language in ways JavaScript engines cannot. There are a lot of amazing transpilers available in the JavaScript community and we all love transpilers, but there are things developers should be aware of when we’re using transpilers.

Items mentioned in the episode:

Babel, CoffeeScript, TypeScript, Traceur, Sass, Less, Stylus, Chrome V8, Firefox SpiderMonkey, IE Chakra, TC39 Committee, React CLI, ClojureScript, Ohm, CodePen, Racket, Erlang

Panelists:

Ryan Burgess - @burgessdryan

Augustus Yuan - @augburto

Jem Young - @JemYoung

Derrick Showers - @derrickshowers

Ryan Anklam - @bittersweetryan

Brian Holt - @holtbt

Sarah Federman - @sarah_federman

Picks:

Ryan Burgess - Stranger Things

Ryan Burgess - Jem Young - Transpilers: not so fast my friend - Empire JS

Augustus Yuan - Github Go to Definition Chrome Extension

Augustus Yuan - StackOverflow’s Documentation Beta

Jem Young - Explosions in the Sky - The Wilderness

Jem Young - Digital Ocean

Derrick Showers - Babel Try It Out

Derrick Showers - Google Inbox

Ryan Anklam - Google Keep

Ryan Anklam - Wafia - Heartburn Felix Cartel Remix

Brian Holt - HyperTerm

Brian Holt - Visual Studio Code

Sarah Federman - Elle - Women in Tech 2016

Sarah Federman - Less: The World’s Most Misunderstood CSS Pre-processor*

In the technology industry we’re continually trying to grow the diversity of people who are working in the space. Most recently there have been a lot of great efforts made to increase the number of women in tech. In this episode we are joined by two talented women working at large tech companies in the Bay Area, Lisa Burgess (Uber) and Mars Jullian (Netflix). We discuss what it’s like to be a women working in tech and talk about ways we can help foster a more inclusive industry.

Items mentioned in the episode:

Apple diversity report, Netflix diversity report, LinkedIn diversity report, Google diversity report, Facebook diversity report, Thoughts on Gender and Radical Candor, Vague Feedback Is Holding Women Back, Textio, State of Girls and Women in STEM, Unconscious Gender Bias

Guests:

Mars Jullian - @marsjosephine

Lisa Burgess - @_lisaburgess

Panelists:

Ryan Burgess - @burgessdryan

Augustus Yuan - @augburto

Jem Young - @JemYoung

Derrick Showers - @derrickshowers

Brian Holt - @holtbt

Picks:

Lisa Burgess - Sift Dessert Bar

Lisa Burgess - Shiny

Mars Jullian - 99% Invisible

Mars Jullian - Invisiblia

Mars Jullian - TED Radio

Ryan Burgess - High West Rendezvous Rye

Ryan Burgess - Snak the Ripper - From the Dirt

Augustus Yuan - Blameless Post Mortems

Jem Young - Ava

Jem Young - Music for Programming

Jem Young - Women in tech for the past 50 years!

Derrick Showers - High West Silver Whiskey

Derrick Showers - WWDC iOS 10

Derrick Showers - Mr Robot

Brian Holt - Project Include

Brian Holt - elk-cli

In this episode we learn about animating with JavaScript. We’re joined by a special guest, Sarah Drasner, who is an expert in JavaScript and SVG animations. Having good animations in your product is really important for the overall user experience. In the episode we discuss various libraries to help create animations in your websites or applications. Sarah shares a lot of valuable information.

Items mentioned in the episode:

Coin, GreenSock, Weighing SVG Animation Techniques (with Benchmarks), Mac Pro parallax, Mo.js, Lego Mushroom, SnapSvg, D3, Sara Soueidan, React Motion, Sarah Drasner's CodePen, Framer JS, React Training, A Comparison of Animation Technologies, SVGOMG, SVGO, IcoMoon

Guests:

Sarah Drasner - @sarah_edo

Panelists:

Ryan Burgess - @burgessdryan

Augustus Yuan - @augburto

Derrick Showers - @derrickshowers

Sarah Federman - @sarah_federman

Picks:

Sarah Drasner - Val Head's book

Sarah Drasner - Valio Con

Ryan Burgess - Sleep no more

Ryan Burgess - Internet trends 2016

Augustus Yuan - Jankfree.org

Augustus Yuan - Icon System with SVG sprites

Derrick Showers - how2

Derrick Showers - Werker

Sarah Federman - Transitions and Animations in CSS

Sarah Federman - Alexa / Pebble Core integration