FCC Speedrun: Random Quote Machine
So I just finished my preliminary version of the random quote machine, and let me say this… dang Jon Snow, if you know nothing, then I truly know NOTHING. As a bit of background, I’ve only been coding for a few months and am extremely new and innocent to this world of programming. Using various online free resources to learn has been such a valuable thing for me, but disorganization and lack of structure I think is what was holding me back. Thanks to the chingu cohorts I felt like I had a bit more of a community to ask for help and really grind out these projects to make me a better programmer. Although my current cohort session is coming to an end, I plan on continuing with my Speedrun projects as well as posting medium blogs along the way to track my progress.
Project 1: Random Quote Machine
The second front-end project on my Speedcrawl is to create an app that is functionally similar to this: https://codepen.io/FreeCodeCamp/full/ONjoLe/
Like many others, I too chose to skip over the portfolio project for now because I want to create some apps first to be able to put onto that portfolio instead of having multiple placeholders.
- Includes a clickable button to show a new random quote
- Includes a button to tweet out the quote
This project also helped me develop a few new methods to make sure everything was web-responsive and worked on different web browser platforms. I began using the CSS borders to clearly see my padding/margins to help me with better design flow, as well as routinely checking to see if my code worked in Google Chrome, Mozilla Firefox, and Safari early on to make sure I knew exactly where I needed to adjust my code.
Things I learned along the way:
- Using both ajax and getJSON to retrieve my desired API (I ended up using ajax)
- Cross-Origin Resource Sharing (still have MUCH to learn)
- Attaching JS files into HTML script tags
- Simple JS animations such as hiding, showing, and fading elements