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 Chro

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 -

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

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 Der

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

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

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 -

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.or

Working in Silicon Valley is very unique. We work in a bubble, immersed in technology. There are billboards about frameworks, technology, and gadgets. Coffee shops are filled with people on Macbooks covered in stickers. Conversations on the train, coffee shops and on the streets are about programming languages. There’s a unique culture from other places we’ve all lived. In this episode, we share our thoughts and experiences living and working in Silicon Valley. Items mentioned in the episode: Silicon Valley, Chelsea Handler Does, Skam, Rover, Sushirrito Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Ryan Anklam - @bittersweetryan Sarah Federman - @sarah_federman Picks: Ryan Burgess - Philz coffee Ryan Burgess - Allbirds shoes Ryan Burgess - City and Colour Augustus Yuan - Tinyletter Jem Young - ES6 Compatibility table Jem Young - Music for programming Jem Young - Rapping, deconstructed Derrick Showers - Periscope Derrick Showers - F

In this episode, we have a special guest joining us to talk about digital accessibility, Jennison Asuncion who is a leader in the accessibility community and has a lot of information to help us improve our websites and applications be more accessible for all users. We also talk about Global Accessibility Awareness Day (GAAD) coming up on May 19th. Find out how you can participate. Items mentioned in the episode: Global Accessibility Awareness Day, Using VoiceOver to Evaluate Web Accessibility, AccessLint, axe Core, Tenon, Chrome Accessibility Developer Tools, list of Meetups on accessibility, Apps For All: Coding Accessible Web Applications eBook, International Technology and Persons with Disabilities Conference (CSUN Conference), Accessibility Camp Bay Area (Fall 2016), Boston Accessibility Conference (Fall 2016), Accessibility Camp Toronto (Fall 2016) Guests: Jennison Asuncion - @Jennison Panelists: Ryan Burgess - @burgessdryan Derrick Showers - @derrickshowers Sarah Federman - @sarah_federman Picks: Je

We’ve all heard unit testing is good, but how do you get started writing unit tests? In this episode of Front End Happy Hour we share our experiences and advice writing unit tests. We discuss why it’s important and beneficial to have unit tests in your JavaScript. We share how we’ve approached unit tests and what a good unit test looks like. We also talk about the various tools and frameworks available to get your code properly tested. Items mentioned in the episode: Selenium, Black-box testing, White-box testing, Ember guides, Mocha, Jasmine, QUnit, Tape, Jest, Webpack, 5 Questions Every Unit Test Must Answer, Ember CLI, React CLI, Karma, What is the difference between a test runner, testing framwork, assertion library, and a testing plugin?, Ember Guides introduction to Unit Testing Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Picks: Ryan Burgess - Caffeine for Mac Ryan Burgess - Odesza Augustus Yuan - Google Doodles Augustus Yu

In order to work professionally as a front end developer, there is always an intense interview process. In this episode, we share our experiences and thoughts on the interviews we’ve done in the past. Not only have we had experience being interviewed, we’ve also had a lot of experience interviewing other engineers for jobs at our companies. We share things we’re looking for when we interview candidates to join our teams. Items mentioned in the episode: Eclipse, Othello, Big O notation, FizzBuzz, Ryan Anklams famous t-shirt, War of the Worlds radio broadcast Panelists: Derrick Showers - @derrickshowers Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Ryan Burgess - @burgessdryan Brian Holt - @holtbt Augustus Yuan - @augburto Sarah Federman - @sarah_federman Picks: Ryan Burgess - Aerial screensaver Ryan Burgess - Amazon Dash Buttons Ryan Burgess - Front End Happy Hour Playlist Ryan Anklam - Escape app Ryan Anklam - Best of Old Time Radio Podcast Ryan Anklam - Dusty Kid - Beyond That Hill Sarah Federman -

ECMAScript 6 was a major release for the JavaScript language. There’s a lot of great new features that have been added. In this episode we discuss how you can start using ES6 today and what we’ll start seeing in the next year for the latest update to ECMAScript. We share our favorite features and the best ways to learn and stay up to date with new features. Items mentioned in the episode: ESNext, Ben Lesh - Netflix JavaScript Talks - RxJS Version 5, Ponyfoo blog, 5 Minutes of JavaScript, Compat Table ES6, Facebook Codemod Panelists: Derrick Showers - @derrickshowers Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Ryan Burgess - @burgessdryan Brian Holt - @holtbt Augustus Yuan - @augburto Sarah Federman - @sarah_federman Picks: Ryan Anklam - 1Password Ryan Anklam - Vim Tabular Ryan Anklam - 90s Hip Hop Ryan Burgess - Elegant React with ES6 (and a bit of ES7) - React Rally Ryan Burgess - Lot 40 Whiskey Sarah Federman - HTML5 Please Sarah Federman - Death Medieval Sarah Federman - Microsoft AI Bot Jem Yo

In this ever changing industry of front end development, developers are constantly learning. In this episode of Front End Happy Hour we discuss everything from our school backgrounds and what lead us to front end development. We also share ways we stay up to date with the ever-changing landscape of new technologies. Along with our usual panelists, we are joined by guest Sarah Showers, a front end developer from Apple. Guests: Sarah Showers - @sarahlshowers Panelists: Derrick Showers - @derrickshowers Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Ryan Burgess - @burgessdryan Picks: Sarah Showers - Hamilton Ryan Anklam - Massive Attack- Angel Derrick Showers - Apple Music Jem Young - Scotland JS Jem Young - Explosions in the Sky Ryan Burgess - Tycho Ryan Burgess - Comeback Kid

In the second episode of the Front End Happy Hour podcast, our special guest, Ben Lesh joins us to talk about all the great things in RxJS 5. Items mentioned in the episode: Rx Marbles Guests: Ben Lesh - @BenLesh Panelists: Brian Holt - @holtbt Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Ryan Burgess - @burgessdryan Picks: Ben Lesh - Egghead.io Ben Lesh - Egghead.io - RxJS Creating Observables from Scratch Ryan Burgess - Netflix UIE YouTube Channel Ryan Burgess - Amazon Echo Augustus Yuan - Tilt Brush Jem Young - EcmaScript Proposals Ryan Anklam - VimCasts Ryan Anklam - Ready Player One Audibook Brian Holt - Factorio

For our very first episode of the Front End Happy Hour podcast, we have our panelists (Augustus Yuan, Derrick Showers, Jem Young, Ryan Anklam and Ryan Burgess) discuss their opinions on the Medium article posted in early January, titled "The Sad State of Web Development", written by Drew Hamlett. The panel shares their thoughts on front end tools and how they view the current state of web development. Items mentioned in the episode: Gulp, Grunt, Broccoli JS, npm, Babel, Sass, PostCSS, React, Ember, Angular Panelists: Augustus Yuan - @augburto Derrick Showers - @derrickshowers Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Ryan Burgess - @burgessdryan Picks: Ryan Burgess - Viking & Lumberjack Series Ryan Burgess - O’Reilly Fluent Conference Ryan Anklam - frinkiac.com Ryan Anklam - Red Rising Trilogy Jem Young - Syntax Con Jem Young - Planet Money Jem Young - MacBook Selfie Stick Derrick Showers - Let’s Encrypt Derrick Showers - Product Hunt Augustus Yuan - Github Scientist