Frontend

Frontend Javascript, Templating systems, Gulp, and presentation layer topics covering everything but the basics.

MongoDB Stitch Serverless Functions

A crash course in MongoDB Cloud’s bread and butter: serverless functions

At times, I've found my opinion of MongoDB Atlas and MongoDB Stitch to waver between two extremes. Sometimes I'm struck by the allure of a cloud which fundamentally disregards schemas (wooo no schema party!). Other times, such as when Mongo decides to upgrade to a new version and you find all your production instances broken, I like the ecosystem a

NoSQL Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
Nov 26
Read

Stitch's “Query Anywhere”: Executing Business Logic via Frontend

MongoDB Stitch vs the impossible: secure database queries via frontend JS

Some tools are simply the right tool for the job. I imagine this must have been the thinking behind the wave of JSON-like NoSQL databases at their peak, and even so today. If we figure we’ll be passing information as JSON to an endpoint, to then have it structured into a schema, only to be promptly broken down again

NoSQL Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
Nov 23
Read

Image Compression Using Gulp and Imagemin

The simplest way to optimize page speed without breaking everything.

I promised myself I wouldn’t get involved in any more Gulp tutorials; task runners aren’t exactly the sexiest topic in the world, and chances are if you’ve made it to this blog, you’ve either solidified a CI/CD pipeline for going live with software, or you simply don’t need one. We’ll make an exception

JavaScript Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
Nov 21
Read

Frontend in Flask: Page Templates and Static Assets

When Python developers manage presentation layers.

If you're familiar with Django (or Python to any extent), you've probably accepted the concept of what Python guys refer to as "static assets" without much consideration. At some point in Django's conception, a design decision was made: any code, styles, or assets were tucked away into their own respective uninteresting corners of the framework. Thus it was known: anything

Flask Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
Jul 23
Read

Upgrading to Gulp 4.0.0

Tackling the breking changes that come with Gulp 4

Back in the day we touched on some of the wonderful upsides of implementing Gulp into your workflow. If you have been following along and happened to install the latest version of Gulp, you may has noticed something horrible happen: nothing worked. I probably should’ve mentioned that the latest major update to Gulp, Gulp 4, is actually a breaking

NodeJS Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
Jun 28
Read

Building Page Templates in ExpressJS With Handlebars

Building views in NodeJS by incorporating layouts, partials, and everything in between.

Writing HTML sucks, thus we should do everything to minimize the time we spend writing it as much as possible.  Thus, we have Handlebars: a lightweight templating system for Node. Handlebars allows us to avoid repetitive code by compiling the final DOM structure of our site via logic, typically compiled by task runners such as Grunt or Gulp.

If you're

NodeJS Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
Jun 26
Read

Using Gulp: Tasks to Make Frontend Tolerable

Automate tasks to make frontend code production-ready

NOTE:  This tutorial was written for Gulp versions <4.0.0. Check out this post for Gulp >4.0.0


Perhaps the whole obligatory-Gulp-tutorial on [Some Coding Blog] thing has become a bit cliché at this point. Haters may do as they will, but I 'll take any opportunity to jam as many SEO keywords I can get

NodeJS Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
May 30
Read

Ghost Theme Development: Custom Widgets

Get started customizing your themes with simple widgets

Here at H+S headquarters, we're pretty into the Ghost blogging platform. It's a lot like Wordpress, except without everything that sucks about Wordpress. It's a Node app, isn't bloated with widgets, is more secure, smarter, prettier, and so on. If you're a dev looking to get a quick clean CMS running, Ghost is pretty much a no-brainer.

While the

ExpressJS Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
May 15
Read

Make Your First API Calls with JQuery AJAX

Beginner's guide to consuming endpoints via Frontend Javascript

The information age is over: we have all the information now. All of it. We're in a unique place in human history where we've somehow managed to mine more data than we know what to do with... and a lot of that data is easily accessible via APIs.

We're going to get our feet wet with REST APIs today, thus

Frontend Todd Birchard avatarTodd Birchard Todd Birchard avatar
toddJan 15
Apr 25
Read