javascript
add dark mode to your website

how to add dark mode to your website

javascript
converting an object to a number

What happens when trying to convert an object to a number.

javascript
using JSON.stringify() with values that are not JSON safe

Some JavaScript values are not JSON safe

javascript
testing for NaN

NaN, Not a Number, is returned when doing math operations with values that aren't numbers.

javascript
changing the type of a value - coercion in javascript

Using a value in a comparison can be confusing sometimes because JavaScript tries to be helpful and implicitly change the type for you.

javascript
filter an array with another array

Filtering an array with another array is useful when you have many elements you want to remove from an array.

javascript
function declarations in JavaScript

In JavaScript functions can be declared with function statements, anonymous functions and arrow functions.

javascript
shadowing objects properties in javascript

when creating a property on a object that has the same property name on its prototype it will shadow it.

react
dynamic image source create-react-app

how to load images with different sources / url with create react app

javascript
what is localStorage

localStorage allows you to store and access strings in your browser.

javascript
what is the Fibonacci Sequence

The Fibonacci Sequence is a series of numbers that starts at 0 and 1. The next number in the series is the sum of the last two numbers.

javascript
what is a factorial

Factorial can be used to find out how many ways to order a set of things. it looks like this 7!.

html
Semantic HTML

Semantic HTML are HTML tags that tell you what type of information each element should contain.

javascript
The best way to organize JavaScript

Well-organized code can be easier to debug, and easier to revisit later. Let's make sure we understand how to organize our code using the best practices.

javascript
What is Destructuring Assignment?

Destructuring assignment is a special JavaScript syntax that makes it possible to assign multiple variables to elements of an array or properties of an object. It is very useful when you are trying to assign multiple variables or get values of an array and/or object.

html
Labels in HTML

Labels are great for describing what a input is for. Learn how and why to use labels.

javascript
What is DRY Code

There's a principle in programming called DRY, or Don't Repeat Yourself. It usually means refactoring code by taking something done several times and turning it into a loop or a function

javascript
comparing and cloning arrays in JavaScript

Unlike other data types you might have seen so far, it is not possible to correctly compare two arrays by using the === or == comparison operator. Two primitive data type values can be equal, but no two arrays are the same, even if they have the same elements inside.

css
Key Concepts In Positioning Elements with CSS

CSS treats each HTML element as if it is in its own box. This box will either be a block-level box or an inline box. It has the following positioning types that allow you to control the layout of a page normal flow, relative positioning, and absolute positioning.

javascript
Rest Operator In JavaScript

The rest operator actually uses the same syntax as the spread operator. It's usage determines whether you're using it as the spread or rest operator.

css
Media Queries and Responsive Design

Styling your site to look different depending on the size of a screen it is being viewed on is known as responsive web design.

javascript
What is Authentication and Web Tokens

When requests to a web sever come in you have this process called authentication that lets the server figure out exactly who made that request.

css
What is BEM

Keeping track of every single HTML element might become difficult. There's this CSS naming convention called block element modifier, also known as BEM. What it means is there are three different CSS classes of tags.

javascript
How to add mongod to the command prompt in windows 10

Sometimes when installing software, it might not give you an option to set an environment variable. Learn how to set environment variables in windows 10

javascript
JavaScript Primitives

Numbers, strings, booleans, undefined, null are 5 out of the 6 primitives, or basic data types. The other one is symbol, which represents an identifier for object properties.

javascript
When to use let and const

To understand why let and const were added, it’s probably best to look at an example of when using var can get tricky.

javascript
JavaScript Objects

Objects are containers that encapsulate data - meaning all of the relevant data and functions for the thing that the variable name represents are kept together in a 'capsule', better known as an object that can be created and manipulated in our programs as a single unit.

javascript
what are closures

A closure is when a function can access its scope even if the function is executed outside of it.

css
What is the CSS Box Model

Each element on a web page takes up space, and the box model describes the space around the element.

html
Indenting and Spacing in HTML

When you are writing HTML (or any other programming language), well-written code follows consistent indentation and spacing patterns.

html
Responsive Images in HTML

