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?

My previous experience with coding was core 1 interaction. I enjoyed using javascript to built more interactive experiences on my website. Javascript was also the most confusing. Creating a consistent layout was difficult for me. (aligning items, sizing images/divs/iframes) I had a really hard time getting any semi-complex functions working without the help of chat gpt

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 probably would not be taking this class if I didn’t have to but I am looking forward to the things I will learn.

3. HOW DO YOU IMAGINE CODING FITTING IN WITH THE REST OF YOUR DESIGN CURRICULUM AND CAREER AFTER COLLEGE?

I imagine that coding will not be core to the career I find after college but the skills and knowledge are valuable regardless.

4. WHAT TEXT EDITOR DO YOU PREFER TO USE?

Visual Studio Code

5. HAVE YOU USED GITHUB BEFORE? DO YOU KNOW WHAT IT IS? DESCRIBE YOUR UNDERSTANDING OF GITHUB.

We used it for interaction1 last semester. To my understanding it is a platform to share code and projects.

6. DESCRIBE THE RELATIONSHIP BETWEEN HTML, CSS AND JAVASCRIPT. TRY USING A UNIQUE ANALOGY TO DESCRIBE THIS RELATIONSHIP. BONUS POINTS FOR CREATIVE ANALOGIES.

Using the Analogy of a home -
HTML is the framing of the house, creating walls, floors, rooms, etc.
CSS is the flooring, paint on the walls, lights installed,etc.
Javascript is the appliances that are installed in the home such as central AC, refrigerator, stove, etc.

7. USING EACH HTML HEADING TAG, LIST YOUR FAVORITE FOODS RANKED BY IMPORTANCE (REMEMBER, THERE ARE SIX LEVELS OF HEADING TAGS, `H1` THROUGH `H6`).

mango

banana

strawberry

kiwi

blueberry

pineapple

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.

• Space Type Generator

generate type in 3d space in real time

• Pinterest

find inspiration for your next project

• P5JS

Im not exactly sure what this is but I was shown what it can do. Looks cool.

9. INSERT AN IMAGE (`IMG`) THAT BRINGS YOU JOY TO THE PAGE. MAKE SURE THE IMAGE INCLUDES `ALT TEXT` THAT DESCRIBES THE IMAGE.

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. Tokyo
2. Kyoto
2. Spain
1. Majorka
2. Madrid
3. Germany
   1. Berlin
   2. Dresden

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.

  I left my charger at home.
                 So much work to do.
                        But my laptop will die before I finish it all.
                                There is not much that I can do about it.
                                        I will do what I can.
                 

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.

• Bar Italia
• Double Virgo
• The Hellp
• Frost Children
• Baxter Dury
• Florence Sinclair

16. DESCRIBE THE DIFFERENCE BETWEEN BLOCK, INLINE-BLOCK AND INLINE ELEMENTS.

Block typically spans down the page, Inline spans across the page, Inline-Block combines elements of both.

17.USE CSS TO STYLE THE MUSICAL GENRE CLASSES YOU ADDED IN QUESTION 9. 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