NO HOMEWORK IS DUE THIS WEEK.<\/p>\n\n\n\n
IS270 tech check-in<\/a><\/p>\n\n\n\n You\u2019ll learn enough HTML and CSS to hand-code your own website, and we\u2019ll take a peek at the fields of UX and UI.<\/em><\/p>\n\n\n\n Visual Studio Code<\/a><\/p>\n\n\n\n (If you already have a code editor you like, you can skip this. If you don\u2019t know what a code editor is, download VS Code!)<\/p>\n\n\n\n Github<\/a><\/strong><\/p>\n\n\n\n This is so that you\u2019ll be able to publish your website via Github Pages. If you prefer not to sign up for Github, you can skip this; just know we may not be able to publish your site during classtime.<\/em> If you already have a Github account, you can use that<\/em>.<\/p>\n\n\n\n Today’s slides<\/a> <\/p>\n\n\n\n HTML and CSS reference handouts<\/a><\/p>\n\n\n\n We\u2019ll walk through the following tutorials today. (You almost certainly won\u2019t make it through all of them, and that\u2019s OK! Feel free to continue on your own time if you\u2019d like.)<\/p>\n\n\n\n Do you find it easier to follow videos? Watch me walk through these tutorials on video:<\/p>\n\n\n\n That\u2019s great! First of all, take a look around you and make sure none of your classmates needs help.<\/p>\n\n\n\n Next, consider using the next hour or so to investigate some frameworks and technologies with which you\u2019re unfamiliar. I suggest:<\/p>\n\n\n\n D3<\/a> (a JavaScript library for data visualization; I suggest beginning with Scott Murray\u2019s book<\/a>)<\/p>\n\n\n\n Hugo<\/a> or Jekyll<\/a> (static-site generators that can be used with GitHub Pages; here is a helpful Jekyll tutorial<\/a>)<\/p>\n\n\n\nWeb-Building & UX<\/h4>\n\n\n\n
Read, view, and listen<\/h4>\n\n\n\n
\n
Install<\/h4>\n\n\n\n
Create an account<\/h4>\n\n\n\n
In-Class Activities<\/h4>\n\n\n\n
HTML & CSS<\/h5>\n\n\n\n
\n
Make a fancy site with Mural<\/s><\/a> Annoyingly, since I wrote this tutorial, Mural has gone out of business. (Sigh.) If you’d like to use a drag-and-drop editor to build and publish a fancy website, I suggest using Publii<\/a>, a free application that integrates with Github Pages. Here<\/a> are instructions for creating a website, and here<\/a> are instructions for uploading it to Github.<\/em><\/li>\n<\/ul>\n\n\n\n\n
Do you already know HTML & CSS?<\/h5>\n\n\n\n