Skip to content

Instantly share code, notes, and snippets.

@srslie
Created October 22, 2020 22:33
Show Gist options
  • Save srslie/6f5734f0ee6bc9525d36c86ae997afd4 to your computer and use it in GitHub Desktop.
Save srslie/6f5734f0ee6bc9525d36c86ae997afd4 to your computer and use it in GitHub Desktop.
Hang in There - Reflection

The project was Hang-In-There, the first pair project of Mod 1. We made the Javascript interaction file for a webpage with populated a random poster with a motivational image, title and quote. It also had separate views and interaction to save and delete any of the posters, or create your own display with user input. This allowed us to explore use of querySelectors, user input manipulation and data storage, and started integrating our knowledge of vanilla JS with HTML and CSS.

In a team, I always like to see how my skillset can compliment others' and we can each contribute overall to a better outcome than we might individually. My partner's strengths included eye for detail and syntax, so my ability to verbalize high-concept planning as well as my debugging added to a smooth workflow. I'm also very invested in all parties being knowledgable about the code, so that as many minds as possible can run through possible future bugs or current solutions, so communication and collaboration are key.

When we were presented with a technical challenge, we folowed our DTR and both went into Google, coming up with multiple possible solutions and testing them out with plenty of help from our dev tools console. When we had exhausted our own resources or faced confusing documentation, we reached out to our mentors and rocks to help us discern the right track. On a few occassions, we spent a few frustrated hours try and called our session to an end so we could have time to do individual research/outreach and reconvene when we'd be fresher and more productive.

One technical takeway from this project is use of eventListeners and querySelectors: all the basics of interacting with the DOM in JS were completely new to me, so seeing the use of that syntax and figuring out how to pass these objects into the bigger object, essentially, of the rest of the code, was super cool for me! I went into some rabbit-holes of documentation which I bookmarked for later, as most of the time I can't gain the whole benefit to learning new methods unless my understanding and vocabulary for the DOM is a little fuller, but I'm very excited to continue to grow in ways that incorporate both other language/markup/styling files and user input into the Javascript logic I'm learning to love!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment