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

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 - @

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 201

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 H

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

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 -

We’ve all started somewhere. JavaScript isn’t always an easy language to learn. In this episode, we’re joined by Gordon Zhu, who teaches workshops on JavaScript at Watch and Code. We are also joined by Luis Vargas, a Senior Manager on Global Payments at Netflix who has recently been learning JavaScript and has attended one of Gordon’s workshops. In this episode, we all talk about our journey of learning JavaScript and ways we’ve worked through it. Items mentioned in the episode: ColdFusion, PHP, Flash, ASP.NET, jQuery, MooTools, Dojo, Backbone, Python, Reddit, Eclipse, Eloquent JavaScript, You Don't Know JS, Speaking JavaScript, CD Baby, Frontend Masters Guests: Gordon Zhu - @gordon_zhu Luis Vargas Panelists: Ryan Burgess - @burgessdryan Ryan Anklam - @bittersweetryan Brian Holt - @holtbt Mars Jullian - @marsjosephine Stacy London - @stacylondoner Picks: Gordon Zhu - Watch and Code Gordon Zhu - Ten Things I Have Learned - Milton Glaser Luis Vargas - Watch and Code Luis Vargas - Industrial noise blocking h

Rust is an exciting systems programming language that’s being developed in Mozilla. In this episode, we’re joined by Jafar Husain to talk about the Rust and what the benefits of leveraging a language like Rust. We also talk about why a JavaScript engineer would want to learn Rust and how it can help them in their JavaScript coding. Guests: Jafar Husain - @jhusain Panelists: Ryan Burgess - @burgessdryan Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Brian Holt - @holtbt Stacy London - @stacylondoner Picks: Jafar Husain - PureScript Jafar Husain - Denotational Semantics Ryan Burgess - Santa Clarita Diet Ryan Burgess - React Native at Instagram Jem Young - Santa Clarita Diet Jem Young - What is a Promise? Ryan Anklam - Focal Mobis II Chair Ryan Anklam - Hiya Brian Holt - Stephen Kawaguchi Brian Holt - Ireland Stacy London - Max Cooper - Distant Light - Rival Consoles Remix Stacy London - Jeremy Geddes' art Stacy London - Bitbucket Cloud is hiring a Senior Front End Developer

In this episode, we’re joined by Julie Horvath, a Design Lead at Apple to help us talk about design. We discuss ways to help improve the collaboration between designers and frontend developers. Julie shares her perspective on building great user experiences for low-bandwidth internet speeds and how taking a progressive enhancement approach can be beneficial to the user. Items mentioned in the episode: USF, Yammer, CSS Zen Garden, CodePen, Middleman, Heroku, InVision, Sketch, Principle, Swift, Objective-C, Bootstrap, Photoshop, Illustrator, Skitch, React, Design For Hackers, Hackdesign.org, Github, Graceful degradation, CSS Modules, CSS3 for Web Designers Guests: Julie Horvath - @nrrrdcore Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Ryan Anklam - @bittersweetryan Brian Holt - @holtbt Stacy London - @stacylondoner Picks: Julie Horvath - Middleman Julie Horvath - CSS Modules Julie Horvath - BEM Julie Horvath - Baskets Julie Horvath

We’ve all started out somewhere in our career. In previous episodes, we’ve talked about various ways we’ve learned front end development, but haven’t touched on mentorship. In this episode, Sarah Showers joins us in the conversation about starting out as a junior developer and how mentors helped shape us into senior developers. Guests: Sarah Showers - @sarahlshowers Panelists: Ryan Burgess - @burgessdryan Derrick Showers - @derrickshowers Stacy London - @stacylondoner Picks: Sarah Showers - Girl Develop It Sarah Showers - Reach LinkedIn Ryan Burgess - The Investigator Ryan Burgess - Shepard Fairey - We The People Derrick Showers - Istanbul Derrick Showers - Apple EarPods Derrick Showers - LinkedIn redesign Stacy London - Bonobo - Migration Stacy London - Girls In Tech - Mentorship Program

As we look forward to all the great trends and changes that will happen in 2017, in this episode we discuss our thoughts and opinions on the various development trends and notable things that happened in 2016. Looking forward on 2017, we share some of the things we’re excited to see in the new year. Items mentioned in the episode: Preact, React, Inferno, Vue JS, Ember, Angular, Box, Yarn JS, Firefox, Mozilla, Microsoft, Edge, Chakra, Visual Studio Code, Flexbox, CSS Grid, IE, TypeScript, Elm, Flow, Webpack, Progressive Web Apps, React Native, Babel, Redux, WebKit, ES6, Safari, Apple AirPods, Apple MacBook Pro, iPhone 7, Service workers, Web workers, Apple Pay, WebVR, React VR, WebAssembly, Dear JavaScript, OpenSSL, Wearables, Brexit, 2016 US Election, SMACSS, BEM, PostCSS, CSS Houdini, Net Neutrality, Netflix, Atom, Sublime Panelists: Ryan Burgess - @burgessdryan Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Brian Holt - @holtbt Mars Jullian - @marsjosephine Stacy London - @stacylondoner Picks: Ryan

