1. 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?

    2. I had Core1 interaction class last semester and I learned the basic html and css skills there.

  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?

    3. I am excited to learn an advance coding, however, what I am worried about is that I am bad at fundamental skills, so I always struggle to visualize my design to webpage although I have initial designs in my head.

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

    4. I think learning coding can make me capable of ui/ux or othere webpage deisgns so it will help me in those digital design career.

  4. What text editor do you prefer to use?

    5. I prefer using Visual Stuido code

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

    6. Yes. I used it in my last semester coding class. I barely understand what it was because I was just following the steps my professor gave, not knowing what was i doing.

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

    7. html is a language for creating web documents that are visible to the user through a web browser and focuses on the content creation of web documents, which is the basic framework for creating web documents. Css is a language that designs websites by adding or changing various shapes to an existing html, focusing on the shape representation of web documents. In other words, if html is the basic framework, then css is the concept of putting a design on the framework. JavaScript focuses on the action provided to web documents in a language used for functional elements such as opening pop-up windows or checking phone numbers or e-mail addresses, in addition to linking web documents using html. In other words, JavaScript is a concept that puts movement in framework + design. Think of a mannequin. A pure mannequin in no clothes is Html, a pretty dress to wear to the mannequin is Css, and the process of moving the limbs of the mannequin to pose is JavaScript.

    analogies
  7. Using each HTML heading tag, list your favorite foods ranked by importance (remember, there are six levels of heading tags, `h1` through `h6`).

    8. Boba tea

    Udon

    Korean bbq

    Ramen

    Oil pasta
    Hot Pot
  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 (`img`) that brings you joy to the page. Make sure the image includes `alt text` that describes the image.
    10. Pixel art that reminds me of early interent experiences
  10. 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:
  11. Nest the following series of HTML tags inside each other, where each → represents a new level. Make sure to maintain proper indentation.

  12. 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. Japan
      1. Osaka
      2. Tokyo
      3. Okinawa
    2. Spain
      1. Barcelona
      2. Madrid
      3. Granada
    3. France
      1. Paris
      2. Nice
      3. Lyon
    4. Germany
      1. Berlin
      2. Munich
      3. Frankfurt
    5. United Kingdom
      1. London
      2. Birmingham
      3. Manchester
  13. 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. 
                      s
                              
                    t
                                
                 e
                                      
                     a
                              
    
                    m
                                       g
    
                  r
                                       e
    
                    i
                                     n
    
                   s
                                   t
    
                     e
                                    l
    
                      s
                                   y
    
                   A pot of comfort and 
                     joy,Ramen soothes 
                         my soul.
  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.

    17. In CSS, block elements like

    and

    start on a new line and take up the full width available. Inline elements like and don't start on a new line and only take up as much width as necessary. Inline-block elements are similar to inline elements, but they can have width, height, margin, and padding properties like block elements.

  17. Use CSS to style the musical genre classes you added in question 15. 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 a `script` tag, use the console.log function to write a message to the console (Cmd+Opt+U). Tell me something interesting about yourself.
  20. Add a `button` to your HTML file and make it do something when clicked using JavaScript