Before I began working in QA, I wanted to gain a hands-on understanding of HTML, CSS, and Javascript. I had in mind that I could create a simple page with a cloud image that would rain when it was clicked, and stop raining when clicked again. You can see my finished raincloud app here.
I used various online forums including Stack Overflow, as well as tutorials from Lynda.com to help me accomplish the task. I created the cloud image in Adobe Photoshop and placed it on a gray backdrop using HTML with Atom as my text editor. I used CSS to make the raindrops of varying shades and sizes, and I used Javascript to animate the raindrops, using different speeds and fade rates to give it a more fluid look. Once the code was working as intended, I was fortunate enough to have a professional web developer look over my code and show me how to tighten it up with arrays. From there I used git to put the app online. It was a fun challenge that increased my understanding of code, as well as my respect for the web developer mindset.