Zach Briggs theotherzach

Vue / Rails

Abstract

Product owners & users increasingly expect a UX that demands JavaScript. Typeahead autocomplete on tags, lists that filter, lists that drag, lists that reorder by dragging, in place editing, baby-butt smooth transitions, timers that count down, counters that count up, alerts that dismiss, modals, accordions, tabs, navigations that hamburger, signup forms that validate email uniqueness as the user types, maps with overlays, charts, printable charts, printable charts that are also interactive, calendar date pickers, a video or sound player that continues during site navigation, direct messages that creepily the user know when the other person is typing, and that had all better work in the desktop and on mobile phones at 60 frames per second.

Users expect this and they don't care that they're using a server rendered page, nor do they care if the routing takes place on the server or the client.

Luckily, dynamic user interfaces do not require single page apps backed by JSON API's.

Vue / Rails - Update Message Tutorial

JavaScript For All

You're not doing JavaScript wrong, the tools you've been told to use are hard to learn. Think you should try harder? This talk advises against it. Even if you master a hard-to-learn library like React, the rest of your team and anybody who inherits your code has to master the same damn thing.

Instead, lets choose tools that are easier-to-learn but still allow us to build dynamic, beautiful browser based GUIs. Libraries that can be dropped into an existing project to build sortable / filterable lists, tabbed navigation, and in-place editors. Tools that, though they can be embedded in an otherwise server rendered, they're also powerful & performant enough to compose a massive single page app. Tools that protect you from browser inconsistencies but still draw on your expertise in HTML. Tools that you can ship to production without changing your build or adding a build step if you don't have one.

This talk makes the case that harder-to-learn tools aren't inherently better through demonstra

#How To Teach Me Ember - Code

##File Locations

app/router.js

Router.map(function() {
  this.route('todos', { path: '/' });
});

#Backend Developer

2Checkout Backend Developers are heroes. Not heroes in that they are asked to put forth a heroic effort, no that would just make 2Checkout bad at managing developers. They're heroes in that they're transitioning a fully functional 14-year-old system for a running business from a legacy Perl codebase to a modern Ruby one. That takes focus, willingness to ignore fads, and a desire to solve problems for humans who are trying to run a business. You know, heroics.

##You

Appreciate feedback when it's specific, actionable, and kind.
Don't think you've got this programming thing figured out, but you're sure excited about it some of the time. (Nobody is excited about their job all of the time.)

##You're also already good at, or interested in learning more about:

#UI Engineer - Browser JavaScript

2Checkout UI Engineers are not jerks, in fact they are a friendly folk who generally enjoy what they do for a living. If you're also not a jerk and the following applies to you, then we'd really like to meet you.

##You

Appreciate feedback when it's specific, actionable, and kind.
Don't think you've got this programming thing figured out, but you're sure excited about it some of the time. (Nobody is excited about their job all of the time.)

##You're also already good at, or interested in learning more about:

	.filteredList
	%input{ v: { model: "filter" } }
	%div{ v: { for: "product in products \| filterBy filter" } }
	%a{ v: { "bind:href" => "urlFor(product)"} } {{ product.name }}

	;; Nil punting

	(def nested-thing
	{:foo [0 1 2 3]})

	(:foo nested-thing)

	(first (:foo nested-thing))

	(first (:foo nil))


	function bastardQuery(data) {
	if (data.foo) {
	return !data.bar
	}

	return data.bar
	}

	{
	"songs": [
	{
	"name": "My Love",
	"artist": "The Bird and the Bee",
	"album": "Ray Guns Are Not Just The Future",
	"time": "3:46"
	},
	{
	"name": "Neighbors",