Today, we’re going to learn some of the basics of flexbox and it’s properties including direction, wrap, order, grow, shrink, justify-content and align-items.

We’ll use a simple structure to practice these skills between 2 files — index.html and a style.css.

The site is going to have 3 header elements that are nested inside their own ‘flex-element’ div and have two parent levels on top — ‘container’ and ‘top-level.’

Data warehouses include data from databases as well as operational and external sources. They are traditionally built on relational databases, but can built on multidimensional; you can think of the database as the platform (‘base’) and the warehouse as the usage.

Data warehouses access and copy data from sources using ETL integrations. ETL stands for ‘Extract’, ‘Transform,’ and ‘Load.’ Combining information from all sources allows businesses to make true, holistic data-driven decisions from the one-stop shop that is a data warehouse.

A slowly changing dimension (SCD) allows businesses to capture changes in their data over time. …

A big part of TypeScript is catching potential errors before they happen. To empower this tool, using proper types is necessary. In this blog, I will outline a few of the advanced types included with TypeScript.

Intersection

An intersection type allows you to combine multiple types. Let’s consider a college course.

A teacher’s assistant will have responsibilities, but they also are a student. Now, when you create a TA object:

Sass is described as a ‘preprocessor scripting language.’ Essentially, it gives you additional functionality when writing CSS code.

One feature added is called a mixin. You can think of mixins like a function in a sense that it is a reusable piece of code — the difference being that does not return anything.

Here’s a simple example: in your project you’ll be decorating a lot of text in a similar fashion

In execution, if you have a selector in which you know you need to style text as such:

Data structures are ways of organizing information with optimal ‘runtime complexity’ for adding, editing or removing records. Today, I will explore queues, stacks and linked lists.

Queue

Queues are like your typical ticketing counter. Records, or ‘customers’ will enter on one side and exit on another.

This is classified as a First-In-First-Out system. If I enter the deli before you and grab a ticket, I will always be served first (or removed from the queue) before you.

Here’s how it would look in visualization:

Since graduating from Flatiron school a little over a month ago, I have spent a little time each day studying JavaScript algorithms. One question that gave me some trouble is the matrix dilemma. It goes as such:

Write a function that accepts an integer and returns a spiral matrix with NxN dimension.

This is based on an array of arrays. So if a 3 is passed into the function, your output would be expected to be:

matrix(3) //=> [[1, 2, 3],
[8, 9, 4], 
[7, 6, 5]]

As you can see, the inner arrays do not simply count up. You…

After learning about React’s component lifecycle methods, it was clear to see the benefit and use-cases for a few of them. ComponentDidMount and render (naturally) were immediately put into practice within my projects. However, understanding the specific uses of the remainder of these methods seemed abstract. Therefore, I decided to dig deeper into one of these methods: componentDidUpdate().

Before I could explore specific examples for this method, I first needed to understand the basics.

When is it called?

After a render, specifically when a component gets updated. This occurs in two instances:

• New Props have been provided by a parent component
• Internal state has…

Our cohort was introduced to the prototype property for Javascript concurrently with our lessons in object-oriented Javascript. I sought to learn more and will share some initial discoveries in this post.

What is it?

First, it is important to note that while the prototype property becomes extremely relevant when building classes, prototype is actually a default object associated with all objects, functions and datatypes in Javascript.

For example, let’s say you created an array.

const exampleArray = [1, 2, 3]

If you looked into that array, you’ll see the prototype property lives on this object under the “__proto__” property.

What…