Core 2 Interaction: Lab
– Questionnaire
Isabella Qiao

1. Describe your previous experiences with coding.

a)What classes have you already taken where you were exposed to HTML/CSS/JS?
My experience of coding started from last semester in core 1 interaction class. Before it I never get touch with it.

b)What parts of the class resonated with you?
I agree that coding is a necessary tool for designers to explore a way of visual communication.

c)What parts were most confusing?
I joined the class late because I forget to register the course at first, so I spend a lot of time to catch up with the progress. I am not very confident with several css elements such as padding, positions. Also the concept of javascript is not clear as well. I don't really understand how the language works.

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 not super confident with my coding skills, so I am afraid that I ill be slow to catch up with what we are learning new in the class. I am also still adjusting to the new time didference but this will be slove soon.
I think demos and class recording on code process can be really helpful for me to review step by step.

3. How do you imagine coding fitting in with the rest of your design curriculum and career after college?

Before entering the university, I always thought that the relationship between coding and design was very weak because I preconceived to associate it with the Computer Science, but after a semester of learning, I discovered that coding is a very important design medium. In this age of information explosion, and after the worldwide epidemic, our lives are more dependent on network information. Web design/coding is a common way for designers to express their visual language and design. It's also a new platform for me to express design in a 2D way.

4. What text editor do you prefer to use?

I don't really farmiliar with any of the text editor software.

5. Have you used GitHub before? Do you know what it is? Describe your understanding of GitHub.

Yes, I've used Github in core 1 interaction last semster. We used it as a sotrage to keep and oragnize the html & css file of each project. We can also import coding files to Github and it will help us to export website that is shareable by an url.

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.

HTML is like the crust or ingredient of a cake, it laid the foundation for the taste of the whole cake. CSS is the cream that change the apperance of the cake crust. Javascript is the final decoration like icing, fruits to make the cake looks better.

7. Using each HTML heading tag, list your favorite foods ranked by importance (remember, there’s 6 levels of heading tags).

Strawberry

Fried Rice Cake

Korean Bibimbap

Fired Chicken

Pepperoni Pizza

Lemon Ice Tea

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.

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.

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.

Korea

- Seoul

- Busan

Japan

- Tokyo

- Osaka

France

- Paris

- Lyon

Italy

- Rome

- Venice

Spain

- Barcelona

- Valencia

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.

  A            N
    OL       D
      P    O
       N D
       DOU
       LOU
      REUSE
      QUE TU
      PORTES
    ET QUI T'
    ORNE O CI
     VILISÉ
    OTE-  TU VEUX
     LA    BIEN
    SI      RESPI
            RER       - Apollinaire

14. Write an HTML comment that is hidden from the browser, but displays in the code.

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.

Iann Dior
Croosh
Jackson Wang
James Carter
Trevor Daniel
Rich Brian

16. Describe the difference between block, inline-block and inline elements.

A block-level HTML element will always create a new line after the closing tag, whereas an inline element will not. An inline element does not start on a new line and it only takes up as much width as necessary. The < div > element is a block-level and is often used as a container for other HTML elements.

17. Use CSS to style the musical genre classes you added in question 9. Give each genre a color and personality using CSS.

Iann Dior
Croosh
Jackson Wang
James Carter
Trevor Daniel
Rich Brian

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).