https://blog.mattblair.co/tags/software/ Recent content in software on A Place for Poor Examples Hugo -- gohugo.io en Sat, 16 Jan 2016 00:00:00 -0800 https://blog.mattblair.co/blog/20160116-node-4-and-babel-6/ Sat, 16 Jan 2016 00:00:00 -0800 https://blog.mattblair.co/blog/20160116-node-4-and-babel-6/ Pun in title intentional I upgraded a heap of projects I was working on to node 4.2.3 and babel 6. As I did a quick and dirty upgrade, I kept thinking to myself: doesn’t node 4/5 have pretty good support for es6/2015? As I was looking around the internet for Hello Kitty Formalwear babel 6 upgrade tips, I came across this package which read my mind. So if you’re a node 4/5 user, by doing this: https://blog.mattblair.co/blog/20151231-for-real-upgrade-babel-5-to-6/ Thu, 31 Dec 2015 00:00:00 -0800 https://blog.mattblair.co/blog/20151231-for-real-upgrade-babel-5-to-6/ Because it’s changed since October There have been a bunch of guides on upgrading to babel 5. Even those written in the last two months are already out of date. Babel moves annoyingly fast. Please note: this is up to date as of 6.3.13. As I write this, it might also be obsolete. Skip babel-core and babel-loader. User babel-register. Due to some complaints about the various ways you could bootstrap babel into an app, there is now babel-register. https://blog.mattblair.co/blog/20150910-upgrade-travis-and-os-for-node-4/ Thu, 10 Sep 2015 00:00:00 -0700 https://blog.mattblair.co/blog/20150910-upgrade-travis-and-os-for-node-4/ Now that Node 4 has been released, isn’t it time you upgraded your OS (Open Source) projects to use it? Step 1 - package.json If you’re not already using it, the engines field in your package.json allows you to specify what version of node you designed your package to run on. The engines field is not strict - you can’t force your consumers to use a preferred engine, but you can warn them if your package uses features that aren’t available in all version of node. https://blog.mattblair.co/blog/20150420-0-func-operator-and-decoupling/ Mon, 20 Apr 2015 00:00:00 -0700 https://blog.mattblair.co/blog/20150420-0-func-operator-and-decoupling/ Was looking at some decompiled code from ES6 the other day, when I saw a line that looked like this: var x = (0, anObject.aFunc)(params); WTF? I had never seen syntax like this before in JavaScript. Time to dig into the docs. Paraphrasing from Mozilla and StackOverflow: When you write expressions separated by a comma (,) JavaScript evaluates all the expressions in order and returns the value of the last expression. https://blog.mattblair.co/blog/20150216-git-rebasing-without-rebasing/ Mon, 16 Feb 2015 00:00:00 -0800 https://blog.mattblair.co/blog/20150216-git-rebasing-without-rebasing/ Or rebasing without rebasing Where I work, we use git (like everyone else), and we follow this common pattern for development: Create a feature branch off of master Work on your feature in the branch When getting ready to submit a Pull Request, squash your commits Rebase master against your branch Open PR Get feedback After feedback corrected (if present), merge branch into master Pretty standard practice. 99% of the time, this is a frictionless process. https://blog.mattblair.co/blog/20141204-gulp-coffee-istanbul/ Thu, 04 Dec 2014 00:00:00 -0800 https://blog.mattblair.co/blog/20141204-gulp-coffee-istanbul/ If you’re not aware of your code coverage when building a serious application, you’re not building a serious app. So I love istanbul and gulp-istanbul. One problem - you have to compile your CoffeeScript, then point you tests at the compiled assets to get coverage metrics. Not anymore. Introducing gulp-coffee-istanbul. This allows in place CoffeeScript test coverage. Have tests in coffee? Great. Have tests in JS? Great too. Same with your dependencies - it’ll take both, in place, and run coverage. https://blog.mattblair.co/blog/20141013-jasmine-node-before-all-after-all/ Mon, 13 Oct 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20141013-jasmine-node-before-all-after-all/ On Feb 9, 2011, Fat (Jacob Thornton, one of the creators on Bootstrap) opened a pull request to add beforeAll and afterAll statements to the jasmine library. Pivotal, at the time, thought that they were just about to implement: That tweet was from December 2010. Since then, a couple people have come up with workarounds. And now, over three years later, pivotal is about to release beforeAll/afterAll. You can check out the work here. https://blog.mattblair.co/blog/20141008-express-coffee-react-views/ Wed, 08 Oct 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20141008-express-coffee-react-views/ This is an Express view engine which renders React components written in CoffeeScript on the server. It renders static markup and does not support mounting those views on the client. This was derived from express-react-views This is intended to be used as a replacement for existing server-side view solutions, like jade, ejs, or handlebars. Usage npm install express-coffee-react-views react Note: You must explicitly install react as a dependency. react is a peer dependency here. https://blog.mattblair.co/blog/20140909-react-jsx-class-classname-for-htmlfor/ Tue, 09 Sep 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140909-react-jsx-class-classname-for-htmlfor/ I’ve been writing a bunch of React code and a heap of JSX at work. React (coupled with Flux) has been a joy to work with. The uni-directional data flow makes understanding the state of your application at any point easy to understand. The gradual componentization of our UI codebase is a beautiful thing to witness. That, coupled with a component based CSS system (using BEM guidelines for naming classes) has removed the messy bleed over we were having with some of our old css code. https://blog.mattblair.co/blog/20140708-ember-data-model-issue-boolean/ Fri, 11 Jul 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140708-ember-data-model-issue-boolean/ I was working with some older Ember.Data code, and I came across a model like this: App.MyFancyModel = DS.Model.extend({ isSelected: false, isSomethingElse: DS.attr('boolean', {defaultValue: false}) }); I thought this code was a bit strange, and then went and played with it a bit: aFancyModel.get('isSelected'); //returns false aFancyModel.set('isSelected', true); aFancyModel.get('isSelected'); //returns true aFancyModel.get('isSomethingElse'); //returns false aFancyModel.set('isSomethingElse', true); aFancyModel.get('isSomethingElse'); //returns true I got identical behavior from the two properties. Then, I tried this: https://blog.mattblair.co/blog/20140711-ember-data-promise-aware-properties/ Fri, 11 Jul 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140711-ember-data-promise-aware-properties/ I have models like this: Models App.Child = DS.Model.extend({ parent: DS.belongsTo('parent', {async: true}) }); App.Parent = DS.Model.extend({ children: DS.hasMany('child', {async: true}) }); App.Nursery = DS.Model.extend({ children: DS.hasMany('child') }); Then a controller like this: ###Controller App.NurseryController = Ember.Controller.extend({ uniqueParents = function() { return this.get('children').mapBy('parent').uniq(); }.property('children'), somethingLikeReliesOnUniqueParents = function() { .... }.property('uniqueParents') } The Problem The property somethingLikeReliesOnUniqueParents was never getting unique values. I found two problems here: uniq() couldn’t figure out uniqueness - much like the problems with filter. https://blog.mattblair.co/blog/20140701-stuff-to-mind-es6/ Tue, 01 Jul 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140701-stuff-to-mind-es6/ These are some good tips I picked up browsing the ember and ember.data commits. Nice if you’re looking for best practices in writing ES6 code. example: diverging bindings this is an issue when dealing with cycles. bad: (diverges bindings) import { foo } from 'bar'; var otherFoo = foo; foo: (if the rename is actually needed) good: import { foo as otherFoo } from 'bar'; example: closure compiler dead code remove friendly: https://blog.mattblair.co/blog/20140626-post-about-songbird-on-npmawesome/ Thu, 26 Jun 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140626-post-about-songbird-on-npmawesome/ The folks at npmawesome wrote a blog post about the Songbird library I wrote. Songbird is a library that mixes in promise helpers in the Function and Object prototypes on JavaScript. This is a technique that not everybody loves, and I think the author made a great observation about Songbird (and this technique in general). While I think it’s a great idea to mix in the promise property to Object and Function, however with great power comes great responsibility. https://blog.mattblair.co/blog/20140622-sublime-text-write-gooder/ Sun, 22 Jun 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140622-sublime-text-write-gooder/ Simple grammar checking for your documentation. Prerequisites: write-gooder and Sublime Package Control Mac OS X: Installing node with homebrew or macports is assumed. The path to write-gooder is hardcoded in this plugin as /usr/local/share/npm/bin:/usr/local/bin:/opt/local/bin. You can change the path to the executable in settings. Linux: Make sure write-gooder is in your environment path. Windows: Installing node with the Windows Installer from nodejs.org is assumed. ##Install write-gooder with npm npm install -g duereg/write-gooder https://blog.mattblair.co/blog/20140605-ember-model-isdirty-or-not/ Thu, 05 Jun 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140605-ember-model-isdirty-or-not/ In Ember, if you have models like this: var Tag = DS.Model.extend({ name: DS.attr('string'), person: DS.belongsTo('person') }); var Person = DS.Model.extend({ name: DS.attr('string'), tags: DS.hasMany('tag') }); Then did something like this: var tag1 = this.store.find('tag', 1); tag1.get('isDirty'); //returns false tag1.get('name'); //return null tag1.set('name', 'foo'); tag1.get('isDirty'); //returns true That would be the obvious outcome, right? However, if you do this: var tag1 = this.store.find('tag', 1); var thatGuy = this.store.find('person', 1); tag1.get('isDirty'); //returns false tag. https://blog.mattblair.co/blog/20140518-ember-data-contributor/ Sun, 18 May 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140518-ember-data-contributor/ My contributions to Ember.Data! Had three pull requests accepted in the last couple of days. Now only if they’d release version 1.0 … https://blog.mattblair.co/blog/20140505-ember-official-contributor/ Mon, 05 May 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140505-ember-official-contributor/ Check Out My Contribution to Ember! (Not sexy but I’m happy to be helping out.) https://blog.mattblair.co/blog/20140429-ember-filterby-fun/ Tue, 29 Apr 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140429-ember-filterby-fun/ If you happen to be writing filterBy statements in Ember against an object, you will want to use this syntax: skusForStyle: function(style) { return this.get('mergedSkus').filterBy('style.id', style.get('id')); } Instead of this similar looking but exceptionally evil and non-functioning cousin: skusForStyle: function(style) { return this.get('mergedSkus').filterBy('style', style); } https://blog.mattblair.co/blog/20140410-ember-test-teardown-errors/ Thu, 10 Apr 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140410-ember-test-teardown-errors/ Cannot read property ‘addObject’ of null If you see the following error in Ember.Data 1.0.0-beta.7: Cannot read property 'addObject' of null TypeError: Cannot read property 'addObject' of null at Ember.ArrayProxy.extend.addRecord at Ember.Object.extend.updateRecordArray at null.<anonymous> I found this had to do with Test teardown. A monkey patch that solves the issue: DS.RecordArray.reopen({ addRecord: function(record) { var thing = Ember.get(this, 'content'); if(thing) { this._super(record); } } }); https://blog.mattblair.co/blog/20140408-ember-the-content-property-of-ds-promise-array/ Tue, 08 Apr 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140408-ember-the-content-property-of-ds-promise-array/ The content property of DS.PromiseArray should be set before modifying it If you see the following error in Ember.Data 1.0.0-beta.7: The content property of DS.PromiseArray should be set before modifying it The issue is with changing the contents of an async field. //program.js Program = DS.Model.extend({ styles: DS.hasMany('style', {async: true}), }); Style = DS.Model.extend({}); and then used like so: program.get('styles').pushObject(style); That code will throw the exception listed above. To work around this behavior, do the following: https://blog.mattblair.co/blog/20140320-ember-vs-knockout-property-comparison/ Thu, 20 Mar 2014 00:00:00 -0700 https://blog.mattblair.co/blog/20140320-ember-vs-knockout-property-comparison/ A small, appropriate comparison At ModCloth, I’ve been working on an internal application that uses Ember.js as its front end framework. In learning Ember I’ve noticed some interesting architectural decisions they’ve made. This article will concentrate on their Observable Models in comparison with how Knockout built the same functionality. TANGENT Ember.js and Knockout are great contrasts in the library vs framework debate in JS development. Ember is A framework for creating ambitious web applications. https://blog.mattblair.co/blog/20140112-new-blog/ Sun, 12 Jan 2014 00:00:00 -0800 https://blog.mattblair.co/blog/20140112-new-blog/ I’ve just ended a very long relationship that was hideously overdue for some closure. That’s right - I’ve left wordpress. It’s a great platform if you can’t make a website or just don’t care about the details. But it’s a little less than I was looking for. So I’ve decided to get minorly techy and build a nice static site to hold all my blog entries. A thousand thanks goes to @dreikanter for writing a simple converter of the wordpress XML format to markdown. https://blog.mattblair.co/blog/20131211-a-b-testing-and-random-selection/ Wed, 11 Dec 2013 00:00:00 -0800 https://blog.mattblair.co/blog/20131211-a-b-testing-and-random-selection/ Are you looking for an A/B framework? Something you can use in the browser to toggle a user experience - do they see marketing promotion #1, or a picture of a cat? Or are you interested in random selection - you want to send our 5000 emails of differing types, and see how users respond? Either way, enter laboratory. A simple framework that allows random selection or A/B testing. With the added bonus of being usable anywhere you can load JavaScript. https://blog.mattblair.co/blog/20131127-instrumenting-backbone-for-better-error-handling/ Wed, 27 Nov 2013 00:00:00 -0800 https://blog.mattblair.co/blog/20131127-instrumenting-backbone-for-better-error-handling/ At work we’ve been having some issues tracking down some nasty client side bugs. We know they’re happening in our Backbone views, but we’ve been unable to locate them with any accuracy due to the errors bubbling all the way to the window.onerror handler. Enter Stackbone. A simple bit of code to instrument Backbone’s event loops to better locate client side errors. To use: Stackbone.start({ Backbone: Backbone jQuery: jQuery onError: function (err) { // . https://blog.mattblair.co/blog/20131019-source-maps-in-node-js/ Sat, 19 Oct 2013 00:00:00 -0700 https://blog.mattblair.co/blog/20131019-source-maps-in-node-js/ One of the projects I’m working on deals with source maps. If you don’t know anything about source maps this link is a good introduction to what source maps are and why they’re useful. Looking at the article date (March 21st, 2012), it’s not like source maps are some new hot thing. But the tooling around them is still pretty raw as is their use. So why would you want to use source maps? https://blog.mattblair.co/blog/20130502-coffeescript-gotcha/ Thu, 02 May 2013 00:00:00 -0700 https://blog.mattblair.co/blog/20130502-coffeescript-gotcha/ CoffeeScript, what can I tell ya - I didn’t want to love it. I have an unreasonable grudge against significant whitespace. I couldn’t figure out the value of a language that compiles to another reasonable language. And don’t even get me started on the for of/in thing. I still don’t understand that. But the more I use CoffeeScript, the more I love it. The lambdas are probably my biggest love - how can you not love them, in comparison to what JavaScript makes you do? https://blog.mattblair.co/blog/20130303-docco-fork-all-js-all-the-time/ Sun, 03 Mar 2013 00:00:00 -0800 https://blog.mattblair.co/blog/20130303-docco-fork-all-js-all-the-time/ EDIT: My fork is no longer needed. The folks at docco saw the same thing and recently ported over the library to use highlight.js. I love documentation generators for code. You know what I’ve talking about to - something which gives you a split screen of the code and the comments, side by side, for easy reading and scrolling. Like jasmine uses for their documentation: Since I’ve mostly been working in JavaScript lately I’ve been looking for something to help document the packages I create easily. https://blog.mattblair.co/blog/20130215-esvalidate-library-standalone-validation-library-using-esprima/ Fri, 15 Feb 2013 00:00:00 -0800 https://blog.mattblair.co/blog/20130215-esvalidate-library-standalone-validation-library-using-esprima/ I spent a good bit of time working on the Esvalidate code that comes with Esprima, trying to get it to work smoothly with my sublime plugin. After submitting a massive pull request to the author of Esprima and our reviewing my code we came to a conclusion - the new code was better served in its own library. It’s still in its early stages but please check out the progress I’m making here: Esvalidate Library https://blog.mattblair.co/blog/20130115-net-gotcha-private-classes-with-access-to-containing-classess-protected-variables-or-not/ Tue, 15 Jan 2013 00:00:00 -0800 https://blog.mattblair.co/blog/20130115-net-gotcha-private-classes-with-access-to-containing-classess-protected-variables-or-not/ A friend and I were working on some code together when we found an interesting edge case in .Net that neither of us knew about. This is what we knew: if you have a class with a protected field in it, if you declare a private class inside of that class, the private class can access the protected variable. The example below shows what this looks like. public class ParentClassWithProtectedField { protected readonly int protectedField; private class PrivateClassInParentClass { public void Method(ParentClassWithProtectedField parent) { Console. https://blog.mattblair.co/blog/20121204-portfolio-spotlight-on-pathbrite-cool/ Tue, 04 Dec 2012 00:00:00 -0800 https://blog.mattblair.co/blog/20121204-portfolio-spotlight-on-pathbrite-cool/ I’ve recently created a portfolio on Pathbrite. If you haven’t heard of Pathbrite, they are a company aiming to: Collect, organize and share a lifetime of learning and achievement. I think this section of their mission statement sums up how they are relevant to working professionals. … employers rely on our Pathbrite Portfolio Platform to get a holistic view of candidates, and to better evaluate their readiness for and organizational fit to the opportunity at hand. https://blog.mattblair.co/blog/20121201-esprima-plugin-for-sublime-text/ Sat, 01 Dec 2012 00:00:00 -0800 https://blog.mattblair.co/blog/20121201-esprima-plugin-for-sublime-text/ In relation to my previous posts confessing my love for sublime, and my enjoyment of Esprima, here is some code that showcases both: An Esprima plugin for Sublime Test! http://github.com/duereg/sublime-jsvalidate This has been included in the official list of Sublime Plugins. So you can install this from Sublime using Packages Control. https://blog.mattblair.co/blog/20121120-added-javascript-syntax-checking-via-esprima-and-a-git-pre-commit-hook/ Tue, 20 Nov 2012 00:00:00 -0800 https://blog.mattblair.co/blog/20121120-added-javascript-syntax-checking-via-esprima-and-a-git-pre-commit-hook/ I came across a brilliant project the other day - Esprima from Ariya Hidayat, the author of PhantomJS. What is Esprima? Esprima is a JavaScript Parser written in JavaScript Syntax Validator. It forms the basis of several different tools - a minifier, a code coverage tool, a syntax validator - just to name a few. I was immediately interested in the syntax validation tool. It’s not a linter - it just checks that the JavaScript written is syntactically correct. https://blog.mattblair.co/blog/20121101-net-sql-parsing-using-the-tsqlparser-library/ Thu, 01 Nov 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20121101-net-sql-parsing-using-the-tsqlparser-library/ A preface to this post: it is hard to find a free SQL Parser for .NET. There is a company that has a terrible library that they charge $150 bucks for. There are a couple of incomplete implementations done for school projects or for narrowly focused tasks. So if you want a no-strings attached free parser for SQL, you’re out of luck. However, since most people who want a .NET parser are writing code on a Windows machine, and use Visual Studio, there is (lightly documented) hope: the TSqlParser library that ships with Visual Studio. https://blog.mattblair.co/blog/20121030-free-collection-of-microsoft-e-books/ Tue, 30 Oct 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20121030-free-collection-of-microsoft-e-books/ If you’re a Microsoft Dev, want to learn a bit more about the following products: SharePoint 2010 Sql Server 2012 Visual Studio 2010 Windows 8 Windows Phone 7 Office 365 Office 2010 ASP.NET 4.5 Web Forms ASP.NET MVC 4 Microsoft Dynamics CRM 2011 (God Rest Your Soul) Microsoft has released a bunch of free e-books about these technologies (and more). The links to the e-books: Microsoft Free E-Books - Page 1 Microsoft Free E-Books - Page 2 https://blog.mattblair.co/blog/20121017-derby-js-the-ready-function-and-client-side-scripts/ Wed, 17 Oct 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20121017-derby-js-the-ready-function-and-client-side-scripts/ I’ve found a neat feature of derby dealing with the ready() function. I’ve been creating a derby app, and in my application I need to load up a client-side calendar. With a standard HTML web page this is straightforward thing to do. On the page you wanted the calendar, you would include the client js for the calendar, some code to load it, and that would be that. Derby introduced some complexity to this relatively simple task. https://blog.mattblair.co/blog/20120915-cracking-the-coding-interview-the-tower-of-hanoi-and-poor-editing/ Sat, 15 Sep 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120915-cracking-the-coding-interview-the-tower-of-hanoi-and-poor-editing/ I just finished the Stack section of Cracking the Coding Interview and came across an old puzzle - The Tower of Hanoi. I struggled with solving this problem. I wrote this elaborate, strange algorithm to try to solve it (which should have been a dead give-away that I had it wrong). Ironically enough, hidden in the 20-30 lines of code I wrote were the three lines of code I needed to solve the problem. https://blog.mattblair.co/blog/20120913-cracking-the-coding-interview-linked-list-the-runner-technique/ Thu, 13 Sep 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120913-cracking-the-coding-interview-linked-list-the-runner-technique/ I’ve been going over the Linked List section of Cracking the Coding Interview and most times I get stumped with a problem the solution is the Runner Technique (or slow/fast pointers). The idea behind the runner technique is simple; use two pointers that either move at different speeds or are a set distance apart and iterate through a list. Why is this so useful? In some linked list problems you need to know the position of a certain element or the length of the list. https://blog.mattblair.co/blog/20120911-how-to-install-sublime-text-2-on-ubuntu-12-04-unity/ Tue, 11 Sep 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120911-how-to-install-sublime-text-2-on-ubuntu-12-04-unity/ Sublime Text has rapidly become my favorite text editor. Cross platform, easy to use, great feature set. The Command Palette feature, where you can search for a feature without having to know where it is in the application, is an piece of usability brilliance. Somebody cobbled together a great step-by-step set of directions on how to install sublime on ubuntu. I wanted to give a shout-out to them and their work. https://blog.mattblair.co/blog/20120906-setting-up-mongodb-to-work-with-derby-js/ Thu, 06 Sep 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120906-setting-up-mongodb-to-work-with-derby-js/ This post is going to cover installing and configuring MongoDB to use with Derby. If you’re reading this post looking to add model persistence to your Derby application but don’t know much about MongoDB, understanding MongoDB will help you understand Derby and the model system it uses. What’s MongoDB? From their website: MongoDB (from “humongous”) is a scalable, high-performance, open source NoSQL database. If you’ve never used MongoDB before, you should immediately go here. https://blog.mattblair.co/blog/20120905-javascript-strings-using-array-accessor-to-set-characters/ Wed, 05 Sep 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120905-javascript-strings-using-array-accessor-to-set-characters/ I’ve been learning quite a bit about JavaScript in writing algorithms from Cracking the Coding Interview. I learned something new about strings in JavaScript and how they can be accessed. From MDN: Character access There are two ways to access an individual character in a string. The first is the charAt method: return 'cat'.charAt(1); // returns "a" The other way is to treat the string as an array-like object, where individual characters correspond to a numerical index: https://blog.mattblair.co/blog/20120901-cracking-the-coding-interview-javascript-trie/ Sat, 01 Sep 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120901-cracking-the-coding-interview-javascript-trie/ I finished my third algorithm from Cracking the Coding Interview - the Trie. Tries are a useful algorithm, if not all that well known. They can be used for efficient spell checking, auto suggestion, as well as the sorting of a collection of strings. This algorithm was more complex to implement than the Linked List, but a little simpler than the Max/Min Binary Heap to implement. The trie’s structure is easy to understand - it’s a word tree, where each leaf of the tree is a letter of a word. https://blog.mattblair.co/blog/20120829-cracking-the-coding-interview-javascript-minmax-binary-heap/ Wed, 29 Aug 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120829-cracking-the-coding-interview-javascript-minmax-binary-heap/ I finished my second algorithm from Cracking the Coding Interview - the Binary Heap. This algorithm racketed up the complexity from the Linked List. The heap’s structure is easy to understand - it’s a binary tree (a tree where each node can have at most two children). In the case of a max heap, the parents have a greater value than their children. The values in a Max Heap decrease as you move down the tree from the parent to children. https://blog.mattblair.co/blog/20120825-derby-js-starting-out-with-components-creating-a-twitter-bootstrap-input-component/ Sat, 25 Aug 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120825-derby-js-starting-out-with-components-creating-a-twitter-bootstrap-input-component/ In working with Twitter Bootstrap Forms, one of my favorite ways to lay out a form is using the Horizontal form layout. The layout requires a bit of css/html to get each of the form elements (the text boxes and what not) to play nicely. To add form elements to the horizontal form layout, you need the following html structure for each field: <div class="control-group"><!-- additional classes here to change state --> <label class="control-label">INPUT_LABEL_TEXT_HERE</label> <div class="controls"> <input type="text" /> <! https://blog.mattblair.co/blog/20120824-cracking-the-coding-interview-javascript-singly-linked-list/ Fri, 24 Aug 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120824-cracking-the-coding-interview-javascript-singly-linked-list/ I finished my first algorithm from Cracking the Coding Interview - the almighty Singly Linked List. This is the low-hanging fruit of the data structures I mean to tackle. Even implementing this simple structure, I managed to somehow squeeze in a bug that luckily I caught in my testing. An unfortunate case of premature optimization. The code doesn’t look as cool as it did, but at least it does the job. https://blog.mattblair.co/blog/20120818-derby-js-integrating-twitter-bootstrap-into-your-application/ Sat, 18 Aug 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120818-derby-js-integrating-twitter-bootstrap-into-your-application/ As I’ve mentioned in a previous post, I’m a big fan of Twitter Bootstrap. Lately I’ve been playing been with JavaScript and Derby. I want to integrate bootstrap with the POC site I’m building, and the creators of Derby have already figured out a way to do this. Step 1: Add a dependency to the derby-ui-boot package, which is a Derby component library based on Twitter Bootstrap. { .... "dependencies": { "derby": "*", "derby-ui-boot": "*", "express": "3. https://blog.mattblair.co/blog/20120817-cracking-the-coding-interview-javascript-data-structures/ Fri, 17 Aug 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120817-cracking-the-coding-interview-javascript-data-structures/ A friend and co-worker of mine (one of the best and brightest I’ve worked with) recently left our company to go work for Microsoft. Having gone through the Microsoft interview process myself (hilariously unprepared, to the enjoyment of my interviewer), I wondered what he had done to get ready for the process. He recommended one book - Cracking the Coding Interview - which he said had been recommended to him as the bible for preparation. https://blog.mattblair.co/blog/20120807-derby-js-working-with-view-templates-models-and-bindings/ Tue, 07 Aug 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120807-derby-js-working-with-view-templates-models-and-bindings/ In my previous post about derby, I talked a bit about how to create a model in derby and one rule you need to follow when creating models (the first two path segments should be an object). I’m creating a test application to help me learn derby here. In the process of doing absolutely everything wrong to start I’ve learned a bit about how Derby binds to models. Let’s say you’re got some markup like this that you’d like to bind to. https://blog.mattblair.co/blog/20120801-html-input-formaction-attribute-an-easy-modernizr-test/ Wed, 01 Aug 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120801-html-input-formaction-attribute-an-easy-modernizr-test/ EDIT NOTE: This no longer needs to be done outside of Modernizr. This was added to the Modernizr package about a month ago. Link to issue I’ve been writing some Html Forms, and in playing with submit buttons came across an interesting attribute in the HTML 5 specs: formaction. The definition, from HTML Living Standard Doc The action and formaction content attributes, if specified, must have a value that is a valid non-empty URL potentially surrounded by spaces. https://blog.mattblair.co/blog/20120722-derby-js-playing-with-models/ Sun, 22 Jul 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120722-derby-js-playing-with-models/ Been playing around with Derby in my spare time. The idea behind the platform is smart - using node and express, you write one set of code, and that code automatically syncs data between browsers, servers, and a database. Derby is still raw. The documentation is comprehensive but puts important information about the same topic in different places. I’ve culled the following eight lines of documentation of defining models from the documentation: https://blog.mattblair.co/blog/20120710-some-node-js-and-express-js-beginner-help/ Tue, 10 Jul 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120710-some-node-js-and-express-js-beginner-help/ I’ve just started using node.js with express.js on both Windows (with iisnode) and Ubuntu. I love the stack (one programming language from front to back!), but some of the documentation has been frustrating for me. I wanted to document what I’ve learned so far in the hopes that it’ll help someone else down the line. Generate the starter app At first, I wanted to just hack away some of the existing example apps that were out there. https://blog.mattblair.co/blog/20120618-using-structuremap-to-collect-and-use-all-instances-of-a-given-type/ Mon, 18 Jun 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120618-using-structuremap-to-collect-and-use-all-instances-of-a-given-type/ Had an issue at work where I wanted to store my rules and handlers for a class outside of the class definition, so I could better test the component. Found an easy way to add all your rules into StructureMap, and then retrieve those rules as a list via constructor injection. using System.Collections.Generic; using System.Linq; using System.Text; using StructureMap; using StructureMap.Configuration.DSL; public class TravelRegistry : Registry { public TravelRegistry() { For<ITransportHandler>(). https://blog.mattblair.co/blog/20120504-why-use-twitter-bootstrap/ Fri, 04 May 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120504-why-use-twitter-bootstrap/ I’m a fan of Twitter Bootstrap, the simple and flexible CSS, HTML, and JavaScript user interface framework. What’s not to like? Out of the box, you’ll get: Cross-Platform Support IE 7 to IPhone and everything else (sorry IE6) 12-Column Grid A good grid system takes most of the pain out of laying out your site. Getting labels, inputs, and other pieces of your ui to layout consistently across different browsers at different resolutions can be one of the most painful parts of web development. https://blog.mattblair.co/blog/20120426-posting-an-ienumerable-of-interfaces-back-from-your-views-by-extending-the-defaultmodelbinder/ Thu, 26 Apr 2012 00:00:00 -0700 https://blog.mattblair.co/blog/20120426-posting-an-ienumerable-of-interfaces-back-from-your-views-by-extending-the-defaultmodelbinder/ Please note I came across a bug in the code, and revised this post on 31/07/2012. Came across an interesting problem today. In ASP.Net MVC, you can easily pass an enumerable of interfaces to your views from your controllers. As long as you have DisplayTemplates and EditorTemplates defined for the subclasses, then those classes will be rendered correctly from your enumerable of the parent interfaces. However, if you then POST to a controller method that accepts an IEnumerable, you’ll get the error message: https://blog.mattblair.co/blog/20120303-horrible-slow-stupid-scary-build-process/ Sat, 03 Mar 2012 00:00:00 -0800 https://blog.mattblair.co/blog/20120303-horrible-slow-stupid-scary-build-process/ So we’ve rolled out a new build process at work. I’ve started working with a new company, and when I arrived, the build process for a new environment consisted of a 20 page manual somebody had written. The process of putting a build on an environment was slow, the manual had steps missing that everyone just ‘knew’, the process had multiple failure points, and was more or less a complete disaster. https://blog.mattblair.co/blog/20120216-windows-7-problem-steps-recorder/ Thu, 16 Feb 2012 00:00:00 -0800 https://blog.mattblair.co/blog/20120216-windows-7-problem-steps-recorder/ Just found out about a good tool that ships with Windows 7. One of the hardest things about debugging software can be getting the users to document what went wrong so you can test the scenario. Problem Steps Recorder - which ships with Windows 7 - records a user’s actions and documents them in an easy to understand format. It even gives the user the option of sending the recording via e-mail right from the program. https://blog.mattblair.co/blog/20111031-setting-up-a-net-build-server-without-installing-visual-studio/ Mon, 31 Oct 2011 00:00:00 -0700 https://blog.mattblair.co/blog/20111031-setting-up-a-net-build-server-without-installing-visual-studio/ My client tasked me with upgrading their build server. Today, their platform builds VS 2080 solutions in .NET 3.5 - and I’ve been pushing to upgrade everyone to Visual Studio (VS) 2010 and eventually .NET 4.0. I want to upgrade the server to build a VS 2010 solution in .NET 3.5. This will allow everyone to upgrade to VS 2010 while leaving the task of upgrading the production web servers to another day. https://blog.mattblair.co/blog/20111021-enabledisable-jquery-buttons-in-knockout-with-a-custom-binding-handler/ Fri, 21 Oct 2011 00:00:00 -0700 https://blog.mattblair.co/blog/20111021-enabledisable-jquery-buttons-in-knockout-with-a-custom-binding-handler/ Still working on those jQuery buttons. Trying to update old ASP.Net Webforms using jQuery, Knockout, and Amplify. New problem today. I was having problems getting Knockout to enable/disable my jQuery buttons using the Knockout ‘enable’ bindingHandler. It would enable/disable the underlying element that I had run the .button() method on, but it had no idea about the div that jQuery had wrapped my element in, or how to handle it. https://blog.mattblair.co/blog/20111019-auto-creation-of-jquery-buttons-using-knockout-templates/ Wed, 19 Oct 2011 00:00:00 -0700 https://blog.mattblair.co/blog/20111019-auto-creation-of-jquery-buttons-using-knockout-templates/ While converting ASP.NET Webforms to be more clienty using HTML 5, Knockout, and jQuery, I came across a problem. I want to use jQuery buttons on my Knockout-rendered rows, but whenever a new row gets added via a template, the buttons were not created as jQuery buttons. The issue was that I was calling a method to create the buttons after the page was fully rendered but never again. All the new rows wouldn’t have the . https://blog.mattblair.co/blog/20111014-alas-it-was-not-to-be/ Fri, 14 Oct 2011 00:00:00 -0700 https://blog.mattblair.co/blog/20111014-alas-it-was-not-to-be/ My jQuery bug was already documented. :( https://blog.mattblair.co/blog/20111010-finished-the-nike-importer-for-www-runningahead-com/ Mon, 10 Oct 2011 00:00:00 -0700 https://blog.mattblair.co/blog/20111010-finished-the-nike-importer-for-www-runningahead-com/ I finished up the Nike+ data importer for www.runningahead.com. You can check out the code for the importer at this Github repository: https://github.com/duereg/NikePlusImporter I got a small test project up for this. It walks through everything but doesn’t Mock up the calls to the Nike+ service (I couldn’t be bothered). Let me know what you think. https://blog.mattblair.co/blog/20111006-jquery-ui-bug-1-8-16-buttonset-method/ Thu, 06 Oct 2011 00:00:00 -0700 https://blog.mattblair.co/blog/20111006-jquery-ui-bug-1-8-16-buttonset-method/ I love to find bugs in good software! Came across a little jQuery UI bug today. It’s for one browser, but it always excited to be able to create an easy-to-replicate bug. The bug is small - it deals with the buttonset() method. The buttons, instead of having the rounded corners on the outside, have the rounded corners on the inside. Not critical but it made the UI I was working on look strange. https://blog.mattblair.co/blog/20110924-beautiful-linq-to-xml/ Sat, 24 Sep 2011 00:00:00 -0700 https://blog.mattblair.co/blog/20110924-beautiful-linq-to-xml/ Is there anything better in life than finding a better way to do something? An easier commute, a better night’s sleep, a tastier cake recipe? In starting the Nike+ importer for www.runningahead.com, I knew I was going to have to deal with a bit of XML. Which used to mean XPath. Not so much anymore. LINQ to XML, you rock my world. It turns XML like this… <extendedDataList> <extendedData dataType="distance" intervalType="time" intervalUnit="s" intervalValue="10"> 0. https://blog.mattblair.co/blog/20110921-working-on-nike-importer-for-runningahead-com/ Wed, 21 Sep 2011 00:00:00 -0700 https://blog.mattblair.co/blog/20110921-working-on-nike-importer-for-runningahead-com/ I’m a fan of the website www.runningahead.com. I use it to track all my sporting life activities. The primary reason I use this site, instead of one of the hundreds like it, is that you can track anything - yoga, rowing, running, P-90x, underwater hockey, tiddlywinks, whatever. Throw in some customizable reporting and some great hardware integration, and it’s free, and you’ve got a winner. That doesn’t mean there aren’t things I don’t like about the site, and things I wish could be better.