PUCD 2126
Assignment 1: Review and Experience Questionnaire

Core 1 Interaction Review and Experience Questionnaire

Fill out the following questionnaire to the best of your ability.

Q: Do you have an previous experience with coding? Which classes have you already taken that explored HTML/CSS or Javascript?

A: Yes! I began learning how to code last semester in Core 1: Interaction. My professor (June!) was fantastic and she made me fell in love with coding. We learned basic HTML/CSS.

Q: If you have worked with code in the past, what parts of it made sense to you? Which parts were exciting?

A: My favourite part about coding is the interactive part of it. Although HTML/CSS only dabble on user experience, there's so much you can do to make a good website. So far everything is pretty straight forward, so I am looking forward to new challenges this semester!

Q: If you have worked with code in the past, which parts were the most confusing? What were the least interesting?

A: There was definitely a learning curve when I was transitioning from HTML to CSS. I didn't understand how the two worked together and had trouble linking the files. The addition of CSS language was also the most confusing part. I would say the least interesting part of coding is the manual work when it comes to adjusting shapes or images. Coming from an Adobe background where you can just tweak anything with a swipe, this was the most frustrating part for me to get used to πŸ˜…

Q: Do you have any anxieties around coding, or learning to code? Is there anything I can do to help alleviate those anxieties in this class?

A: I wouldn't say I have any anxieties around coding, since there are so many good online resources out there. My only worry would be not able to convey what my problem is when asking for help.

Q: In your own words, can you describe at a high level how the internet works?

A: I believe internet is a shared space supported by a network that allows data to transfer from another. The network connects all the devices together by an ethernet cable (wifi or bluetooth).

Q: What is the difference between a webpage, a website, and a web server?

A: A webpage is a single page of URL that can be open in a web browser. A website is a series of webpages linked together and sharing the same domain name. A web server is a computer hosting one or more websites.

Q: In your own words, what is HTML?

A: HTML is the foundation of a website, it stands for "Hyper Text Markup Language". It is the standard markup language for webpage display. It is where front-end content lies without any styling or fancy layouts.

Q: Using the 6 levels of HTML Heading elements, list your 6 favorite songs in order from most, to least, favorite.



🎡 Cynthia's recent favourites 🎡

Afterthought by Joji, BENEE

Head In the Clouds by 88rising

All of us by Labrinth

Full stop by Jeremy Zucker

Heaven Can Wait by Sia, Labrinth, Diplo
Heat Waves by Glass Animals

Q: Choosing a quote from an author you appreciate, use the Paragraph HTML element to display it, and use the inline Bold and Italic elements to add emphasis to certain parts of the quotation.

β€œThe only thing more painful than being an active forgetter is to be an inert rememberer.” by Jonathan Safran Foer, from Everything is Illuminated.


Q: Embed a video of your choice from YouTube or Vimeo.


Q: Please embed this image of a database that lives inside a nuclear bunker in Switzerland on the page:

URL: https://twistedsifter.com/wp-content/uploads/2013/05/bahnhof-data-center-isp-in-former-nuclear-bunker-from-cold-war-stockholm-sweden-6.jpg

Italian Trulli

Q: In your own words, what is CSS?

A: CSS stands for Cascading Style Sheets. It is a similar language to HTML, with the purpose to style and design layout for webpages. Some features include adding columns, spacing, background images, and other decorative features to enhance the user experience.

Q: Add styling to the following HTML Paragraph Element using the 'style' attribute to make it Red and Italic.

"A MUD (/mʌd/; originally multi-user dungeon, with later variants multi-user dimension and multi-user domain) is a multiplayer real-time virtual world, usually text-based or storyboarded. MUDs combine elements of role-playing games, hack and slash, player versus player, interactive fiction, and online chat. Players can read or view descriptions of rooms, objects, other players, non-player characters, and actions performed in the virtual world. Players typically interact with each other and the world by typing commands that resemble a natural language."


Q: Update the following inline CSS to make the class applied to the following HTML Paragraph Element colored Green and set its font size to 24 pixels.

"Traditional MUDs implement a role-playing video game set in a fantasy world populated by fictional characters, with players choosing classes in order to gain specific skills or powers. The objective of this sort of game is to slay monsters, explore a fantasy world, complete quests, go on adventures, create a story by roleplaying, and advance the created character. Many MUDs were fashioned around the dice-rolling rules of the Dungeons & Dragons series of games."


Q: In the following inline HTML Style Element, add CSS so that when Elements with the class 'hover-class' are hovered that they will turn the color Blue.

"Most MUDs are run as hobbies and are free to play; some may accept donations or allow players to purchase virtual items, while others charge a monthly subscription fee. MUDs can be accessed via standard telnet clients, or specialized MUD clients, which are designed to improve the userexperience. Numerous games are listed at various web portals, such as The Mud Connector."

Q: In your own words, what is Javascript?

Q: In the following HTML Script Element, please create a variable whose value is something you're excited to learn about this semester. Then, use console.log() to write that message in the console.

Q: If you are familiar with Functions, write a function that takes a Number as an input and returns that number multiplied by two.

Q: If you are familiar with For Loops, please write a For Loop that logs the numbers 1 through 10 to the Console.

Q: If you are familiar with Events, please make it so that something will happen when the following HTML Button Element is Clicked.