I’ve been solving algorithms on websites like hacker rank and leetcode since graduating from Flatiron. Through research and self-trial I’ve found a few steps that help me solve and optimize my code. Even if you’re unable to optimize your solution these steps will act as a guide to help you get to that point with practice.

1. Listen to/ Read carefully

Every detail in an algorithm will be needed to solve it optimally. Sure you can probably get away with not using one of the details at some point. However, this negligence will most likely affect the efficiency of your final solution.

2. Ask clarifying questions

Whether you're solving…


As an aspiring web developer I have used and heard of NPM and Yarn, but what are they, and what are they even used for? As we head down this educational journey together we’ll answer a few of these questions to get a better understanding of why we should use each and when?

What Is NPM?

NPM stands for Node Package Manager. It is an online repository where developers can publish open-source Node.js projects. It is also a command-line utility that is used to download and install software for free. The npm website can be used to discover packages.

One of the many…


When you’re learning a new Javascript framework like React you begin to learn that simple CSS implementation is done completely differently than if you were to create a vanilla javascript application. As I worked to create my portfolio website I had a list of UI goals I wanted to implement into my website. One of those goals was to highlight the navigation link I was currently on to a different color to let a user know what page they’re currently on.

With a vanilla Javascript application, a jQuery function is needed as the :active CSS selector only highlights a link…


These are the transform property values we’ll cover in this blog!

The transform: property is a great tool. It can help to create very cool animations and gives you, the developer the ability to rotate, scale, move, skew, etc., elements. In this blog, we’ll learn about the most general transform: property values out of the twenty-four that currently exist.

  1. Translate(x,y)
  2. Rotate(angle)
  3. Scale(x,y)
  4. Skew(x-angle,y-angle)

The HTML code snippet below has five <p> tags to display the appropriate explanation for each transformed image. ANY element can be transformed with this property but in this example, we’ll demonstrate the power of transform with the same image. …


The Bee animation includes: stop animation on hover, fade image using opacity

There are several different ways to animate an element using CSS. In this blog, we’ll cover a few different ways to animate background colors and images using linear animation, animation with steps, and @keyframes to complete our animation.

Linear Animation

Let’s begin by creating a <p> tag. We’ll wrap that in a <div> tag with a class value of “div1”. In this example, we’re selecting the <div> tag instead of the <p> tag because we want our linear animation to change the background color of our text.

In our CSS we’ll select our <div> and after our desired styling is done…


Learning to use grid can be a headache when you’re first starting out. Understanding a few concepts is key when creating your layout and knowing grid terminology is the first step on that journey.

Terminology

Grid lines: Are the vertical and horizontal lines that divide the grid and separate the columns and rows. The count always starts at 1, not 0.

Grid cell: A single child of a CSS grid.

Grid area: Any rectangular space surrounded by four grid lines. It can contain any number of grid cells.

Grid track: The space between two grid lines. This space can be horizontal…


Designing a web page can be quite similar to creating art. No matter how well you think you’ve done, there will always be someone out there who won't like what you’ve created. Whether its the color you choose or the font style you decided to go with people will have different preferences because we’re human and that’s normal.

Just like art, web design can be subjective. So how can we create landing pages that won’t make a user click away? Well there's no real formula that you can follow that’ll appeal to everyone but there are a few design principles…

Stacey Carrillo

Software Engineering Student at Flatiron School! Recently graduated as a Programming & Software Development Major at LaGuardia Community College.

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