Today, we’re going to learn about CSS grid through one of the most iconic franchises of all time.

Here we go!

Wa-hoooooo!

The power of CSS Grid v. Flexbox is the power of formatting elements in columns AND rows v. columns OR rows. You’ll see what I mean shortly.

We will start with a basic HTML file including a parent div (‘players’) and then individual div’s for each player.

Regarding starting CSS, I set max widths and heights for the images to ensure that they were responsive and would be contained inside each of their individual divs. …


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.

index.html (don’t forget to link your stylesheet)

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…


Into month two of my software engineering program, our cohort has been given the task to build a website application using Ruby on Rails, HTML and CSS. Beyond the user experience/interface aspects of styling, and the functionality of built-in models and classes, we were also exposed to the idea of cookies.

Having some experience in the advertising technology world, this was not my first time exploring this topic. Reflecting back, my time in this industry was the driving factor that led me to the Flatiron School. It was there that I first learned of the difference between first and third-party…

Adam Altmark

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store