YES IN SURFER LINGO CODE
Not all of my challenges were code related. My testing revealed some ugly behaviors, but since I had all of the initial requirements done, I could tell if my improvements broke anything. This really helped me focus on happy path code. To do this, I created a new js file (clean-script.js). Jen suggested I start with "clean sheet" and write out everything in pseudo code then, bring over the code from the initial file that I want to keep intact. When something was done, I wasn't clear on what's next. Jumping in and coding once I had the pseudo code written for just the Let's Play button turned out to be a poor idea. Hou advised me to use what works now and I could refactor it later to make it more elegant. I really wanted to write one block of code that would handle all three possible answers.
YES IN SURFER LINGO HOW TO
To create the answer buttons, I figured out how to get the desired behavior working if I wrote separate code for each answer to create the button element, add the innerText, and append it to the body. Later, when I wanted to call the next question, I needed help Getting the question when I only had one in my object was simple. I wanted the handleLetsPlayButton function to get a question and the three possible answers. Lessons and labs on manipulating the DOM and adding event listeners provided the guidance I needed to select the button and identify the first function I needed: handleLetsPlayButton. (BTW, I'm up to six questions now, and one lesson learned is that testing would be much simpler if I only had two or three.)Ĭoding for the Let's Play button was my next challenge.
YES IN SURFER LINGO UPDATE
Hou, Jen, Jared, and Esin have each helped me build and update the questionList object as my code went from supporting one question to multiple questions. I decided to create an object called questionList to house the question, three possible answers, and identify the correct answer. I was concerned that if I created separate objects by type of data (a question object, an answer object, et al), keeping the data matched properly would become a nightmare as I increase the number of questions. Also, I want to include a hint in the form of an image, but that will probably not happen until the silver version.)Įach approach had advantages and disadvantages. I tried various approaches to organizing the question-answer data (1 question, 3 possible answers, 1 correct answer. The main difference I had to address is that I do not retrieve data from an API. The expected behavior is very similar to the Pokemon and Dougie labs, so I used those as my models. Once I had the pseudo code to display a question and 3 possible answers, I started writing js code. Next, I started writing pseudo code in the js file. The html houses minimal elements as most of the content will be called by user actions. I created html (index), css, and js files in my project directory. Low fidelity prototype: Low-Fidelity Coding Journal Then, I created mockups using Adobe XD where I added more details, including a home page and future improvements to the Question page. I created a Trello board for the project to capture tasks, requirements, deliverables, user stories, and to track my progress.įollowing the principal of responsive design to start with the smallest target screen, I sketched mockups by hand using a paper pad with an iPhone template. So, the subject is a nostalgic one for me. I'm an island girl that has not surfed in years. I had the opportunity over winter break to drive down the Pacific Coast Highway in California where I took beach photos, many of which included surfers. The surfing trivia idea came to me while I was going through photos from my holidays the previous week. I am hopeful that the code I create for the SEIR Project 1 trivia game will give me ideas, maybe even actual code snippets, to use if when I am ready to build theBridge. The app (theBridge) uses contemporary trivia (events from 40 - 70 years ago) to help senior adults connect with each other. The trivia option appealed to me because it is very similar to a social app I designed for a class project when I was studying Human-Computer Interaction (HCI) at Iowa State. Surfer Triva is designed to test your knowledge of surfing history, technology, competition rules, and locales. A game of who, what, where for surfer geeks!
0 kommentar(er)
