1. Describe your previous experiences with coding.
a. What classes have you already taken where you were exposed to HTML/CSS/JS?
I took Core Interaction class last semester
b. What parts of the class resonated with you?
I liked when we created a website with our own theme. It was a great experience to show our own characteristics with coding.
c. What parts were most confusing?
I am ok with working on HTML but working on css and Javascript is still a lot confusing for me. Also, I always have idea on my head but it is hard to make it in real with codes. Since I only know the basics, it is always hard to look it up and try the code all the time.
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 really have lack of experience with coding and not a technology person. For this reason, I was very worried about this semester.
But at the same time, I really desire to be comfortable with coding and wanted to overcome my fear on this area since it will be very helpful for me in the future and for my career as well.
3. How do you imagine coding fitting in with the rest of your design curriculum and career after college?
4. What text editor do you prefer to use?
I prefer Subline Text.
5. Have you used GitHub before? Do you know what it is? Describe your understanding of GitHub.
I've never used Github. It is my first time using this source.
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.
7. Using each HTML `heading` tag, list your favorite foods ranked by importance (remember, there’s 6 levels of heading tags).
These graphic designers are very popular in Korea and also in Worldwide.
Despite this fact, since I was only interested in Fine Arts area, I did not
know them. However, my friend who was a graphic design major, took me th their exhibition that was opened in Korea. After looking at there works, this experience became the reason why I got interested in graphic design and chose my major.
Kazimir Malevich is a Russian Artist who had a significant contribution on Modern Art. I was captivated with his ideologies and I was able to dive in in depth with the Art history because of him.
9. Insert an image of your choosing to the page. Make sure the image includes ALT text that describes the image.
This image is a picture of Bob who is a character from the film "Minions" in 2015 American computer-animated comedy film produced by Illumination Entertainment and distributed by Universal Pictures.
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.
a. `main > section > div > p > span`
html > head > title > body > h1 > p > a > img > div > span
12. Create an ordered list of the top 5 countries you would like to visit. Within each country, create another `ordered list` of the top cities you would like to visit in that country. Maintain proper indentation and make sure you nest your ordered lists properly.
England
London
Manchester
Liverpool
France
Paris
Strasbourg
Vannes
Santorini
Oia
Kamari
Karterádos
Italy
Rome
Venice
Milan
United States
San Francisco
Los Angelos
San Diego
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.
The Night Guard
The shadows on my bedroom wall are growing dark and long.
I hear the voices rise and fall, their language harsh and strong.
Do they know I can hear their fight? Maybe they just don't care
that their child is locked in fright, heart pounding in both ears.
My sister runs, climbs in my bed, and pulls my blanket close.
She softly shakes her little head, awakened by the noise.
She sobs because we hear Mom cry. I try to soothe her tears,
while sniffing back all of mine. We night guards can't show fear.
I rock her, singing nursery rhymes to drown the angry fight.
We sit as one in frozen time, hoping to last the night.
She's peaceful in my little cot; we're finally okay
when sunlight glows; a tiny spot leads us safe to day.
We get up, get dressed, get the bus, and sometimes get to eat.
But through it all, there's two of us together on the street.
My job is done until tonight; we made it through that risk.
So teacher, please, forgive me if my head is on my desk.
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.
Pop Music
Ariana Grande
Post Malone
Travis Scott
Arizona Zervas
Lauv
BTS
16. Describe the difference between block, inline-block and inline elements.
17. Use CSS to style the musical genre classes you added in question 9. Give each genre a color and personality using CSS.
Bob from Minions
This image is a picture of Bob who is a character from the film "Minions" in 2015 American computer-animated comedy film produced by Illumination Entertainment and distributed by Universal Pictures.
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.
