Meeting personas

I’m taking a turn away from my usual front end development posts and going to talk about work meetings and calendar management for a few posts. If you work for a big company like me (I work at Bank of America) you probably have a lot of meetings of all shapes, sizes, and importance. Eventually your calendar is crammed with meetings and you have less and less time to write CSS and Javascript. If you don’t stay on top of your calendar – and more or less beat it into submission – you will find yourself writing a lot less code and attending a lot more meetings. But, in order to manage your calendar effectively, you have to understand the 4 different meeting personas…

May 18, 2017

Handlebars JS Training Course, Part 3

So far we’ve done a lot with Handlebars and we’re noticing by now that the Handlebars library is very intuitive. It’s also very feature-rich. There’s a lot you can do with it. In part 3 of this video training series on Handlebars I’ve put together 3 youtube videos that start to explore deeper subject matter: working with data that isn’t so flat and the two different types of custom helpers that you can create: expressions and blocks.

September 1, 2016

Handlebars JS Training Course, Part 2

In part 1, after we got started we created our first Handlebars template and then got to know the Handlebars.compile() function. We wrapped up by learning about the {{#each}} helper. In part 2, we begin by adding some CSS – so our layout stands out a bit. We then explore the {{#if}} helper and the {{#unless}} helper. The 8th video in the series covers a ton of ground as we spin up a Gulp server, move our data from a Javascript object to a separate JSON file and Ajax it on to our page.

August 6, 2016

Introducing Rock, Paper, Scissors Battle!

I started this project at the end of December 2015 and have recently gotten it to a good point here, releasing it in-beta at the end of February 2016. Creating a rock, paper, scissors game is an exercise/project that Codecademy has in its Javascript course. More than a year ago I had taken this course and decided to go further with the Codecademy exercise and build a pretty simple, really ugly looking, but usable RPS game on my own. At that time I had found myself getting programmed in to corners that I couldn’t get out of. The code was a mess and I gave up on it.

March 15, 2016

Local Storage 101

It’s been said that Local Storage is nothing but a shelf.* Shelves may not be the most head-turning things in the world, but when you need to store something that can be readily available, a shelf can be incredibly useful. Javascript variables stored in memory are completely lost when you do a page refresh. Web Storage allows you to put Javascript variables on a shelf, go away and do other things like refresh the page, and then when you come back, you can access that Javascript variable.

November 25, 2015

Custom Directives in Angular

A few built in directive include ng-app, ng-view, ng-repeat, ng-if, and all the other ng-somethings are examples of Angular’s built-in directives. Directives enhance HTML to do special things that cannot be done with plain ol’ HTML. For instance, adding the ng-if attribute to an HTML element will conditionally render that element if its expression evaluates to true. Likewise, adding the ng-repeat attribute will repeat an HTML element for items in an array. These types of programming features, control flow and looping, aren’t inherent parts of HTML. Directives add these extra super powers to your markup. Along with built-in directives, Angular allows you to create custom directives which can make up a large portion of your Angular JS application.

November 10, 2015

Javascript Quick Tip:
Recognizing Truthy Values in conditional logic

My Javascript knowledge, started by learning jQuery. Although I think starting with jQuery is a good way to learn Javascript, in most jQuery tutorials they don’t go into the basics of Javascript. And they certainly don’t teach you all the different shorthands and nuances there are in Javascript (I’m not saying they should either). If you’re learning jQuery or maybe a framework like Angular without much programming experience, I think it’s helpful to understand this basic shorthand for evaluating to true.

October 9, 2015

Understanding Basic DOM Traversal in jQuery

Traversing the DOM using jQuery tends to be most useful when you’ve got the same sections of code, or modules, repeating on a page. And, more importantly, the same action can occur in those modules that needs to be specific to the module where it happens. Let’s face it, if the action only happens in one spot to specific elements we’re probably fine attaching specific IDs to those elements and targeting our jQuery at those ID’s. However, these repeating, actionable portions of code is where I find DOM traversal to be the most useful in order to keep jQuery code succint. Here are some useful DOM traversal methods and examples to get you started.

November 4, 2014