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