{"id":8565,"date":"2020-11-21T08:49:44","date_gmt":"2020-11-21T08:49:44","guid":{"rendered":"https:\/\/oxhosting.com\/blog\/2020\/11\/21\/how-to-make-your-individual-internet-site-workshop-h4i-uiuc-x-acmuiuc\/"},"modified":"2020-11-21T08:49:44","modified_gmt":"2020-11-21T08:49:44","slug":"how-to-make-your-individual-internet-site-workshop-h4i-uiuc-x-acmuiuc","status":"publish","type":"post","link":"https:\/\/oxhosting.com\/blog\/2020\/11\/21\/how-to-make-your-individual-internet-site-workshop-h4i-uiuc-x-acmuiuc\/","title":{"rendered":"How To Make Your Individual Internet site Workshop [H4I UIUC x ACM@UIUC]"},"content":{"rendered":"<p><iframe loading=\"lazy\"  width=\"580\" height=\"385\" src=\"https:\/\/www.youtube.com\/embed\/FwKhGH3WqFc?rel=0&#038;cc_load_policy=1&#038;modestbranding=1\" frameborder=\"0\" allowfullscreen><\/iframe><br \/>\n<br \/>This workshop is designed to be rookie-helpful, so we reveal principles with the assumption that our attendees know pretty minor about net advancement. We will be instructing you about HTML, CSS and JS, and how to code and deploy a website that you can showcase your portfolio on. This workshop was recorded on November 17, 2020 by means of Zoom! <\/p>\n<p>The Hack4Impression UIUC introduction was regrettably lower out from our video, but we are a single chapter of a nationwide university student business that associates with nonprofits to develop them program for social excellent. Find out much more about us and ACM at the base of the description. <\/p>\n<p>Below are some related back links:<br \/>\nWorkshop repository (instructions to connection GitHub &#038; CodeSandbox, as very well as the demo internet site code):<br \/>\nDeployed web site:<br \/>\nSlides:<br \/>\nBalsamiq demo web site structure:<br \/>\nAlternate internet site style for inspiration, crafted on Figma:<br \/>\nFeedback Kind (signal up for party updates &#038; tell us what you want to see next!):  <\/p>\n<p>Timestamps:<br \/>\n:00:00 Workshop Overview<br \/>\n:00:44 Established Up (GitHub &#038; CodeSandbox)<br \/>\n:16:50 Intro to World-wide-web Growth<br \/>\n:19:43 Component One: HTML &#8211; Features and Structure<br \/>\n:24:45 Demo Site Overview (Balsamiq)<br \/>\n:26:01 HTML Coding Tutorial<br \/>\n:54:18 Component Two: CSS &#8211; Aesthetics<br \/>\n1:02:23 CSS Coding Tutorial<br \/>\n1:20:25 Component Three: JS &#8211; Interactivity &#038; Features<br \/>\n1:22:24 JS Coding Tutorial<br \/>\n1:26:54 Wrap Up<\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br \/>\nHack4Effects:<br \/>\nWeb-site:<br \/>\nFb:<br \/>\nInstagram:<br \/>\nSpeak to: uiuc@hack4effects.org<\/p>\n<p>ACM:<br \/>\nWeb-site:<br \/>\nFb:<br \/>\nInstagram:<br \/>\nCall: acm@illinois.edu<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This workshop is designed to be rookie-helpful, so we reveal principles with the assumption that our attendees know pretty minor about net advancement. We will&#8230;<\/p>\n","protected":false},"author":629,"featured_media":8566,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts\/8565"}],"collection":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/users\/629"}],"replies":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=8565"}],"version-history":[{"count":0,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts\/8565\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/media\/8566"}],"wp:attachment":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=8565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=8565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=8565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}