Front End Happy Hour

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 headphones Luis Vargas - Derek Sivers Ryan Burgess - Austin Maples - Idle Hand Tattoo Ryan Burgess - Fluid Paint Ryan Burgess - Abstract Ryan Anklam - The Expanse Ryan Anklam - Kahn Academy - Intro To Storytelling Ryan Anklam - New Day - Radio Edit by Xavier Eleven Brian Holt - Schiit Fulla Brian Holt - Synology Mars Jullian - Forward JS Stacy London - Chrome Canary - Loads CSS Progressively Stacy London - Code School Stacy London - RVK by Nathan Fake

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 - Long Division Julie Horvath - ACLU Julie Horvath - East of West Julie Horvath - Kehlani - Sweet Sexy Savage Ryan Burgess - Adobe Illustrator Ryan Burgess - Homebrew Cask Augustus Yuan - U.S. Web Design Standards Augustus Yuan - Panda Jem Young - ACLU Jem Young - Frontier Derrick Showers - InVision Derrick Showers - Google Voice Ryan Anklam - Smashrun Ryan Anklam - Rollup JS Brian Holt - ACLU Stacy London - InVision Stacy London - Ghostly

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 Burgess - Electric Objects Frame Ryan Burgess - 2017 conference list Jem Young - Travelers Jem Young - Everyone Ryan Anklam - VIM - devicons Ryan Anklam - Runner’s World Podcast Brian Holt - Run The Jewels 3 Brian Holt - Fish Shell Mars Jullian - React Status Mars Jullian - Frontend focus Stacy London - Nuclide Stacy London - Yarn

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 Community Slack Brian Holt - Webpack Brian Holt - Preact Brian Holt - Mike North Stacy London - CSS Grid Stacy London - Girl Develop It

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 - Nextdoor Brian Holt - CSS Wizardry Brian Holt - mrmrs Brian Holt - Una Kravets Brian Holt - Sarah Drasner Brian Holt - Rachel Nabors Brian Holt - City of Minneapolis Brian Holt - Laphroaig Madeira Mars Jullian - cssreference.io Mars Jullian - The Great Dickens Fair

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 - Chance Jem Young - H.264 is magic Jem Young - We Rate Dogs Brian Holt - Jest Brian Holt - The Naked and Famous - Simple Forms Mars Jullian - Bose ear buds Mars Jullian - React Devtools Mars Jullian - Jolene - collaboration with Dolly Parton and Pentatonix

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 doesn’t happen at work TED Talk Augustus Yuan - Android 404 page Jem Young - On Style Maintenance Jem Young - Grim Dawn Derrick Showers - Going Remote, Staying Effective Derrick Showers - Yelp Collections Brian Holt - Haelos - Full Circle Brian Holt - Track JS Brian Holt - Frontend Masters Sarah Federman - Indie Hackers Nomad List Sarah Federman - Best Practices for Working with Satellite Developers