JavaScript

Building for a client – The Hair Saloon and More

Blog post

Hair Saloon and More

Prior to my latest project, most of my projects have been built either for myself, my wife, or friends. While I was confident with my abilities at this point, I had not yet had the opportunity to build something for someone who I would consider a real “client.” Recently, I had this opportunity, and wanted to document my experience in building a website for an actual client.

I regularly get my haircut at a small business local to me called The Hair Saloon and More. About a year ago, I decided that I would keep my hair cut very short. While I am happy with the look, I have the unfortunate problem of rapidly growing hair, and have to get my haircut about every 2-3 weeks to maintain it. I’ve gotten to know the owners well, and enjoy my regular visits. Read MoreBuilding for a client – The Hair Saloon and More

Lingo and Explorations in JavaScript

Blog post

A screenshot of the project Lingo

One of my favorite game shows from back in the mid 2000’s was the game Lingo. My wife and I used to occasionally watch the show, and would play each other on the online Flash version. Soon after this, the show went off the air, and eventually the game disappeared from the Internet. My wife and I continued to play Lingo in paper-and-pencil format, usually on the back of diner place-mats.

For those who have never played the game before, here is the general idea: You have to guess a five-letter word to which you are given the first letter. After each guess is made, you are told whether each character that you guess is: 1) in the word, and/or 2) in the correct position in the word. Read MoreLingo and Explorations in JavaScript

Lingo!

Project

A screenshot of the project Lingo

This is a clone of the game and game show Lingo. It was my first attempt at creating a game web app. It was also my first attempt at applying some Object Oriented JavaScript concepts that I had been reading about in the book Eloquent JavaScript.

Also being the first major project I completed since launching this blog, I documented the process of creating it. You can read more about my goals for the project, and my process of achieving those goals here.

New Year Update

Blog post

2015 New Year

Wow, I haven’t posted in over a month and a half! It has been a busy November and December, with work, family, and the holidays keeping me busy. Unfortunately, I had less and less time to devote to coding (as made evident by that sad contributions chart on my GitHub page). However, being a teacher has the lovely perk of having a whole week off after Christmas, and this has allowed me to get back into the habit again.

So… what have I been doing?

Read MoreNew Year Update

How I Got Here – Part 3

Blog post

After creating a few projects for others, I decided it was time to create a website for myself. I was unknowingly going through a bit of an identity crisis at the time. I hadn’t figured out the difference between a web designer and a web developer. I guess I always assumed that both jobs were done by the same person.

I also had thought about the possibility of freelancing at this point, so I purchased the domain derricowebdesign.com (which now just redirects to this blog). I then created my fourth project, a landing page/personal business site: D’Errico Web Design:

Read MoreHow I Got Here – Part 3

Philly JS Dev October Meetup

Blog post

Phila JS Logo

Back in August, I started attending Philadelphia JavaScript Developers meetups. Last night, I attended their October meetup, which was the third one I was able to attend.

The first talk, called “Jammin’ in the Console,” was an amazing presentation by Kyle Stetz, a front end developer at P’unk Ave in Philadelphia. Kyle has created an app called Lissajous, which is a wrapper for the web audio api, that allows you to perform music in realtime by writing JavaScript code in the Chrome (or Firefox) developer console. In the talk, Kyle demonstrated the app with a fascinating live musical performance. He went on to talk about how he designed the api to be light on syntax (easy to type), as well as future plans for the app. Read MorePhilly JS Dev October Meetup

How I Got Here – Part 1

Blog post

This is the first post of in a series of “My Story” articles which detail how I got here. Though the posts are numbered, they are not necessarily in chronological order. I generally view my start in web development with the creation of my first project. From that point forward, many events have lead up to today, the day I launch this blog. The next several posts in the series will detail this adventure in coding.

I also plan on going back and exploring the past, because as mentioned in the About page, I have long been interested in computers and technology in general, and that interest lead to where I am today. I also look forward to adding new chapters to my story as I continue to move through my career as a web developer.

So, how did I get here?

Read MoreHow I Got Here – Part 1

The Rhythm Randomizer

Project

The Rhythm Randomizer Screenshot

The Rhythm Randomizer is a web app to aid in learning to practice and sight-read musical rhythms. Users select various options, such as duration, time signature, notes, and rests, and the app will randomly generate a rhythm within the specified options.  The generated rhythm can then be clicked to generate a new rhythm with the same options.

This project is my first web app.  I created it to help teach my students at my job as a public school band director. The original version of the app was created in a weekend in April 2014, using nothing but HTML, CSS, and JavaScript. In August 2014, after learning PHP and MySQL, I redesigned the website to move the logic and data to the server side. Javscript (and jQuery), are run client side for AJAX requests and UI animations.

In the future, I plan on adding more options for users, clearer UI elements to allow the user to better use the app, and a feature to allow the app to remember options from one session to the next using both session cookies, and a user login account.

D’Errico Web Solutions

Project

D'Errico Web Solutions Screenshot

This project serves at the first iteration of my personal landing page on the internet. The project features sections about me and my work, as well as a contact form. Sections are presented on cards, which slide up when navigating to a different section. There is also a project viewer with similar jQuery animations.

Included in this project are several firsts for me, including building a responsive site and jQuery animations. The project was originally hosted at www.derricowebdesign.com, which I had purchased before I figured out that I was more of a developer than a designer.

This blog is meant to replace the project, which will eventually be hosted on a subdomain for posterity’s sake, and the original domain will forward to here.