Braydon's Blog

Braydon's Blog

How to Create a Chat Layout with TailwindCSS and CSS Grid

Oct 8, 20214 min read 22 views

TailwindCSS provides utility classes that enable rapid development and styling of your websites and applications. In this brief article, I'll show you how easy it is to build a chat layout with TailwindCSS using their CSS Grid utility classes. Let's ...

How to Create a Chat Layout with TailwindCSS and CSS Grid

How to Unit Test an HTTP Service in Angular

Sep 20, 20219 min read 14 views

We now understand the importance of testing in isolation and I want to shift our focus to testing an HTTP Service. By the time we wrap up this addition to the series, not only will you understand how to write valuable tests, but you'll also understan...

How to Unit Test an HTTP Service in Angular

Use Named Exports over Default Exports in JavaScript

Sep 3, 20214 min read 53 views

If you were like me when I started learning JavaScript and diving into tools like React and NodeJS, you may have been confused when importing functions or components and found yourself blindly guessing how to import them at the top of your files. Som...

Use Named Exports over Default Exports in JavaScript

The Gumball Machine: How To Quickly Identify Unit Test Cases

Aug 26, 20213 min read 25 views

The purpose of a unit test is to confirm the intended behavior of a small piece of code separated from other parts of your application. But if you're just stepping into the world of testing automation, you may find yourself staring at a function with...

The Gumball Machine: How To Quickly Identify Unit Test Cases

How to Use the TailwindCSS Typography Plugin

Aug 16, 20213 min read 93 views

Tailwind, a utility-first CSS library that provides unopinionated classnames for rapid UI style creation, has taken the front-end development scene by storm and has been included in the best CSS frameworks in 2020. While the adoption rate for Tailwin...

How to Use the TailwindCSS Typography Plugin

Hold Up - What Are JavaScript Generators?

Jul 16, 20213 min read 79 views

We learned JavaScript knowing that functions execute from top-to-bottom, just like we read English from right-to-left. That all changed when ES6 was released in June of 2016, bringing with it the ability to pause functions in the middle of execution....

Hold Up - What Are JavaScript Generators?