{"id":47,"date":"2024-03-19T14:35:07","date_gmt":"2024-03-19T14:35:07","guid":{"rendered":"https:\/\/comdma.com\/ashers\/?p=47"},"modified":"2024-03-22T18:35:10","modified_gmt":"2024-03-22T18:35:10","slug":"project-2-web-development","status":"publish","type":"post","link":"https:\/\/comdma.com\/ashers\/2024\/03\/19\/project-2-web-development\/","title":{"rendered":"Project 2: Web Development"},"content":{"rendered":"<style>.wp-block-kadence-advancedgallery .kb-gallery-type-masonry.kb-gallery-id-47_fba229-43{margin:-5px;}.kb-gallery-type-masonry.kb-gallery-id-47_fba229-43 .kadence-blocks-gallery-item{padding:5px;}.kb-gallery-id-47_fba229-43 .kadence-blocks-gallery-item .kb-gal-image-radius, .kb-gallery-id-47_fba229-43 .kb-slide-item .kb-gal-image-radius img{border-radius:0px 0px 0px 0px;;}<\/style><div class=\"kb-gallery-wrap-id-47_fba229-43 alignnone wp-block-kadence-advancedgallery\"><ul class=\"kb-gallery-ul kb-gallery-non-static kb-gallery-type-masonry kb-masonry-init kb-gallery-id-47_fba229-43 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none\" data-image-filter=\"none\" data-item-selector=\".kadence-blocks-gallery-item\" data-lightbox-caption=\"true\" data-columns-xxl=\"3\" data-columns-xl=\"3\" data-columns-md=\"3\" data-columns-sm=\"2\" data-columns-xs=\"1\" data-columns-ss=\"1\"><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:750px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:77%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject-1024x789.png\" width=\"750\" height=\"578\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject.png\" data-light-image=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject.png\" data-id=\"50\" class=\"wp-image-50\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject-1024x789.png 1024w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject-300x231.png 300w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject-768x591.png 768w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject-1536x1183.png 1536w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject-1568x1208.png 1568w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/webproject.png 1853w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\" style=\"max-width:750px;\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic\" style=\"padding-bottom:62%;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM-1024x640.png\" width=\"750\" height=\"469\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM.png\" data-light-image=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM.png\" data-id=\"51\" class=\"wp-image-51\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM-1024x640.png 1024w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM-300x188.png 300w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM-768x480.png 768w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM-1536x960.png 1536w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM-2048x1280.png 2048w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-19-at-10.32.10\u202fAM-1568x980.png 1568w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/div><\/div><\/figure><\/div><\/li><\/ul><\/div>\n\n\n<p><strong>What did you learn?<\/strong> This assignment taught me how to mockup a website on Figma. It also showed me how to create a website by coding, using Visual Studio Code. We used CSS and html. <\/p>\n\n\n\n<p><strong>What was easy?<\/strong> The easiest part of this assignment was the designing portion on Figma. I was already familiar on how to use the app from our previous assignment for the To Do App. I was able to use  my prior knowledge to create things on the website. For example, using iconify, creating components, and making buttons. <\/p>\n\n\n\n<p><strong>What was challenging?<\/strong> The coding aspect of this project was definitely the most difficult. Luckily, I am taking Intro to Web Computing so I have some knowledge, but coding is really a whole new world to me this semester. I couldn&#8217;t get everything on the code mockup to match what the Figma app looked like. I still have a lot to learn and parts of the site to fix. <\/p>\n\n\n\n<p><strong>How could your submission be improved?<\/strong> I find my website to be a bit bland. If I had a larger skill set, it would look completely different. I have also been in a bit of a rut when it comes to school and I have been facing major burnout. I think if I had more motivation I would have a more interesting site and more details in the coding.  <\/p>\n\n\n\n<p><strong>How could I improve the assignment for the next class?<\/strong> I need to do more coding to make the website look better. There is so much I can add to the coding to make my site look more appealing and aesthetic. Right now, I only have a basic looking website. I need to fix the links to the other web pages on the coding version of my site. <\/p>\n\n\n\n<p><strong>How might you apply your knowledge in future assignments or work scenarios?<\/strong> Even though I do not see myself heading down a web design path in the future, the skills I learned will make me a very well-rounded candidate for a job in (hopefully) digital marketing in the future. My graphic design background makes me more marketable than other MarCom people. I can also use what I learned from VS Code in my Intro to Web Computing class this semester. <\/p>\n\n\n\n<p><strong>How did a specific reading or video inspire or help you?<\/strong> The website W3 Schools helped me with coding. When I imported my photo on the home page, it ended up being way too big. I remembered learning how to change photo size in my other class, so I went on to W3 Schools as a reminder of how to change image size. I did this by adding &#8220;width:400&#8221; to the line of code. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"823\" src=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-22-at-2.27.54\u202fPM-1024x823.png\" alt=\"\" class=\"wp-image-55\" srcset=\"https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-22-at-2.27.54\u202fPM-1024x823.png 1024w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-22-at-2.27.54\u202fPM-300x241.png 300w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-22-at-2.27.54\u202fPM-768x617.png 768w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-22-at-2.27.54\u202fPM-1536x1234.png 1536w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-22-at-2.27.54\u202fPM-1568x1260.png 1568w, https:\/\/comdma.com\/ashers\/wp-content\/uploads\/sites\/348\/2024\/03\/Screenshot-2024-03-22-at-2.27.54\u202fPM.png 1589w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading47_1921a2-21, .wp-block-kadence-advancedheading.kt-adv-heading47_1921a2-21[data-kb-block=\"kb-adv-heading47_1921a2-21\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading47_1921a2-21 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading47_1921a2-21[data-kb-block=\"kb-adv-heading47_1921a2-21\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading47_1921a2-21 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading47_1921a2-21[data-kb-block=\"kb-adv-heading47_1921a2-21\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading47_1921a2-21 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading47_1921a2-21\">Behind the scenes of coding my Portfolio page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What did you learn? This assignment taught me how to mockup a website on Figma. It also showed me how to create a website by coding, using Visual Studio Code. We used CSS and html. What was easy? The easiest part of this assignment was the designing portion on Figma. I was already familiar on&hellip; <a class=\"more-link\" href=\"https:\/\/comdma.com\/ashers\/2024\/03\/19\/project-2-web-development\/\">Continue reading <span class=\"screen-reader-text\">Project 2: Web Development<\/span><\/a><\/p>\n","protected":false},"author":332,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-47","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}]},"featured_image_src_large":false,"author_info":{"display_name":"ashers","author_link":"https:\/\/comdma.com\/ashers\/author\/ashers\/"},"comment_info":"","category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":3,"filter":"raw","cat_ID":1,"category_count":3,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/users\/332"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":5,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/posts\/47\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/ashers\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}