1. Describe your previous experiences with coding.
What classes have you already taken where you were exposed to HTML/CSS/JS?
What parts of the class resonated with you?
What parts were most confusing?
Besides taking Core 1: Interaction last semester, I have never learned about HTML/CSS/JS in the past. In middle school, I played around with Scratch to create silly sequences. That was probably my first encounter of coding.
Classification and organization is very essential to the coding language. I find that it is something we are familiar with, such instance is file naming in our desktop, so we have some skills applicable to the technicalities of coding.
Since Javascript was briefly introduced last semester it still feels relatively new and confusing to me.
2. How excited about learning code are you? Are you nervous about learning code? If so, why? What can I do in this class to help reduce this anxiety?
I am both excited and nervous, more so anxious because I remember feeling very frustrated last semester that there are so many things that I couldn't grasp. I might have to refresh all the basics of HTML/CSS and try harder to understand JS.
3. How do you imagine coding fitting in with the rest of your design curriculum and career after college?
The similarities between graphic design and coding is that one of the core values is the grid system. That is the connection in the technical sense. In a broader view, learning coding gives us knowledge in how we develop a project from scratch to the final form.
4. What text editor do you prefer to use?
I've only used sublime text, but I am interested in experiencing other softwares.
5. Have you used GitHub before? Do you know what it is? Describe your understanding of GitHub.
This is the first time I have used GitHub.
6. Describe the relationship between HTML, CSS and JavaScript. Try using a unique analogy to describe this relationship (you can’t use the house analogy 😉). Bonus points for creative analogies.
Let's take a plant for example. HTML would be the pot as it is the home. CSS would be the soil and the plant because we get to choose which type to put into the soil. The plant and soil is the decorative piece, what makes the whole thing stand out. JS would be exterior organisms such as worms and the sun as it interacts with the plants and soil to create a difference. I hope this makes sense :D
7. Using each HTML `heading` tag, list your favorite foods ranked by importance (remember, there’s 6 levels of heading tags).
Sushi
Carbonara Pasta
Toffee Date Pudding
McNuggets
Rice Crackers
Oreo O's
8. Create an unordered list and link to some of your favorite graphic design or development related websites. Include a paragraph on each site describing why it is important to you.
Zipeng Zhu's Website - For one of my classes last semester, a professor showed us Zipeng Zhu's website which I find to be so appealing and very much my style because I love colors and the interactivity of the site is so fun. I like that you can just control the navigation of the wesbite simply through the arrow keys.
Drive and Listen - I actually found this website recently through TikTok. It has a simple premise yet it's so creative. Because of COVID19 and having to stay home practically 24/7, this website is refreshing because it takes you on a drive in cities around the world and you can listen to their local radio stations.
Bored Button - A friend in 9th grade told me about this website one time when were very bored in English class. Now when I feel bored, I would find my way to this website because it links to so many cool and sometimes pointless websites.
9. Insert an image of your choosing to the page. Make sure the image includes ALT text that describes the image.
10. Insert a video embed into the page (for example, a YouTube or Vimeo embed tag of a video of your choosing).
11. Nest the following series of HTML tags inside each other, where each > represents a new level. Make sure to maintain proper indentation.(main > section > div > p > span)
Am I doing it right?
12. Create an `ordered list` of the top 5 countries you’d like to visit. Within each country, create another `ordered list` of the top cities you’d like to visit in that country. Maintain proper indentation and make sure you nest your ordered lists properly.
South Africa
Cape Town
Johannesburg
Russia
Moscow
South Korea
Seoul
Jeju Island
Taiwan
Taipei
Switzerland
Basel
Lucerne
13. Use `pre` tags to create a simple concrete poetry version of a Haiku or other poem you write. The poem should represent how you feel at this moment. * Hint: `pre` tags respect whitespace, you can add add lots of spaces and line breaks and they will show up like that when you view the web page.
error 404
the haiku cannot be found
try again
next
time
14. Write an HTML comment that is hidden from the browser, but displays in the code.
Hmmmm....
15. Create an `unordered list` of at least 6 musical artists you like to listen to. Add a `class` to each list item that matches the genre of music of that artist.
Colde
Anderson .Paak
Jacob Collier
Crush
NCT 127
The Internet
16. Describe the difference between block, inline-block and inline elements.
Block - Assigning an element 'block' will push any other elements to a new line.
Inline - Assigning an element 'inline' will allow other elements to sit on the same line.
Inline-block - 'Inline-block' is between the two above.
17. Use CSS to style the musical genre classes you added in question 9. Give each genre a color and personality using CSS.
Colde
Anderson .Paak
Jacob Collier
Crush
NCT 127
The Internet
18. Use any CSS knowledge you currently have to style your questionnaire in a unique way. Make sure to update the font to something other than the default (use the `font-family` css property).
