1. Describe your previous experiences with coding.

a. What classes have you already taken where you were exposed to HTML/CSS/JS?

Self taught for the most part (youtube tutorials and freecodecamp.org) & Core 1: Interaction.

b. What parts of the class resonated with you?

Being explained the history of everything we use now and the different functionalities of all the stuff we're learning about.

c. What parts were most confusing?

More self study than being taught how to code which was super unfavourable since most of us were starting from no coding experience to begin with.

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?

Very. Yes but good nervous. Maybe just making sure we're all on the same level of competence with what's being expected from us, but don't let that discourage you from pushing us to challenge ourselves.

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

I already know it's going to be useful to communicate ideas with developers and understanding the ins and outs of what you're designing for.

4. What text editor do you prefer to use?

VS Code

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

Yes. Yes. GitHub to me is a public repository forum, kind of like instagram for code, with access to other people's knowledge and projects on display and ready for your use & interpretation.

6. Describe the relationship between HTML, CSS and JavaScript. Try using a unique analogy to describe this relationship. “Bonus points” for creative analogies.

HTML is the body, birthday suit and everything. CSS is the fashion sense you can dress yourself with. JavaScript is the mind adding the behaviours and personality.

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

Aloo Paratha

Paneer Makhani

Biryani

Pizza

Croissant

Stickys Chicken Sandwich

8. Create an unordered list ( `ul` ) and link to some of your favorite graphic design or development related websites. Include a paragraph ( `p` ) on each site describing why it is important to you.

9. Insert an image that brings you joy 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. 1. `main` → `section` → `div` → `p` → `span`

this is span text

12. Create an ordered list of the top 3 countries you’d like to visit. Within each country, create another ordered list of the top 3 cities you’d like to visit in that country. Maintain proper indentation and make sure you nest your ordered lists properly.

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.

Summer snow’s rare
late, get dressed; 
“be my guest”
Rhyme announcement, with
“A Noun’s Mint”
Is there a
word like “pronounce-ment”?

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.

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

Block: A block-level element always starts on a new line, and the browsers automatically add some space (a margin) before and after the element.
Inline-Block: the major difference is that display: inline-block allows to set a width and height on the element. Also, with display: inline-block, the top and bottom margins/paddings are respected.
Inline: An inline element does not start on a new line. An inline element only takes up as much width as necessary.

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

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

19. In your JavaScript file, use the `console.log` function to write a message to the console. Tell me something interesting about yourself.

20. Add a button to your HTML file and make it do something when clicked using JavaScript.

Click me!

Don’t forget to post a link to your Glitch profile page on this [Questionnaire Response page]().

~glitch-hello-website.