{"id":3039,"date":"2020-09-11T18:11:39","date_gmt":"2020-09-11T18:11:39","guid":{"rendered":"http:\/\/4310.mynmi.net\/?page_id=3039"},"modified":"2026-03-21T22:01:21","modified_gmt":"2026-03-21T22:01:21","slug":"assignment-one","status":"publish","type":"page","link":"https:\/\/nmi.cool\/appdev\/assignment-one\/","title":{"rendered":"My First Content View"},"content":{"rendered":"\n<p>In this assignment, you&#8217;ll put together a polished multi-view SwiftUI app that showcases the skills you&#8217;ve built so far. The app has a styled <code>ContentView<\/code> with navigation links to three distinct views, each demonstrating a different technique.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">View 1: Cards About You<\/h2>\n\n\n\n<p>Create a <strong>horizontal <code>ScrollView<\/code><\/strong> with at least 4 scrollable cards about yourself. Each card must include:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>An <strong>image<\/strong> that relates to you or your life.<\/li>\n<li>A <strong>header<\/strong> and a <strong>one-sentence description<\/strong> about some aspect of who you are.<\/li>\n<li><strong>Consistent formatting<\/strong> across all cards. Ideally, define a struct with variables to style each card rather than copying and pasting.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/appdev\/wp-content\/uploads\/sites\/10\/2024\/09\/myContentView1.png\" alt=\"Example of View 1: scrollable cards about yourself\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">View 2: Large SF Symbol<\/h2>\n\n\n\n<p>Display a <strong>large multicolor SF Symbol<\/strong> that fills the screen in at least one dimension. Pick something that fits your personality \u2014 have fun with it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/appdev\/wp-content\/uploads\/sites\/10\/2024\/09\/myContentView2.png\" alt=\"Example of View 2: large multicolor SF Symbol filling the screen\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">View 3: Shape Art<\/h2>\n\n\n\n<p>Create a work of art using <strong>only SwiftUI shapes<\/strong> \u2014 no imported images. Use a combination of <code>Circle<\/code>, <code>Ellipse<\/code>, and <code>Rectangle<\/code> arranged with <code>ZStack<\/code>, <code>HStack<\/code>, and <code>VStack<\/code>. Apply colors, frames, and offsets to build something original. The goal is to go beyond the example shown in class. You&#8217;re encouraged to compare ideas and share code with classmates.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/appdev\/wp-content\/uploads\/sites\/10\/2024\/09\/LandscapeView.png\" alt=\"Example of View 3: shape art created with SwiftUI shapes\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">ContentView: Navigation Links<\/h2>\n\n\n\n<p>Your three navigation links should all be styled consistently. Each one should have:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Rounded corners<\/li>\n<li>A background color<\/li>\n<li>Matching width and height<\/li>\n<li>An SF Symbol and a text label<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/appdev\/wp-content\/uploads\/sites\/10\/2020\/09\/img_5f5bc0571b09d.png\" alt=\"Example ContentView: styled navigation links with rounded corners and SF symbols\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Rubric<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">A-Level Work<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Exceptional quality, originality, and\/or insight<\/li>\n<li>Fully meets all criteria with no significant errors<\/li>\n<li>Polished, organized, and professional<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">B-Level Work<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Meets all criteria with only minor issues<\/li>\n<li>Solid understanding and effort throughout<\/li>\n<li>Good organization and presentation<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">C-Level Work<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Meets most criteria with some notable gaps<\/li>\n<li>Basic or inconsistent understanding<\/li>\n<li>Organization or clarity needs improvement<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Below C (Not Passing)<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Disorganized, incomplete, or poor quality<\/li>\n<li>Meets few or no criteria; major errors or omissions<\/li>\n<li>Limited or no evidence of understanding and effort<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this assignment, you&#8217;ll put together a polished multi-view SwiftUI app that showcases the skills you&#8217;ve built so far. The app has a styled ContentView with navigation links to three distinct views, each demonstrating a different technique. View 1: Cards About You Create a horizontal ScrollView with at least 4 scrollable cards about yourself. Each &hellip; <a href=\"https:\/\/nmi.cool\/appdev\/assignment-one\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">My First Content View<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3039","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/3039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/comments?post=3039"}],"version-history":[{"count":23,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/3039\/revisions"}],"predecessor-version":[{"id":4156,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/3039\/revisions\/4156"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/media?parent=3039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}