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?
I've taken Core 1 Interaction last semester where we learned HTML, CSS, and JS. HTML and CSS are mostly clear to be though I don't think we went over JS thoroughly. The most confusing parts for me were the CSS grids and animations
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 a little nervous to learn code but overall excited to be able to create websites and learn all the features more in depth. It helps to work along with the lectures.
How do you imagine coding fitting in with the rest of your design curriculum and career after college?
I imagine it will be helpful to create my own portfolio website by hand, and maybe leaning into UI/UX design too.
What text editor do you prefer to use?
I used Sublime Text last semester but I don't have a preference.
Have you used GitHub before? Do you know what it is? Describe your understanding of GitHub.
I used GitHub to store my Harmonic Collections from my Interaction last semester. I don't know much about it besides using it as a place to store
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 skeleton of a website, CSS is the skin and makeup, and JavaScript is what makes the body move.
Using each HTML heading tag, list your favorite foods ranked by importance (remember, there are six levels
of heading tags, `h1` through `h6`).
Noodles
Rice
Curry
Penne Alla Vodka
Pesto
Mocha Chip
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.
I like to use typewolf to look for font inspiration and website inspiration, I also like to read their articles on collections of different typefaces they recommend.
I frequent this website because of the variety of content and articles it has. I enjoy looking through comments and how it can be interactive between user and poster.
Insert an image (`img`) that brings you joy 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).
You have a few ways you can approach this:
Look into the `iframe` tag. Hint: If using a YouTube or Vimeo video, you can copy the embed code from
each video’s page.
Use a `video` tag, though finding the URL of a video can sometimes be tricky – do you best to download,
place it in your project folder, then reference its file path
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`
No need to fill these tags with any actual content
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.
Italy
Florence
Milan
Rome
Netherlands
Amsterdam
Utrecht
Korea
Seoul
Jeju-Si
France
Paris
Nice
Marseille
Spain
Barcelona
Madrid
Use `pre` tags to create a simple [concrete poetry](https://en.wikipedia.org/wiki/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.
Chai latte at Smor
Fifteen percent no outlet
working until death.
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.
Momma
Tomberlin
Charlie Martin
Lana Del Rey
Mirah
Wednesday
Describe the difference between block, inline-block and inline elements.
Block covers the entire width of the webpage, in-line takes up only the space it needs and doesn't start on a new line, in-line block doesn't start on a new line and width and height be formatted/
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 a `script` tag, use the console.log function to write a message to the console (Cmd+Opt+U). Tell me
something interesting about yourself.
Add a `button` to your HTML file and make it do something when clicked using JavaScript