Front End Happy Hour

In this episode, we’re joined by Shirley Wu, a Freelance Software Engineer who focuses on Data Visualization. Shirley shares a lot of knowledge about Data Visualization using JavaScript. Guests: Shirley Wu - @sxywu Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Stacy London - @stacylondoner Picks: Shirley Wu - Domestic Data Streamers Shirley Wu - Openviz Shirley Wu - D3 Unconf Shirley Wu - Data Stories Podcast Ryan Burgess - Shop Talk Show - React with Netflix Ryan Burgess - Amplifi Stacy London - svgomg Stacy London - Ellen Allien’s new album Nost Augustus Yuan - Pokemon Terminal Augustus Yuan - How Selections Work Augustus Yuan - D3-Annotation Jem Young - Web Typography for Non-Designers Jem Young - The Story of O.J.

We’ve received a lot of great questions from our listeners and wanted to take the time to answer them as an AMA (Ask Me Anything) episode. Thank you all for the great questions, we had a lot of fun answering them. Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Ryan Anklam - @bittersweetryan Brian Holt - @holtbt Mars Jullian - @marsjosephine Stacy London - @stacylondoner Picks: Ryan Burgess - Breaker app Ryan Burgess - PhoneSoap Augustus Yuan - Front End Guide Augustus Yuan - Summer sale on Steam Jem Young - A crash course in memory management Jem Young - The Discovery Derrick Showers - The Obesity Code Derrick Showers - Headspace Ryan Anklam - Children of Time Book Ryan Anklam - Darigold Old Fashioned Chocolate Milk Brian Holt - Bing Brian Holt - OneNote Brian Holt - Regina LC Tattoo Brian Holt - City Pups SF Mars Jullian - Clif nut butter filled bars Mars Jullian - iShows app Stacy London - Green Machine rolls at Bamboo in Portland Stacy London - Hands Down (feat. jennylee) by Trentemøller

Starting a new job is never easy, but a good onboarding process can make all the difference. In this episode, we talk about our experiences with onboarding at companies we’ve worked at and share our thoughts on what makes a good experience when starting a new job. Items mentioned in the episode Evernote, MySQL, Brew, Tomcat, Atlassian, Docker, Reed Hastings, Java, Struts, Stash, Gulp, npm, Bitbucket, Confluence, PostgreSQL, Django, Python, Accidently destroyed production database Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Ryan Anklam - @bittersweetryan Stacy London - @stacylondoner Picks: Ryan Burgess - Masters of Scale Ryan Burgess - Mr. Chilly Augustus Yuan - Stockstream Augustus Yuan - Scrimba Ryan Anklam - Sam Felt’s House Party Playlist Ryan Anklam - Yarn determinism Stacy London - A Unified Styling Language Stacy London - Outgoing Society by Shed

In this episode, we’re joined by Jyri Tuulos and Josh London to help discuss reusable components and building style guides. Jyri is a Staff Engineer at AdRoll and Josh is a Senior Designer at Netflix. We discuss best practices companies are leveraging style guides and reusable components. We also share the positives and negatives to having a style guide. Items mentioned in the episode: AdRoll, Netflix, JavaScript, CSS, CSS Preprocessor, PHP, LinkedIn, LinkedIn Learning, Jennison Asuncion, Accessibility episode, Atlassian, Bitbucket, Evernote, Storybook, npm, Slack, Laurie Voss, React, Angular, React plus X: Best Practices for Reusable UI Components, Forward JS, React Style Guide Generator, Pattern Lab, Brad Frost, Dave Olson, Atomic Design, JQuery, JQuery Widgets, Sketch, SASS, Bootstrap, React Bootstrap, Starbucks Style Guide, Styleguides.io Guests: Jyri Tuulos - @jtuulos Josh London - @joshualondon Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Mars Jullian - @marsjosephine Stacy London - @stacylondoner Picks: Jyri Tuulos - AdRoll style guide Jyri Tuulos - Reasonably Sound Josh London - InspiRock Josh London - React Sketch App Ryan Burgess - XLR8 Connect Diaper Backpack Ryan Burgess - Bosch Augustus Yuan - Quick Draw! Google Dataset Augustus Yuan - Style Guides Augustus Yuan - Google I/O videos Jem Young - Why did the chicken cross the road Jem Young - ES6 Proxies and Reflection Derrick Showers - Instacart Derrick Showers - Blue Apron Mars Jullian - Single Div Mars Jullian - Detour Stacy London - AtlasKit Stacy London - Actually Smiling by Geotic

