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?
Last semster was my first time ever coding. It was a little tedious to get the hang of at first, but by
the end of the semester I truly felt like I had learned something new. The only things that remained
tricky for me is javascript, as we didn't touch on that very much last semester.
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'm very excited to learn coding because I've always enjoyed website designing. I was more nervous last
semester, but since I have a little knowledge about code I'm able to absorb what I learn better in
this class.
How do you imagine coding fitting in with the rest of your design curriculum and career after college?
I imagine coding will come in handy many times, as I hope to continue in the web design path.
What text editor do you prefer to use?
For school I like to use Stickies
Have you used GitHub before? Do you know what it is? Describe your understanding of GitHub.
We used Github last semester. I know that it's used to publish our websites, but that's about it.
Describe the relationship between HTML, CSS and JavaScript. Try using a unique analogy to describe this
relationship. Bonus points for creative analogies.
HTML, CSS and JavaScript is like salt, pepper and ketchup. They all taste different, but serve the
same purpose of editing a website.
Using each HTML heading tag, list your favorite foods ranked by importance (remember, there are six levels
of heading tags, `h1` through `h6`).
1. Pasta
2. Broccoli cheddar soup
3. Chinese food
4. Falafel
5. Almond-crusted flounder
6. Margherita pizza
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.
Pinterest
I always use pinterest for inspiration because it curates all the post towards my interests.
Instagram
Another platform that brings me inspiration for graphic design is instagram. I'm always introduced to new
indeas using
the explore page.
Insert an image (`img`) that brings you joy to the page. Make sure the image includes `alt text` that
describes the image.
My dog Paisley
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.
1. Australia
Sydney
Melbourne
2. Sweden
Stockholm
3. Norway
Oslo
Bergen
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.
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.
Rihanna
Pop
Cigarettes after Sex
Indie rock
Kesha
Pop
Hozier
Blues
Sufjan Stevens
Indie folk
MGMT
Indie pop
Describe the difference between block, inline-block and inline elements.
A Block element has white space arount it, while an inline-block element does not have a break before and
after it.
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