I recently worked on an incredibly fun project to theme Trello’s navigation based on a dominant color of a board background image. How did we do it? Read more here.
Panelist on Front End Happy Hour!
Excited to announce that I’ve been invited to be a panelist on the Front End Happy Hour podcast 🎉! Can’t wait to explore all things front-end this year on the show.
Front End Happy Hour
I was invited to be a guest on the Front End Happy Hour podcast & talk about Ember.js. It was my first time being on a podcast and it was a ton of fun. Check it out & subscribe!
In the Trenches with Tomster, Upgrading Ember.js & Ember Data
I was fortunate again this year to be selected as a speaker for the dev.Objective() conference in Minneapolis, MN.
A few months after I started working with Ember.js & Ember Data at my new job last June, we began a project to upgrade both. There were parts that were a breeze and others that were quite tricky. This talk walks you through some of the challenges we faced and how we solved them as well as how we began to prepare for the Ember 2.x architectural shift. Hopefully this talk will help save you some time when you decide to upgrade your Ember web application.
Here are my slides:
In The Trenches With Tomster, Upgrading Ember.js & Ember Data
I also gave this talk recently at Milwaukee JS, a meetup I help co-organize.
Here is a video of that talk:
stacy.codes
This is the first time in the history of me trying to get a domain name that I got exactly what I wanted.
Refactoring Large Web Applications with Backbone.js
I was fortunate in May of 2015 to have been selected to give a talk at dev.Objective() conference in Minneapolis, MN. It was my first time speaking at a conference and it was a really positive one. Everyone was nice and supportive.
I spoke about my experience working on a large traditional style web application with a large team of developers and how I helped to turn the JavaScript from jQuery spaghetti code into organized, modular, testable code with the help of Backbone.js, Jasmine, RequireJS, and eventually Browserify.
Here are my slides from the talk:
Jasmine with Custom Templates
For one of the sites I work on, SiteCatalyst (Adobe Analytics) is used to gather metrics. This library needs to be included inside the <body>
. This was problematic when I wanted to use grunt-contrib-jasmine to run my Jasmine unit tests headlessly with PhantomJS & Grunt (aka from the command line) since by default it generates a spec runner with all referenced JS in the <head>
.
That’s when I read about using Jasmine Templates. This seemed like the solution but the documentation and getting to a working solution wasn’t super straight forward.
I wanted to be able to pass in some variables to reference a minified version of the Adobe Analytics JavaScript (AppMeasurement.min-x.x.x.js
) and a non-minified version (AppMeasurement-x.x.x.js
) to run unit tests before and after the minification. So for the jasmine task in my Gruntfile.js I had to specify a template module (JavaScript) to execute and then the module would specify the .tmpl (HTML Template).
The trickiest part in all of this was remembering to put ./tests/
instead of tests/
as the path to load the template module so it loaded from the current working directory.
Here is what my code ended up looking like:
Grunt Configuration
Template
Runner Template
What is AJAX, JSON, and REST?
Here is a link to the slides from a presentation I did this past week to the Web Server Team at work on AJAX, JSON, and REST.
What is HTML5?
This is a presentation I created for work in 2012 about HTML5. At the time it was being used as a buzzword, so I wanted to tell the story of the web and demonstrate why it matters to both a technical and non-technical audience.