In this blog I'll introduce the concept of responsive images, images that work well on devices with widely differing screen sizes, and resolutions, and how to implement them on the web using the picture element and srcset attribute.

html
css
javascript
Re-writing Git History

git commit --amend is an easy way to modify the most recent commit, but if we need to modify history going further back then we'll need to use the git rebase -i command.

html
css
javascript
Re-writing A Git Commit

We always want to include clear and detailed messages with our commits. However, even the most careful developers can make mistakes. Git has several options to re-write git history, including a git commit.

html
Block and inline elements in HTML

HTML Block elements are elements that when displayed start on a line of their own, in effect making a block on the page. Inline elements do not appear on their own line but share a line with other inline elements.

html
Divs and spans in HTML

Classes are great for selectively applying styles to certain parts of your web pages. But sometimes you'll have entire sections of your pages that you want to style a certain way, and adding a style to every tag gets annoying. Divs and spans can help.

javascript
spread syntax

JavaScript has the Spread Syntax that allows you to expand arrays or other iterable objects. It is very useful when you are trying to pass the elements of an array as single arguments to a function

html
css
javascript
What is Git and Github

Git is the tool that we can use to save all changes and additions to our code on the computer we're working on. GitHub is the online location we can upload our Git-managed code to for safekeeping.

css
Class vs Id

Let's briefly note the difference between assigning a class to an HTML tag and assigning an id to an HTML tag.

javascript
Behavior-Driven Development

behavior-driven devoplement (or BDD) is a process of taking a problem we want to solve or a concept we want to understand and turn it into a set of specific programming tasks.

javascript
logical operators in JavaScript

Logical operators are used when doing comparisons of boolean values. if Booleans are being used it will either return true or false. If non-boolean values are used for operands if will return one of the specified operands. The logical operators look like (||), (&&) and (!).

javascript
Constructors and Prototypes

In this blog, we're going to explore how JavaScript uses constructors as blueprints for the creation of many new objects, and prototypes for adding methods to objects.

javascript
what is array find() in JavaScript

find() finds an element in an array.

javascript
this in JavaScript

this refers to a object that is set is at the creation of a new execution context.

javascript
is JavaScript synchronous, asynchronous or single-threaded

JavaScript is synchronous and single-threaded with capability to do asynchronous calls.

javascript
first class functions in JavaScript

Functions are first class citizens which mean they are treated like any other variable.

javascript
primitives vs objects

Primitives are immutable and passed by value. Objects are mutable and stored by reference.

javascript
7 git commands that every developer should know.

An explanation on what is git and git commands everyone should know to be a sucessful developer.

javascript
why JavaScript methods are useful

You can think of a method as an action that a number, string or object can perform or have taken on it.

javascript
prototypical inheritance

prototypical inheritance in JavaScript is an object with methods and properties that are given to non-primitive types.

html
css
the good parts of float and clear

floats and clear are important to know because you never know when you are going to be working on legacy code.

css
CSS Pseudo Selectors

CSS introduces both pseudo-elements and pseudo-classes. A pseudo-element acts like an extra element is in the code. A pseudo-class acts like an extra value for a class attribute.

html
css
javascript
GitHub Pages

It's more fun to make web pages when we can show them off to our friends. There are a lot of ways to put our pages online, GitHub Pages is one way.

html
css
javascript
Github Remote Repositories

When we want to publish our code online (save it on the cloud so we can access it from any device), we want to store it in a remote repository.

javascript
what is array map() in JavaScript

map() allows you to make changes to every element in an array without modifying the original array.

javascript
what is array reduce() in JavaScript

reduce() method combines an array into one value

html
css
javascript
Tracking changes with Git

Now that we know how to setup Git, lets see how we can track changes.

javascript
what is array filter() in JavaScript

filter() filters out elements in an array.

html
css
javascript
Initializing Git

Git is a tool that we can use to save all changes and additions to our code on the computer we're working on.

javascript
the difference between var, let, and const

an explanation of var, let, and const variable declarations in JavaScript.

javascript
la diferencia entre var, let, y const

explicación de const, let, y var declaración cuando usando JavaScript