Build a Hipster

Let the hipsters teach you how to use JavaScript & jQuery

View Live
Image of Build a Hipster javascript tutorial website

The Project

The main focus of this assignment was to build a creative three page site that showcases different JavaScript and jQuery tricks. We were not required to make the website work on all devices so it only works on desktop. This project was a bit more playful than others, so I took advantage of that and decided to make the tutorial in the form of a "Hipster" Game. What does that mean exactly? I wasn't too sure myself, but ultimately it is a mini step by step game based around hipsters, that also features code samples to show how each technical interaction was built. Feel free to visit the live site and see how it works!

Toolkit

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Illustrator
Image of step one of Build a Hipster javascript tutorial website Image of step two Build a Hipster javascript tutorial website Image of step two code from Build a Hipster javascript tutorial website Image of step three Build a Hipster javascript tutorial website