week-05.php

<?php include ('snippets/_header.php'); ?>


	<div class="container-fluid">
		<div class="inner">

			<?php include ('snippets/sidebar.php'); ?>

			<div class="content">
				<header class="site-header">
					<h6>February 23&#8212;27</h6>
					<h1>Week 05</h1>
				</header>

				<section id="description">
					<div class="container-fluid">
						<div class="inner">
							<div class="section-header">
								<h2>Lab</h2>
								<h3>Monday<br>02/23/15</h3>
							</div>
							<div class="section-content">
								<h5 class="txt-strong">Assignment 1&#8212;due at the end of class</h5>
								<p>Bug fixes from Week 3</p>
								<ol>
									<li><p>Based on today‘s class discussion, go back to your assignment from Week 3 and fix any bugs or errors in your local code.</p></li>
									<li><p>Upload the new code to the server, overwriting the old code.</p></li>
									<li><p>Check your work on the live site.</p></li>
								</ol>

								<h5 class="txt-strong mt-sm">Assignment 2&#8212;due at the end of class</h5>
								<p>Toolbox 1: Sitemap of an existing site</p>
								<ol>
									<li>Create an HTML version of your sitemap using folders and files. This should accurately represent the structure and hierarchy of your sitemap. <strong>Do not make one folder with a bunch of HTML files in it.</strong></li>
									<li>Each page should have a title with proper HTML tags</li>
									<li>Each page should have navigation to move around the website</li>
									<li>Push your project to Github</li>
									<li>Upload your code to the server</li>
									<li>Add a new item to your profile page to correspond to this week, and link to this assignment.</li>
								</ol>

								<h5 class="txt-strong mt-sm">Assignment 3&#8212;due before next class</h5>
								<p>Toolbox 2: Wireframe of an existing page</p>
								<ol>
									<li>Using the HTML tags we’ve learned so far, mark up your wireframes (based on <a href="https://www.warbyparker.com/sunglasses/women/quentin/whiskey-tortoise">this Warby Parker page</a>) in HTML. Your HTML should include all the components on this page, with consideration for hierarchy, links, placeholder images, etc. We’re not worried about style yet.</li>
									<li>Push your project to Github</li>
									<li>Upload your code to the server</li>
									<li>Add a new item to this week, and link to this assignment.</li>
								</ol>

								<div class="links-list">
									<h6 class="mt-md">Reading list</h6>
									<ul>
										<li>Typography: <a href="http://observationdeck.io9.com/why-is-the-dollar-sign-a-letter-s-1683940575" target="_blank">Why is the Dollar Sign a Letter S</a></li>
										<li>Coding: <a href="http://blog.codinghorror.com/rubber-duck-problem-solving/" target="_blank">Rubber Duck Problem Solving</a></li>
										<li>Web dev in pop culture: <a href="https://medium.com/message/how-paper-magazines-web-engineers-scaled-kim-kardashians-back-end-sfw-6367f8d37688" target="_blank">How PAPER Magazine’s web engineers scaled their back-end for Kim Kardashian</a></li>
									</ul>
								</div>

								<div class="links-list">
									<h6 class="mt-md">Tools & resources</h6>
									<ul>
										<li><a href="http://www.w3schools.com/tags/">W3Schools HTML reference</a></li>
										<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element#embedded_content">Mozilla HTML reference</a></li>
										<li><a href="http://www.sitepoint.com/web-foundations/structural-elements/">Sitepoint Structural elements</a></li>
										<li><a href="https://github.com/jheftmann/ci-sp15/tree/master/code-samples/">Code samples</a></li>
									</ul>
								</div>
							</div>
						</div>
						<hr>
						<div class="inner">
							<div class="section-header">
							<h2>Studio</h2>
							<h3>Tuesday<br>02/24/15</h3>
							</div>
							<div class="section-content">
								<p>These are what we covered in class today:
									<ul>
										<li>Notable This Week</li>
										<li>Share: Toolbox 2 - wireframes</li>
										<li>Working Session in groups: Wireframing</li>
										<li>Prototyping</li>
										<li><strong>ACTION ITEM: Finish digital wireframes (6~7 screens)</strong></li>
									</ul>
								</p>
								<p>And here's the class guide deck from today's class: <a href="https://dl.dropboxusercontent.com/u/9476278/ci-sp15/Interaction_ClassGuide_022415.pdf">here</a>
								</P>
							</div>
							<div class="section-header">
							<h2>Studio</h2>
							<h3>Thursday<br>02/26/15</h3>
							</div>
							<div class="section-content">
								<!--  -->
							</div>
						</div>
					</div>
				</section>

			</div>

		</div>
	</div>

<?php include ('snippets/_footer.php'); ?>