This guide is designed for individuals looking to get into programming but has little to no coding experience. Although CoffeeScript is considered a “dead” language, I’ve selected it as the core topic of this article due to its easy-to-read and easily transferrable syntax. Another bonus of CoffeeScript is, according to the CoffeScript website, it's just javascript! That means it can be utilized with almost any javascript library and compiles directly into JS. What that essentially means is- it can be used in place of Javascript and will serve as an easier way of implementing code for beginner programmers.

Getting Started With CoffeeScript

Reference to…


Modern web design and user interface crafting appear to be some sort of alchemical magic trick- turning lines of programming commands into visual and interactive elements. This is however not the case, what appears to be a magical process is actually just a compilation of software layered on top of each other to serve the purpose of connecting human language to a dialect at the computer can understand. In many ways programs in languages act as a liaison between humans and machines and today we're going to learn how this magic occurs.

The Programming Language Hierarchy

Most utilization of Software in the modern day…


Despite common belief, the concept of integrating with machinery isn't new. In fact, one of the most notorious personalities of the Renaissance, Leonardo Da Vinci, attempted to create a machine-like night operating on pure mechanics. With modern machinery and computer capability, today’s designs have brought us closer to the concept of the standard “Cyborg” than ever before. Due to recent advancements in artificial intelligence and medical technology, new movements have emerged within the art, technology, and medical sectors.

Not So Artificial Intelligence

Artificial intelligence is defined by the Oxford dictionary as:

“the theory and development of computer systems able to perform tasks that normally…


This article is an extension of my previous article about how the effects of the global pandemic and the growing economic crisis have shifted the job market for junior developers. This article will go over the changes brought about by the new administration and the shift in growing essential industries and will ultimately act as a job seeking guide. As we embark on a new year of changes and hopes, job seekers are becoming more enthusiastic about what’s to come in the near future. It’s predicted that by the end of this year, there will be over 1.4M …

Design is an integral aspect of creating a brand and engaging users in web applications. Front End developers focus on two fundamental aspects of the user interface- the functionality and the design. Most applications on the modern web consist of various complex components and long scripts of code. Thanks to the highly talented individuals behind the following component libraries, developers are able to integrate responsive, functional, and conventionally appealing components to their React applications without the hassle of writing long CSS and Javascript files.

In order to begin our new design journey, let’s create a React application utilizing the…

What is Use-Sound?

Trying to create the next Spotify or simply adding some flair to your personal website or portfolio? Use-sound is a React hook developed by Joshua Comeau that allows React developers to integrate playable MP3 files for your React application. For full documentation on Use-sound and it’s utilizing, please visit Joshua’s blog here.

Step 0- Setup

For the purposes of this demonstration, I will be utilizing the play/stop features of Use-sound with four audio files of my choosing. You will need the following:

  1. Mp3 Files of your choosing.
  2. Album art or cover photo (optional).
  3. Play/pause icons for toggling states (also optional).
  4. Use-sound and…

What is Sass?

Sass is a programming language that utilizes preprocessor scripting that is complied and interpreted into Cascading Style Sheets (CSS). Sass consists of two syntaxes, “the indented syntax” which uses indentation to separate code blocks and newline characters to separate rules. The more readily used Sass syntax and that which will be using for the duration of this demo is “SCSS” which is called sassy CSS. This uses the style syntax styling of CSS with blocks of code being separated by semicolons within different brackets.

Sass Background

The implementation and creation of Sass was initially designed by American computer programmer, author, and gay…

Are you new to programming or just don’t know where to start learning responsive web design? well, you’ve come to the right place! Today I will show you how you can create your very own responsive website that will only take five minutes of your time.

Frontend Tools

For the purposes of this demonstration, we will be using many of the following website design tools:

  1. Bootstrap — A front-end open-source toolkit that includes prewritten HTML, CSS, and Javascript. Bootstrap will make our lives so much easier after all, why take hours creating web features that someone has already done for us?
  2. Font…

With the current political climate, growing global pandemic, and economical crises that have occurred recently, the year 2020 has marked the end of a decade-long economical growth period. Subsequently, the ever-growing field of technology continues to expand with new talent ready to break into the software development field. Thus the question arises, how have the current events affected the industry for Junior Developers and recent Software Engineering graduates?

Changes in Software Engineering Job Postings

The national average for job outlook within the Software Engineering field, prior to the global pandemic, is nearly 22% (Bureau of Labor Statistics) which is much faster than fields that are experiencing…

Regex expressions or regular expressions are a series of statements that can be utilized for searching for specific patterns of texts. There are multiple regex expressions that may seem overwhelming to a beginner program but broken down, these concepts are quite simple and can be very useful once utilized effectively.

Before we get into regex expressions, here are the common types of characters and symbols you will encounter with most regex applications:

Letters- abcdefg.. ABCDEFG (note: Regex is case sensitive! we will want to watch out for this as we search through our patterns).

Numbers- 0123456789

MetaCharacters- .[{()\^$|?*+ — These…

Mar Mustafa

Software Engineer focused on Full Stack development with MERN stack and Ruby experience. Interested in sharing my learning journey with aspiring developers.

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