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