Posted on • tagged with #scss#css
With @import at-rules slowly being phased out of the main implementation of Sass (dart-sass) and eventually deprecated, its time to learn how to use @use rules and the neat features that come along with it.
Posted on • tagged with #typescript#javascript
I have seen time and time again, 'foo: any = bar;' instead of defining an explicit type for the value. Using 'any' doesn't help in writing safe code and that's the whole point of TypeScript, to write safer code.
Posted on • tagged with #javascript#hackerrank
This article will discuss how to solve the "diagonal difference" problem which involves calculating the diagonal difference of a n x n size square matrix.
Posted on • tagged with #eleventy#nunjucks#html
There are many great features to choose from when building websites with Eleventy. One feature in particular that I find very useful is the ability to iterate over a global data file and generate page content using a templating language of your choice.
Posted on • tagged with #python
The order of operations in an expression is very important to understand. With more complex expressions, operator precedence isn't always straightforward and if not used correctly leads to unexpected values.
Posted on • tagged with #python
Rounding numbers in Python is quite common. There might be a situation where values must only be rounded to 3 decimals or some arbitrary number. Using the built-in function round() is handy but changes the original value.
Posted on • tagged with #node#javascript
To create a Node.js application, you need a web server, a request, a router, and request handlers. Frameworks like Express.js speed up development by providing a robust set of features to build web applications and APIs.
Posted on • tagged with #git
When reviewing a PR, its usually helpful to pull into that feature branch and test the changes locally in your own copy of the project.
Posted on • tagged with #node#javascript
Files can become quite large in a Node.js project. Modules provide developers a "modular" approach by putting related code into separate files and then exporting them to be used elsewhere.
Posted on • tagged with #javascript
Removing duplicate values from an array is quite a common task in programming. Sometimes, specific scenarios require a collection of data to only store unique values. That is, no repeated values.
Posted on • tagged with #angular#node#javascript
I wanted to use Angular and Node.js for creating a blog template similar to how I would do things in Eleventy. Create one base template that each of the blog posts content can be displayed on.
Posted on • tagged with #javascript
The Fibonacci sequence is a series of numbers where each number in the sequence is the sum of the two preceding numbers. This sequence begins with 0 and 1.
Posted on • tagged with #javascript
In JavaScript, arrays are predefined objects, where the indexes are the arrays properties. They can hold a collection of values with differing data types. The array is a go-to data structure for common list related tasks.
Posted on • tagged with #git
To begin contributing to open-source software, you might want to become familiar with Git. Understanding the workflow of creating your own local copy of a repository and keeping it up to date with the upstream repository is integral to start contributing in public projects.
Posted on • tagged with #javascript#eleventy
Creating search functionality for a static site isn't always easy. Luckily, using custom data attributes and a bit of JavaScript. You can filter blog posts by comparing the search input to post titles and visually hide posts that don't match the search query.
Posted on • tagged with #javascript#advent-of-code
Have you ever had an array of values that you needed to convert to an object? I've run into this scenario quite a few times and wanted to write about it.
Posted on • tagged with #css#html
Sometimes you need to select elements from the page for styling but don't want to write the class or ID selector many times in your stylesheet. This is where CSS combinators come into play.
Posted on • tagged with #eleventy#nunjucks#html
If you've built sites using Eleventy, you're probably familiar with collections. Using the Configuration API allows for creating custom collections which can be useful to only show certain posts on your site.
Posted on • tagged with #html#javascript
Have you ever thought to yourself while building a website, how could I create HTML elements and bind them to the DOM? This article explains some of the fundamentals for interacting with the DOM tree using client-side JavaScript.
Posted on • tagged with #security#shell
How familiar are you with using SSH? If you hesitated to answer, don't fear as after reading this article you will understand how to perform a secure remote connection using SSH and work in the server environment.