In this episode, we are joined by Laurie Voss, the COO and former CTO at npm. Npm, also known as Node Package Manager has been an important tool in the JavaScript community and has helped engineers share their code. In today’s episode, we’ll be discussing how we leverage npm and find out what we can expect from npm 5. Laurie also teaches us some cool tricks that exist in the npm cli. Items mentioned in the episode: Node, npm, Ruby, Python, Java, Back End Happy Hour, CommonJS, CocoaPods, Stack Overflow, Github, Babel, Webpack, Closure Compiler, Rollup, Browserify, Yarn, npm Enterprise, Left-pad, Express, Google, Monster Cable, Gold Apple Watch, I am rich, Semver.org Guests: Laurie Voss - @seldo Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Mars Jullian - @marsjosephine Picks: Laurie Voss - npm 5 Laurie Voss - Slides.com Laurie Voss - Next.js Ryan Burgess - Moment Lens Ryan Burgess - Lin Clark - A Cartoon into Fiber - React Conf 2017 Ryan Burgess - The Founder Augustus Yuan - Deco IDE Augustus Yuan - Mocktails Mixer by Deeplocal Jem Young - Aviation Jem Young - Music to Draw To: Satellite Derrick Showers - How I built this podcast Derrick Showers - Containers podcast Derrick Showers - Jackbox TV Mars Jullian - Spotify Mood playlists Mars Jullian - SkyGuru

In this episode, we are joined by Trey Shugart who is a front-end developer (Principal Developer) at Atlassian, proponent of web components, and author of SkateJS to talk about Web Components. Items mentioned in the episode: Fast and the Furious 8, Skate JS, Preact, React, Chrome browser, Rust episode, Polymer, X-Tag, jQuery, Flux, Functional Programming, Safari, Firefox, Web Assembly, W3C, Progressive Web Apps, Ken Wheeler, Service Workers, Lighthouse, TypeScript, Flow, nwb, Nest, React, Angular, Ember, Jason Miller, Knockout, Dart Guests: Trey Shugart - @treshugart Panelists: Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Brian Holt - @holtbt Stacy London - @stacylondoner Picks: Trey Shugart - Flow Type Trey Shugart - Line 6 helix Trey Shugart - Skate Maintainers Trey Shugart - Jason Miller Jem Young - Ryan Anklam Jem Young - The Wee Baby Burgess - Austin Ryan Burgess Jem Young - Iron Fist Ryan Anklam - Spotify Discover Weekly Playlist Ryan Anklam - Ancillary Justice Brian Holt - Flow Type Brian Holt - Babel Preset Env Brian Holt - Planned Parenthood Stacy London - Web Developer Roadmap Stacy London - Broken Social Scene - Halfway Home

What’s it like to deal with Imposter Syndrome? In this episode, we are joined by Jessica Grist, a Software Engineer at Adroll to discuss how we’ve all experience Imposter Syndrome in our careers and share ways to help deal with it. Guests: Jessica Grist - @thehackstress Panelists: Ryan Burgess - @burgessdryan Mars Jullian - @marsjosephine Stacy London - @stacylondoner Derrick Showers - @derrickshowers Brian Holt - @holtbt Picks: Jessica Grist - Stuff You Missed in History Class Ryan Burgess - React Conf 2017 videos Ryan Burgess - Iron Fist Derrick Showers - Ember Conf 2017 Derrick Showers - Codepen Projects Derrick Showers - Alamo Drafthouse Brian Holt - Full Stack for Front End Engineers Mars Jullian - Nordic JS Mars Jullian - How I Built This Stacy London - Glitch Stacy London - Empty Promise by Butane

