Joseph Goode

Photo Gallery

photo gallery

The first project using JavaScript and jQuery plugins, the goal of Project 4 was make an interactive photo gallery, opening thumbnails into a module with a light-box caption for each. Using the search field, photos that don't the title and captions were hidden and the only the images matching were displayed. Although I struggling somewhat with the JavaScript, it was a great project to put some of it to practice, and very satifying once complete.

<The Code>

app.js javascript snippet

Learning to implement const values when the var and let variables risk being overwritten on larger projects

addEventListeners, for loops and if statements...
loved every minute of it!

index.html file snippet

Data captions which displayed in the modal to give the images a nice soft touch with a desciption.

Attaching my first script tags to my HTML document.

Takeaway

The image gallery project really opened my eyes to how much work can actually go behind simple tasks that seem insanely easy for the end user. Displaying filtered results from typing a letter into a search bar, actually requires quite a bit of code and problem solving when you're just jumping into the coding side of things. I still have alot to learn about JavaScript, but this was an awesome introduction to the complex and underappreciated langauge.