Object-Oriented Programming (OOP) is a popular programming paradigm that allows us a way to structure and maintain complex code.
Continue reading “OOP in JS: Object Basics”Core Components of JavaScript Execution
In order for JavaScript to operate in the way that it does, it relies on three core components:
- Memory
- The Thread of Execution
- The Call Stack
I am not covering the concept of asynchronicity here but I will go over that in a future note(s).
Continue reading “Core Components of JavaScript Execution”TIL: GitHub Emojis
I knew GitHub supported emojis – I often use them in PR messages, comments, etc. What I didn’t know is that you can also add emojis in your commit messages.
Continue reading “TIL: GitHub Emojis”JavaScript Template Literals
Up until now, we only had two ways to write a string in JavaScript – single and double quotes. If we wanted to interpolate a variable with one of these string options, we’d need to break out of the string and concatenate the variable.
As of ES2015, we are able to use Template Literals. These are string literals that allow embedded expressions.
Continue reading “JavaScript Template Literals”Modern JavaScript: Arrow Functions
New with ES6, we have an additional way to write function expressions in our code – as arrow functions. This new syntax offers 3 main benefits:
- They are much more concise than regular function expressions/definitions
- They have implicit returns, which allow us to write single-line expressions (much like we can do with conditionals and the ternary operator)
- The value of
thisis lexically bound, meaning that it is not re-bound when you use an arrow function inside of another function – which is very helpful for asynchronous callbacks
Modern JavaScript: Using Var, Let, and Const
As of ES6, we have two new ways to define variables, in addition to the classic var keyword. Each are a little bit different in their own way and I’ll break down those differences in this article.
WCGVL 2018 – Getting Started with CSS Grid
A few weeks ago, I gave a presentation at WordCamp Greenville on CSS Grid Layout.
It was the very first WordCamp Greenville and also my first conference talk so it was a pretty exciting experience for me all around.
You can watch the full recording of my talk below:
Additionally, you can view my presentation slides here.
Vim Text Completion
I’ve been looking for a good autocomplete plugin for Vim for a while. It seems like the most popular option by far is YouCompleteMe (which I have been using for a while now). While I think YouCompleteMe is a good plugin, I also feel like it’s a bit heavy and seems to need a lot to setup and maintain. I always seem to have issues with the server going down.
Basically, I just wanted a lighter option.
Continue reading “Vim Text Completion”Intro to the Web Storage API
What is Web Storage and when would you use it?
There are instances where storing data in a users browser can be really helpful. Up until somewhat recently, saving the state of the application locally in the browser via Cookies was the main way to achieve this. Cookies have limitations, however. For example, their max size (4093 bytes) and the fact that they have to me transmitted with every request.
Continue reading “Intro to the Web Storage API”Using CSS Custom Properties
CSS Custom Properties, also commonly referred to as CSS Variables, is a specification that allows you to declare a property and use it later on in your stylesheet. This works similar to how you would declare a variable with a preprocessor.
Continue reading “Using CSS Custom Properties”