Beginner’s guide on Sassy CSS

What is Sass?

I’ve been using SASS recently and I love how syntactically friendly it is for me to write CSS now and I hope this guide will provide you a basic understanding of SASS and get you over to the clean side.

SASS stands for Syntactically Awesome Style Sheet. It is a stylesheet pre-processor language that is an extension of CSS that takes your input data and spit it back out into plain CSS.


Must know shortcut for developers using VSCode.

Photo by Mohammad Rahmani on Unsplash

It’s been almost a year since I’ve started coding and I’ve picked up a few VScode shortcuts that I think helps me save a TON of time when coding and today I will share my favorites in hopes it can help you save lots time as well.

I primarily code on my Mac so If you are on Windows, you can still use these commands but you just have to switch out CMD for your WIN key and OPT would be your ALT key.

Toggle Side bar

CMD +B


Beginner’s guide to NodeJS

Intro

During my time at the Flatiron School, I learned JavaScript for the front-end and Ruby on Rails for the back-end but recently I’ve picked up NodeJS for the backend and I’m really enjoying it since it allows me to use JavaScript for Full stack development. So bye bye errors when remembering the wrong syntax due to switching between languages.

NodeJS is an asynchronous event-driven Javascript Runtime environment that uses Google’s Chrome engine(V8) to compile JS into machine code that can be ran on a variety of the most popular Operating Systems such as MacOs, Windows, and…


A simple guide on React hooks

Photo by Ferenc Almasi on Unsplash

Intro

I love React hooks. When I was enrolled in Flatiron School, Hooks was not part of the React curriculum yet but after I graduated I had some underclassman tell me they are learning hooks in their React JS class.
After doing a little research, I was immediately hooked… no pun intended.
So today, I will be sharing some React JS knowledge.

Basics

Hooks were introduced in React v16.8.0. My favorite thing about Hooks is that they are able to provide state to functional component rather than class component which makes your app way faster due…


A simple guide to Git commands.

Photo by Fotis Fotopoulos on Unsplash

Intro

I remember on my first day of learning Software development, I had to clone a repo with a lesson from my instructor at The Flatiron School and and I had no clue what she was talking about. A year later, Git seems so easy and second nature to me as a developer that I’m shocked at how little I knew about Git at the time.

Today I will show you how to use Git with GitHub and share some of my must know Git commands.

What is Git?

Git is the most popular version control system in…


Photo by Antonio Batinić from Pexels

Intro

Netlify is definitely my favorite way to deploy my React projects due to it’s ease of use and it’s free starter bandwidth plan. Today I will show you how to deploy your React apps to Netlify through a few different ways. I will cover how to quick deploy and how to connect your Git projects to Netlify for continuous deployment.

warning — must have a Netlify account to deploy and a Git account for continuous deployment

Before we get started we need to install Netlify to your React project, you can do so by going into your project directory and…


Photo by Fotis Fotopoulos on Unsplash

One of the major reasons why I love JavaScript (JS) today is because there are some very useful array methods that have been included ever since the introduction of ECMAScript 6(ES6) in 2015. When I first learned JS in I pretty much only used the forEach loop for most of these examples, so today I will show you guys how to use these amazing built in array methods to save you time and resources when coding with JS.

Let’s imagine a customer shopping for some groceries at your local supermarket and you have been hired to program the cash register…


Image by gTheMesh from Pixabay

Intro

One of the most important skills of a web developer is DOM traversal and being able to select HTML elements with JavaScript. This will be a guide on my top 10 of the must know methods and hopefully this will help you master DOM traversal by the end of the guide.

Fair warning!
This is a guide for developers with at least some basic knowledge in HTML & JavaScript

DOM Nodes

Before we dive into the traversal methods, let’s look at the brief explanation of the DOM and Node Relationships from W3school.

According to the W3C HTML DOM standard, everything in an…


Image by: Mohamed Hassan Pixabay

A lot of people have asked me about Crypto mining since I posted my blog about BlockChain Technology and due to popular demand, this will be another simply explained guide about how Crypto mining works.

PoW(Proof of Work)

Proof of Work is a technique in which one party proves to another party that a certain amount of computational value has been changed. The concept was originally invented by Cynthia Dwork and Moni Naor in 1993 as a way to deter Denial-of-Service(DoS) attacks and other service abuses on a network by requiring some work from a service requester, usually meaning processing time by…


-André François McKenzie

Bitcoin, Ethereum, Dogecoin?! These are some of the most popular cryptocurrencies on the market that you might’ve heard of but do you know the technology behind it? This will be a simple explanation on Blockchain.

Intro

In 1991, Stuart Haber and W. Scott Stornetta came up with a secure way to timestamp digital documents that can’t be tampered with and that technique is known as Blockchain today. …

Steven Wu

I’m a NYC based full stack developer and a part-time gaming nerd https://www.linkedin.com/in/stevenwubc/

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