What are Angular pipes? Pipes are a feature in Angular that allow you to transform output within your template. Once your data is rendered onto the screen, pipes transforms that data. Angular pipes give you the flexibility to transform data in the view without changing the actual data values themselves. Pipes are one of the tools that make developing with Angular easy. It has clean style and the data-view transformations are declared on the HTML template data bindings.

You can use Angular pipes by declaring the variable, followed by the pipe symbol “|” inside the HTML template. There can be…


Many employers want developers who have experience with Cloud Native Computing. As a junior developer, I currently have no experience with Cloud Native Computing. Thus, here is an overview of what Cloud Native is and what it entails.

“Cloud Native” is an approach to building and running applications that takes advantage of the cloud computing delivery model. In development, it utilizes cloud computing to build and run scalable applications in modern, dynamic environments such as private, public, and hybrid clouds. It’s about how applications are created/deployed as opposed to where. Cloud native applications live in the “Cloud” vs. data centers.


Photo by Xuanhao on Hackwagon

If you ever heard the term higher order function while learning JavaScript and was put off because it sounded tough, fear no more. While the “higher order” part may make it seem like it is a complicated subject, it really isn’t. To have a better understanding of what higher order functions are in JavaScript, you will need to have a firm understanding of what Functional Programming is and the concept of First-Class Functions.

Functional Programming is the process of building software by composing pure functions, avoiding shared state, mutable data, and side-effects. In more simple jargon, functional programming is when…


While learning Javascript, .slice and .splice() have confused me time and time again. A single letter (p) always caused me to google what the differences were. Both methods are very important while coding in Javascript.

Let’s start with .slice(). The .slice() method copies a part of an array and returns the part that was copied as a new array. It keeps the original array intact.

array.slice(start index, end index);

  • Start index: You take a slice of the array start from this element index.
  • End index: The slice of the array until after this index.

Lets say you have an array:

We slice from “array” and assign it to “copiedArray”.


Back in March of 2020, I got laid off from my Sales Job in luxury retail due to COVID-19. Since graduating college back in 2015, I had been studying to either try to get into medical or physician assistant school. After many gap years of working in the hospital and taking the MCAT (twice), I decided that I was getting older and medical/PA school wasn’t a good of an option for me. Knowing that I love creating things, my parents and friends suggested that I should check out software engineering if medical school doesn’t work out.

The thought of shifting…


Bubbles because, event bubbling!

When I first heard about event bubbling, I had understood the gist of it but not enough to use it in practice. Event bubbling is the order in which event handlers are called when one element is nested inside a second element, and both of these elements have a registered listener for the same event(e.g. a click event).

Event bubbling is often mentioned with event capturing and event propagation, 2 concepts I also didn’t have a full grasp on. In order to have a better mastery with Javascript events, understanding all three concepts is vital.

Event propagation is a blanket…


The browser can trigger many different types of events on the DOM(Document Object Model). The full list of all DOM event types are located here: MDN. For this blog, I’ll go over some of the more frequently used DOM events, explain what the event does, and how each one is used.

Here are some of the most common event types and event names:

  • Mouse Events: click, dblclick, mousedown, mouseup, contextmenu, mouseout, mousewheel, mouseover
  • Touch Events: touchstart, touchend, touchmove, touchcancel
  • Keyboard Events: keydown, keyup, keypress
  • Form Events: focus, blur, change, submit
  • Window Events: resize, scroll, load, unload, hashchange

Touch events…


Big O notation is a simplified analysis of an algorithm’s efficiency. Big O notation gives us an algorithm’s complexity in terms of input size, N. It gives us a way to abstract the efficiency of our algorithm or code from the machines/computers they run on. We don’t care how powerful our machine is, but rather, the basic steps of the code. We can use big O to analyze both time and space. I will go over how we can use Big O to measure time complexity using Ruby for examples.

Types of measurement

There are a couple of ways to…


While using enumerable methods in Ruby, there was a helpful shorthand syntax I came across while practicing coding challenges.

As a beginner, I had first thought the ampersand colon syntax was an operator. I come to find out that the ampersand colon was a hack that first started out in ActiveSupport that become an official feature in Ruby code.

When the “&” is added to the beginning of a method argument, it calls on the to_proc on its operand and passes it in as a block. If you are like me, I had no idea what that meant at first…

David Chung

Software Engineer, Athlete, Foodie

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