{"id":303,"date":"2025-12-17T13:26:58","date_gmt":"2025-12-17T13:26:58","guid":{"rendered":"https:\/\/ificher.oldcolonystudents.com\/home\/?page_id=303"},"modified":"2026-04-14T15:14:54","modified_gmt":"2026-04-14T15:14:54","slug":"sophomore-4","status":"publish","type":"page","link":"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/","title":{"rendered":"Sophomore"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.5″ _module_preset=”default” text_text_color=”#000000″ text_font_size=”50px” text_orientation=”center” global_colors_info=”{}”]<\/p>\n

Sophomore<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.5″ _module_preset=”default” text_text_color=”#000000″ text_font_size=”30px” text_orientation=”center” global_colors_info=”{}”]<\/p>\n

Javascript Program<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-110740.png” _builder_version=”4.27.6″ _module_preset=”default” body_text_color=”#000000″ global_colors_info=”{}”]<\/p>\n

The function Start runs the code in it when the program is started.<\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-111509.png” _builder_version=”4.27.6″ _module_preset=”default” body_text_color=”#000000″ custom_margin=”||||false|false” custom_padding=”12%||||false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

This function draws the last scene without any narration.<\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-111302.png” _builder_version=”4.27.6″ _module_preset=”default” body_text_color=”#000000″ custom_padding=”34%||||false|false” global_colors_info=”{}”]<\/p>\n

This function draws the first scene of the story.<\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-111408.png” _builder_version=”4.27.6″ _module_preset=”default” body_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” title_text=”Screenshot 2025-12-17 111408″ sticky_enabled=”0″ custom_padding=”51%||||false|false”]<\/p>\n

This function draws the second scene of the story.<\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-112907.png” _builder_version=”4.27.6″ _module_preset=”default” body_text_color=”#000000″ custom_margin=”||||false|false” custom_padding=”12%||||false|false” hover_enabled=”0″ global_colors_info=”{}” title_text=”Screenshot 2025-12-17 112907″ sticky_enabled=”0″]<\/p>\n

This function draws the third scene of the story.<\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_blurb image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113025.png” _builder_version=”4.27.6″ _module_preset=”default” body_text_color=”#000000″ custom_padding=”50%||||false|false” hover_enabled=”0″ global_colors_info=”{}” title_text=”Screenshot 2025-12-17 113025″ sticky_enabled=”0″]<\/p>\n

This function draws the last scene of the story.<\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.5″ _module_preset=”default” text_text_color=”#000000″ text_font_size=”18px” global_colors_info=”{}”]<\/p>\n

I have learned to make shapes as well as arcs in javascript. I also learned how to use functions like getHeight() and getWidth(). Get Height() will get the height of the canvas, while getWidth() gets the width of the canvas. Another thing I learned is function start(){}. This will run whatever code is in it without having to call your function in the code.\u00a0<\/span><\/p>\n

Scene 1 shows a cat walking into the alley. There are also print statements to tell the story to the user. Scene 2 shows a cat and a dog bumping into each other. Scene 3 shows the cat and dog fighting each other. Scene 4 shows the cat and dog reconciling, and about to go into the building together.\u00a0<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.6″ _module_preset=”default”][et_pb_column _builder_version=”4.27.6″ _module_preset=”default” type=”4_4″][et_pb_divider _builder_version=”4.27.6″ _module_preset=”default” color=”#000000″ divider_position=”center” divider_weight=”3px” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.5″ _module_preset=”default” text_text_color=”#000000″ text_font_size=”30px” text_orientation=”center” global_colors_info=”{}”]<\/p>\n

Web Design<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_slider _builder_version=”4.27.5″ _module_preset=”default” background_color=”#000000″ background_image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113712.webp” background_size=”contain” auto=”on” auto_speed=”3000″ global_colors_info=”{}” min_height=”358.9px” custom_padding=”||238px|||”][et_pb_slide _builder_version=”4.27.5″ _module_preset=”default” background_color=”#000000″ background_enable_color=”on” background_image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113604.png” background_enable_image=”on” background_size=”contain” global_colors_info=”{}” sticky_transition=”on”][\/et_pb_slide][et_pb_slide _builder_version=”4.27.5″ _module_preset=”default” background_color=”#000000″ background_enable_color=”on” background_image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113646.png” background_enable_image=”on” background_size=”contain” global_colors_info=”{}” sticky_transition=”on”][\/et_pb_slide][et_pb_slide _builder_version=”4.27.5″ _module_preset=”default” background_color=”#000000″ background_enable_color=”on” background_image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113712.png” background_enable_image=”on” global_colors_info=”{}” sticky_transition=”on”][\/et_pb_slide][et_pb_slide _builder_version=”4.27.5″ _module_preset=”default” background_color=”#000000″ background_enable_color=”on” background_image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113734.png” background_enable_image=”on” background_size=”contain” global_colors_info=”{}” sticky_transition=”on”][\/et_pb_slide][et_pb_slide _builder_version=”4.27.5″ _module_preset=”default” background_color=”#000000″ background_enable_color=”on” background_image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113803.png” background_enable_image=”on” background_size=”contain” global_colors_info=”{}” sticky_transition=”on”][\/et_pb_slide][et_pb_slide _builder_version=”4.27.5″ _module_preset=”default” background_color=”#000000″ background_enable_color=”on” background_image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113827.png” background_enable_image=”on” background_size=”contain” global_colors_info=”{}” sticky_transition=”on”][\/et_pb_slide][et_pb_slide _builder_version=”4.27.5″ _module_preset=”default” background_color=”#000000″ background_enable_color=”on” background_image=”https:\/\/ificher.oldcolonystudents.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-17-113848.png” background_enable_image=”on” background_size=”contain” global_colors_info=”{}” sticky_transition=”on”][\/et_pb_slide][\/et_pb_slider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.5″ _module_preset=”default” text_text_color=”#000000″ text_font_size=”18px” global_colors_info=”{}”]<\/p>\n

I have learned to make a website using flex. I also learned how to use align-content, justify-content, align-items, and align-self properties. Property values that can use space-between, center, flex-start, flex-end, space-evenly, and space-around. I also had to learn how to nest everything in a way to allow the cards on the website to be made successfully.<\/span><\/p>\n

My website is about my top 6 favorite video games. The home page on my website has six cards using flex, and the other properties I learned. Each card has a description on it. When clicked, it will take you to the game\u2019s page for more information on the game. This page has heroes, villains, a fun fact under the note section, and a trailer of the game.<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

SophomoreJavascript ProgramThe function Start runs the code in it when the program is started.This function draws the last scene without any narration.This function draws the first scene of the story.This function draws the second scene of the story.This function draws the third scene of the story.This function draws the last scene of the story.I have […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-303","page","type-page","status-publish","hentry"],"yoast_head":"\nSophomore - Isabella's Portfolio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sophomore - Isabella's Portfolio\" \/>\n<meta property=\"og:description\" content=\"SophomoreJavascript ProgramThe function Start runs the code in it when the program is started.This function draws the last scene without any narration.This function draws the first scene of the story.This function draws the second scene of the story.This function draws the third scene of the story.This function draws the last scene of the story.I have […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/\" \/>\n<meta property=\"og:site_name\" content=\"Isabella's Portfolio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T15:14:54+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/sophomore-4\\\/\",\"url\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/sophomore-4\\\/\",\"name\":\"Sophomore - Isabella's Portfolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/#website\"},\"datePublished\":\"2025-12-17T13:26:58+00:00\",\"dateModified\":\"2026-04-14T15:14:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/sophomore-4\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/sophomore-4\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/sophomore-4\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sophomore\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/#website\",\"url\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/\",\"name\":\"Isabella's Portfolio\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ificher.oldcolonystudents.com\\\/home\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sophomore - Isabella's Portfolio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/","og_locale":"en_US","og_type":"article","og_title":"Sophomore - Isabella's Portfolio","og_description":"SophomoreJavascript ProgramThe function Start runs the code in it when the program is started.This function draws the last scene without any narration.This function draws the first scene of the story.This function draws the second scene of the story.This function draws the third scene of the story.This function draws the last scene of the story.I have […]","og_url":"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/","og_site_name":"Isabella's Portfolio","article_modified_time":"2026-04-14T15:14:54+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/","url":"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/","name":"Sophomore - Isabella's Portfolio","isPartOf":{"@id":"https:\/\/ificher.oldcolonystudents.com\/home\/#website"},"datePublished":"2025-12-17T13:26:58+00:00","dateModified":"2026-04-14T15:14:54+00:00","breadcrumb":{"@id":"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ificher.oldcolonystudents.com\/home\/sophomore-4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ificher.oldcolonystudents.com\/home\/"},{"@type":"ListItem","position":2,"name":"Sophomore"}]},{"@type":"WebSite","@id":"https:\/\/ificher.oldcolonystudents.com\/home\/#website","url":"https:\/\/ificher.oldcolonystudents.com\/home\/","name":"Isabella's Portfolio","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ificher.oldcolonystudents.com\/home\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ificher.oldcolonystudents.com\/home\/wp-json\/wp\/v2\/pages\/303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ificher.oldcolonystudents.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ificher.oldcolonystudents.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ificher.oldcolonystudents.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ificher.oldcolonystudents.com\/home\/wp-json\/wp\/v2\/comments?post=303"}],"version-history":[{"count":7,"href":"https:\/\/ificher.oldcolonystudents.com\/home\/wp-json\/wp\/v2\/pages\/303\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/ificher.oldcolonystudents.com\/home\/wp-json\/wp\/v2\/pages\/303\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/ificher.oldcolonystudents.com\/home\/wp-json\/wp\/v2\/media?parent=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}