{"product_id":"intro-to-coding-for-designers","title":"Intro to Coding for Designers","description":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cp class=\"p1\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eIntro to Coding for Designers teaches foundational web development with HTML and CSS. Over six weeks, you will create a website using the code editor as a design tool. In hands-on workshops, you will gain a deeper understanding of the handmade web. Expect lively weekend classes, a group of like-minded peers and an activity-driven learning environment.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"p1\"\u003e\u003cspan class=\"c-mrkdwn__br\" data-stringify-type=\"paragraph-break\"\u003e\u003c\/span\u003e\u003cspan\u003eTo guide our study, we’ll ask questions like, \u003c\/span\u003e\u003ci data-stringify-type=\"italic\"\u003eWhat is the role of default design in web development? What are designers better at coding, compared to non-designers? How can we design a website directly in the browser? How will our design practice improve by becoming a double threat—a designer who can also code?\u003c\/i\u003e\u003c\/p\u003e\n\u003cp class=\"p1\"\u003e\u003cspan class=\"c-mrkdwn__br\" data-stringify-type=\"paragraph-break\"\u003e\u003c\/span\u003e\u003cspan\u003eLearning Outcome: Students will learn foundational web development and gain the ability to code static webpages from scratch. Students will learn to create fluid websites that are responsive by default.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e6 Weeks\u003cbr\u003eSaturdays 3 – 6pm EST \/ 12 – 3pm PST \/ 6 – 9pm GMT\u003cbr\u003eApril 17 – May 22\u003c\/p\u003e\n\u003cp\u003e \u003cmeta charset=\"utf-8\"\u003e\u003ca href=\"https:\/\/index-space.org\/pages\/meet-sam-our-spring-artist-in-residence\" data-mce-fragment=\"1\" data-mce-href=\"https:\/\/index-space.org\/pages\/meet-sam-our-spring-artist-in-residence\"\u003eArtwork by Sam Jaramillo\u003c\/a\u003e\u003c\/p\u003e\n\u003chr\u003e\n\u003cp\u003e  \u003c\/p\u003e\n\u003ch1\u003eInstructor Bio\u003cbr\u003e\n\u003c\/h1\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0526\/7482\/2324\/files\/leaves_cropped_480x480.jpg?v=1616080334\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/megumi.co\"\u003eMegumi\u003c\/a\u003e is a designer and educator from the Bay Area. Currently, they are researching digital gardens, \u003ca href=\"https:\/\/www.are.na\/megumi-tanaka\/privacy-wi9kvua9t6s\"\u003edata privacy\u003c\/a\u003e, and \u003ca href=\"https:\/\/www.are.na\/megumi-tanaka\/carbon-neutral-web\"\u003esustainable web permaculture\u003c\/a\u003e. In a previous life, they were a UX Designer and Product Manager in Silicon Valley. Megumi studied at UC Berkeley and California College of the Arts.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003chr\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003eSyllabus\u003cbr\u003e\n\u003c\/h1\u003e\n\u003cp\u003eWeek 1: Intros\u003cbr\u003eHTML Foundations. Introduction to the web browser and code editor as design tools.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eWeek 2: Styles\u003cbr\u003eApply styles with CSS. Un-learn pixel-based thinking and design a system of constraints.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eWeek 3: Layouts\u003cbr\u003eCreate fluid layouts and control the flow of content with minimal code.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eWeek 4: Customization\u003cbr\u003eBreak out of linear layout constraints, paying attention to accessibility and browser compatibility.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eWeek 5: Typography\u003cbr\u003eHarness the power of variable fonts. Customize features such as ligatures, stylistic sets, and tabular numbers.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eWeek 6: Polishing\u003cbr\u003eAdd final flair, including transitions and animations. Share the final project—a completely handmade website.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003chr\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003eResources\u003cbr\u003e\n\u003c\/h1\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/neustadt.fr\/essays\/the-small-web\/\" target=\"_blank\" data-mce-href=\"https:\/\/neustadt.fr\/essays\/the-small-web\/\"\u003eRediscovering the Small Web\u003cbr\u003e\u003c\/a\u003e“You really only need two things: a web host and HTML (and basic CSS for formatting). And you don’t need to make it “user-centered”; much like the early webmasters on Geocities carving out their own corner of the web, you can express yourself any way you want. It's the difference between product and art.”\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/luckysoap.com\/statements\/handmadeweb.html\" data-mce-href=\"https:\/\/luckysoap.com\/statements\/handmadeweb.html\"\u003eA Handmade Web\u003cbr\u003e\u003c\/a\u003e“I evoke the term ‘handmade web’ in order to make a correlation between handmade web pages and handmade print materials, such as zines, pamphlets, and artists books.”\u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003chr\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003eScholarships\u003c\/h1\u003e\n\u003cp\u003eWe are offering a number of free, need-based scholarships to this course.\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eIndex scholarships are designed to benefit underrepresented groups, BIPOC members of our community, and those for whom the class price is not accessible. These need-based scholarships will go to the candidates who best demonstrate why they should be chosen for the free spot to our class based on the following criteria:\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eThe selected applicants:\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cspan\u003eBelong to groups that are traditionally underrepresented in the graphic design and creative industries\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDo not have jobs that would pay for these courses as professional development\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eCannot independently afford the class at list price\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eShare our value of intentional community\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003eThe number of selected applicants chosen is subject to the discretion of Index and the instructor, but every course will select at least one.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan mce-data-marked=\"1\"\u003eApplications for this course have closed. Thank you!\u003c\/span\u003e\u003c\/h1\u003e","brand":"Megumi Tanaka","offers":[{"title":"Intro to Coding for Designers","offer_id":39355859730612,"sku":"","price":500.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0526\/7482\/2324\/products\/Intro_to_Coding_for_Designers.png?v=1629988197","url":"https:\/\/nunu-school.myshopify.com\/products\/intro-to-coding-for-designers","provider":"Index","version":"1.0","type":"link"}