ES6 Syntax and Feature Overview
An introduction to ES6 syntax and features, such as classes, Promises, constants, and destructuring, with one-to-one comparisons to older versions of JavaScript.
Posts
How to Paginate an Array in JavaScript
A snippet on how to paginate through an array in JavaScript. In this case, it will load a new page when you click the previous or next buttons.
Basic Refactoring: Don’t Repeat Yourself
Learn how to take some redundant and repetitive code and apply the DRY (Don’t Repeat Yourself) principle to refactor the code to be more efficient.
Object Oriented Pattern: JavaScript Constructor Functions, ES6 Classes, and PHP Classes
A comparison of class instantiation and object inheritance with JavaScript ES5 constructor functions, JavaScript ES6 classes, and PHP classes.
Unit Testing in JavaScript
Learn how to perform unit tests on JavaScript with Mocha by developing a simple calculator application in Node.js.
How to Use the JavaScript Fetch API to Get JSON Data
A simple snippet for accessing data from a JSON feed and working with the response in JavaScript with Fetch API.
How to Create an Error Log in PHP
Learn the function to write a custom error log in PHP.
How to Set Up a Cron Job in MAMP
How to use the MAMP PHP executable to set up a cron job.
How to Create a Memory Game (ala Super Mario 3) with Plain JavaScript
Learn how to build a memory matching card game, like the one from Super Mario 3, from scratch with plain JavaScript.
2017 into 2018
A review of my year in web development, travel, writing, music, learning, and life.
How to Use Local Storage with JavaScript
Learn how to use the browser’s built-in web storage by creating a simple new tab page application with plain JavaScript.
How to Connect to an API with JavaScript
Learn what an API is and how to connect to an API with plain JavaScript by creating a simple web app.
Basic Authentication for an Express Node App (htpasswd)
How to add basic authentication with username and password to a Node app running on an Express server, similar to htpasswd in Apache.
Whirlwind Tour of Europe
An account of my three month trip around Europe – the places I saw, the people I met, the things I learned.
Design for Developers: Specific Steps to Improve Your Website Design
A step-by-step walkthrough from empty element to solid, professional design. This tutorial is intended to help developers who know how to code feel confident in their designs as well.
Real World Examples of Map, Filter and Reduce in JavaScript
A walkthrough of real world examples of map(), reduce(), and filter() in a web project, including pulling from a JSON feed and updating the DOM, all with plain, vanilla JavaScript/ES6!
How to Install and Use Node.js and npm (Mac, Windows, Linux)
In order to use many development tools based in JavaScript, you’ll need to know how to use npm and Node.js. Learn how to install and use Node.js and npm to create a simple project.
Backpacking in Europe: Planning and Packing
A compilation of the steps I took to get ready for a long trip abroad.
How I Made a Career Change into Web Development
My personal story of the steps I took to discover what I wanted to do with the rest of my life, and how I became a web developer without getting a degree in the field.
How to Install Apache, PHP 7.1, and MySQL on Ubuntu with Vagrant
Install the latest versions of Apache, PHP, and MySQL on an Ubuntu virtual machine, and access the server and database through your local computer.
What are Vagrant and VirtualBox and How Do I Use Them?
Learn how to use Vagrant and VirtualBox to set up a complete virtual machine on your local computer that can be used for development.
Web Developers and Bloggers I Follow (2017)
A list of several influential bloggers and web developers that have inspired, encouraged, or helped me in my web development journey.
The Beginning of the Next Phase
Today is a pretty big day for me – it’s the last day of my first full-time web development job. I began my career change journey about three years ago,…
Version 2.0: Website Redesign (863 Commits Later)
Over the past two years, I’ve made 863 commits to the look and feel of taniarascia.com. Here’s a fun look at ten of the old designs I’ve made, and a look at version 2.0.
How to Generate a Public Key from a Private Key
Recently, I needed to find the corresponding public key from a private key (.pem) to give a Linux user access to a server. I used the below code to generate…
The Three Types of Can’t
It looks like there’s just one definition for the word can’t. can’t – cannot I’ve found that there’s actually three true meanings behind the word. Don’t want to Don’t know…
Removing an item from an associative array in PHP by value
Recently, I was working with some JSON decoded into a PHP array, and I needed to remove an item from the associative array. With only the value, I wasn’t sure…
Create a Simple CRUD Database App: Connecting to MySQL with PHP (Part 1: Create, Read)
Learn how to set up a small database application in PHP without a framework. You will install a database, add new users, and filter through those users.
Smooth Scroll to ID with jQuery
Use jQuery to smoothly scroll the screen when an anchor link is clicked.
Prevent Mouse Scroll from Zooming on Embedded Google Maps
How to prevent scrolling on the mouse from zooming in an embedded Google map, with examples.
A Practical Guide to Search Engine Optimization (SEO) with Google
Search Engine Optimization (SEO) is the process of using various strategies to appear high in a list of online search results. In this article, I go over over my methods and some important notes to keep in mind as a web developer.
Crossfade Between Two Images with CSS Animations
In this example, we’ll use CSS to infinitely fade between two images.
Background Position Fixed and Cover with CSS
Create a CSS-only scrolling effect.
Redirect all HTTP requests to HTTPS
Create a permanent redirect for all files on a website to use the HTTPS protocol.
Simple jQuery Examples with Code and Demos
Create accordions, tabs, dropdowns, popups, and scroll changes with a few lines of jQuery code.
How to Use jQuery, a JavaScript Library
A tutorial on the basics of jQuery and creating interactive elements for those with no previous programming experience.
How to Use JSON Data with PHP or JavaScript
Learn what a JSON feed is, and how to extract its data with PHP, JavaScript, or jQuery.
How to Use the Command Line for Apple macOS and Linux
Knowledge of the command line is essential for any web developer. Read this beginner’s guide to feel comfortable in the text-based terminal.
2016 into 2017
A review of my year in web development, fitness, art, writing, and life.
Setting up a Brand New Mac for Development
A walkthrough of techniques and sensible defaults for an Apple development environment.
Productivity: How I Use Technology to Organize My Life
An overview of the apps I use for notes, to-dos, goal tracking, code snippets, and calendar events, as well as how I keep my email inbox organized.
My Complete Front End Web Development Setup
An overview of all aspects of my web development workflow, from operating system to coding stack, frameworks, task runners, version control, and web host.
Styling UI Components from Scratch: Buttons & Forms
Learn how to make your own cross-browser consistent buttons and forms from scratch with CSS or Sass.
Setting Up a Basic Cron Job in Linux
A cron job on your web server is a scheduled event to perform an action or run a script, such as sending an email.
WordPress Theme Development: Creating Custom Fields and Meta Boxes
Learn how to create custom fields in WordPress – such as for images, text, and checkboxes – without a plugin.
How to Build a Responsive Image Gallery with Flexbox
A quick and easy guide on how to set up a basic Flexbox grid for an image gallery.
JavaScript Day Two: Comparisons, Math, and Logic
In JavaScript, logic is used much like a flow chart to determine the outcome of code, via if statements and switch statements. In this overview, we’ll learn about logic, math, and comparison operators.
Adding Syntax Highlighting to Code Snippets in a Blog or Website
Learn how to embed highlighted code snippets into your website or blog, as well as create your own theme.
Parallax Scroll Effect
Parallax scrolling, an effect that allows sections of a website to scroll at different speeds, is an effect that has gone through various stages of popularity over the last few…
JavaScript Day One: Comments, Variables, Data Types, and Hello, World!
The absolute fundamentals of JavaScript or any programming language are covered here, from data types and variables to printing your first “Hello, World!” program.