Ember is a growing JavaScript framework that large companies like LinkedIn are using for their web application. In this episode, we are joined by Stacy London from Atlassian to discuss the advantages and disadvantages of leveraging Ember as a JavaScript framework. Items mentioned in the episode: Ember, React, Angular, Ember a11y, Ember Fastboot, Ember Resolver, Frontend Masters, Ember Community Slack, Ember Conf, Ember Docs, Yehuda Katz, Django, Computed Properties, Obervables, Firebase, Handlebars, Mustache, Backbone, ASP.Net, Virtual DOM, Rust, Swift, Tom Dale, Kyle Simpson, Stefan Penner, Nathan Hammond, Chad Hietala, Brendan McLoughlin, Lauren Tan (Sugar Pirate), Erik Bryn, Jafar Husain, Mike North Guests: Stacy London - @stacylondoner Panelists: Ryan Burgess - @burgessdryan Derrick Showers - @derrickshowers Brian Holt - @holtbt Picks: Ryan Burgess - Crimetown Ryan Burgess - Hip-Hop Evolution Ryan Burgess - The OA Derrick Showers - Ember Twiddle Derrick Showers - Dockyard Derrick Showers - Ember Commu

Writing CSS seems pretty straight forward until your project and team starts to grow. CSS has a lot of issues, in this episode we share some advice for making it a little bit easier. We’ll also discuss ways to create a scalable CSS architecture for large projects and teams. Items mentioned in the episode: Sarah Drasner, Chris Coyier, Una Kravets, Sass, Less, Transpilers episode, BEM, Sass-lint, BEM lint, React, Radium, Aphrodite, Webpack, Ruby, Ruby Sass, LibSass, PostCSS, CSS Houdini, SMACSS, SassySass, Wai Lun Poon, Dart, xkcd compiling, Stylus, Jade, TJ Holowaychuk, Express, Koa, Go, Autoprefixer, Flexbox Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Brian Holt - @holtbt Mars Jullian - @marsjosephine Picks: Ryan Burgess - Art of Readme Ryan Burgess - Nas - Wrote My Way Out Augustus Yuan - Google Code-in Augustus Yuan - CSS Stats Jem Young - Sketch Jem Young - Complete Intro to React Derrick Showers - Code Pen Derrick Showers - N

Have you had to deal with supporting more than one language in your web application? Offering content in several languages makes a better experience for your users but it can add many layers of complexity in your application’s design and architecture. In this episode, we’ll be discussing the ways we have dealt with supporting multiple languages. Items mentioned in the episode: Google Translate, React INTL, Weebly, Squarespace, Jekyll, Wordpress, Drupal, Pootle, Wasted on Workflows Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Brian Holt - @holtbt Picks: Ryan Burgess - Oliver Stone's Untold History of the United States Ryan Burgess - Purity Ring - Another Eternity Augustus Yuan - Serge.io Augustus Yuan - Moral Machine Jem Young - HTC Vive Jem Young - The Crown Derrick Showers - The Setup Derrick Showers - Kitura Brian Holt - SF Chronicle Brian Holt - Washington Post Brian Holt - Quick Draw with Google

We are lost without our tools. In this episode, we share the tools and applications we can’t live without. We discuss what development environments we use and plugins we find useful. Items mentioned in the episode: MacOS, Windows, Ubuntu, .NET, C#, Sublime Text, Sublime Text dev channel (nightly/monthly builds), Emacs, Atom, Vim, Eclipse, Visual Code, TextMate, Notepad++, Dreamweaver, iTerm, Apple Time Machine backup, Kaleidoscope, 1Password, Dropbox, Trello, Chrome, Firefox, LastPass, Safari, Homebrew, Node JS, nvm, Browser Stack, Alfred, Bartender, Charles Proxy, Screeny, Skitch, Evernote, Eclipse, Eslint, Sublime DocBlockr, Emmet, GitGutter (Sublime), GitHubinator (Sublime), NERD tree (Vim), Less, Sass, Firefox Nightly, JIRA, Slack, HipChat, Yammer, Workplace by Facebook, Microsoft Teams, LG 34 inch curved monitor, Apple Watch, Treadmill Desk, Fitbit Panelists: Ryan Burgess - @burgessdryan Jem Young - @JemYoung Brian Holt - @holtbt Mars Jullian - @marsjosephine Picks: Ryan Burgess - Reptar Ryan Burgess

The idea of working remotely has become more realistic over the past few years, making it easier for engineers to do their work without being tied to a physical location. In this episode, we are joined by Darren Buckner, Founder and CEO of Workfrom, and Sarah Showers from LinkedIn. Both guests will join us to discuss the pros and cons of working from your favorite coffee shop. Items mentioned in the episode: Impact Hub, Slack, Google Hangouts, Project retrospective Guests: Sarah Showers - @sarahlshowers Darren Buckner - @darrenbuckner Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Derrick Showers - @derrickshowers Brian Holt - @holtbt Sarah Federman - @sarah_federman Picks: Sarah Showers - Workfrom Sarah Showers - Coffee Bar SF Sarah Showers - Work Shop Cafe Darren Buckner - The 10 Biggest Misconceptions About Remote Work Darren Buckner - Toby: manage your tabs Ryan Burgess - Oversight Ryan Burgess - How To Open Locks With Improvised Tools Augustus Yuan - Why work