Burnout is not a rare phenomenon that engineers deal with. In this episode, we talk about the ways we’ve been affected by burnout and how we’ve dealt with it. We discuss past experiences that have created burnout for us and ways we can prevent it from happening in the future. Items mentioned in the episode: Twitter, Trello, Headspace, Fitbit, Apple Watch, Slack, Netflix Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Ryan Anklam - @bittersweetryan Brian Holt - @holtbt Stacy London - @stacylondoner Picks: Ryan Burgess - Rove Ryan Burgess - Charles Proxy Ryan Burgess - React Native Augustus Yuan - Periscopic.com Augustus Yuan - System Design Primer Ryan Anklam - Hacking Node Seralize Ryan Anklam - Rocket Brian Holt - Horizon Zero Dawn Stacy London - Spindrift by Colin Stetson Stacy London - It's not how many hours of sleep you get...

Websites have gotten a lot more complicated over the years. What happened to static HTML? In this episode we’re joined by Harry Wolff, the creator of Reptar, to talk about leveraging build tools to create static generated sites. We talk about the pros and cons of leveraging a static site generator for a website. We also discuss some of the tools available to help you get started. Items mentioned in the episode: Reptar, MongoDB, Github, Jekyll, Dropbox, Wordpress, Markdown, Atom, AWS, Express, Restify, FTP, React, Webpack, Medium, Gist, Highlight JS, Prisim, Yarn, npm, Facebook, Rugrats, Ghost, Metalsmith, Segment, Hugo, Go, Hexo, Markdown-it, YAML, Joi, Redux, StaticGen, Gatsby JS, Nunjucks, Browserify, Less, Sass, Babel, ES2015, Async await, Graph QL, Relay, Closure, Handlebars Guests: Harry Wolff - @hswolff Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Brian Holt - @holtbt Stacy London - @stacylondoner Picks: Harry Wolff - Node 7.6 Harry Wolff - Legion Harry Wolff - Calvin Harris - Slide Harry Wolff - Reptar Ryan Burgess - CODE: Debugging the Gender Gap Ryan Burgess - ZippGo Augustus Yuan - Metasmoke Augustus Yuan - Open Source Guides Jem Young - Ultimate Beast Master Jem Young - Shibesbot Derrick Showers - Distiller Derrick Showers - Pac-man Multiplayer Brian Holt - Home Brewing Beer Stacy London - Webpackbin Stacy London - Arthur Russell - Home Away From Home (Andy Stott Refix)

In this episode, we’re joined by our special guest, Ayşegül Yönet, a Software Engineer Autodesk, who will help us discuss the popular Google JavaScript framework Angular. In the episode, we discuss the benefits of leveraging Angular and what the major differences are from Angular 1 and Angular 2. Items mentioned in the episode: Angular, Autodesk, Reddit, React, Scope, Knockout, Igor Minar, ASP.Net, Vue JS, Laravel, PHP, Visual Studio, Google Wave, Google Reader, Zone JS, Ember, TypeScript, Forward JS, RxJS, Frontend Masters, Angular.io, Pluralsight, John Papa, Angular Style Guide, Angular CLI, Closure Guests: Ayşegül Yönet - @AysSomething Panelists: Ryan Burgess - @burgessdryan Jem Young - @JemYoung Derrick Showers - @derrickshowers Brian Holt - @holtbt Stacy London - @stacylondoner Picks: Ayşegül Yönet - Yoga Trapeze Swing Ayşegül Yönet - Google Home Ayşegül Yönet - Girl Develop It Ayşegül Yönet - Annie Cannons Ryan Burgess - NG-Cruise Ryan Burgess - Astral Jem Young - Private Internet Access Jem Young - Elcomsoft Derrick Showers - Omni Derrick Showers - Fernet Brian Holt - Aysegul's Twitter Brian Holt - Southern Poverty Law Center Brian Holt - Todd Motto Stacy London - Lighthouse Stacy London - Peak Magnetic by Clark