Describe your previous experiences with coding. What classes have you already taken where you were exposed to HTML/CSS/JS?

I learned how to make a website in High School when I tried making a website for my favorite bands. Almost everything I learned was from trial-and-error, reading tutorials and reading the source from other websites on the Internet!

• What parts of the class resonated with you?

  Depending on intention, I like to think about what kind of design and content structure may work. For image-based sites, does it make sense to feature a large hi-res image versus a grid of smaller images? For text-based sites, how does the size of the font and spacing contributes to the experience of reading? For experimental sites... well, that's where things get interesting.

• What parts were most confusing?

  Most confusing part is that there are many approach to doing things... and that all the technologies are constantly evolving.

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?

Code can be intimidating. I am both excited and terrified of it. Like learning a new language, you can retain some information, but it seems more difficult to master the whole language. If you could ensure that I understan a concept, or provide resources for further study that would be great.

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

I imagine code may be useful to program design and administrative tasks like, let say scripting a design in Photoshop, writing a program to rename a folder of images... just learning how to be more systematic in my thinking may help me understand how to deconstruct a problem into smaller tasks.

What text editor do you prefer to use?

Visual Studio Code

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

I have! Its an online platform used to host git projects for coding collaborations.

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 content. CSS is styles. Javascript adds interactions. Noun, adjective, verbs?

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

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.

Insert an image of your choosing to the page. Make sure the image includes ALT text that describes the image.

Insert a video embed into the page (for example, a YouTube or Vimeo embed tag of a video of your choosing).

Nest the following series of HTML tags inside each other, where each (arrow going right) represents a new level. Make sure to maintain proper indentation. (main - section - div - p - span)

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.

Japan
1. Kumamoto
2. Osaka
3. Tokyo
4. Himeji
5. Nagoya
Finland
1. Tampere
2. Turku
3. Espoo
4. Oulo
5. Jyväskylä

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.

I am here                   ,                     and there is nothing to say                 .

                                                                                                                                     If among you are

those who wish to get       somewhere             ,                                           let them leave at any

moment                      .
          

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

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.

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

Block is when you add a line break after an element. Inline-block does not have a line break and margins and padding are applied. Inline elements is when you add the width and height.

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

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

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

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