{"id":373,"date":"2022-05-14T14:11:57","date_gmt":"2022-05-14T21:11:57","guid":{"rendered":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/?page_id=373"},"modified":"2022-05-14T14:11:57","modified_gmt":"2022-05-14T21:11:57","slug":"unit-1-html-css-js","status":"publish","type":"page","link":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/unit-1-html-css-js\/","title":{"rendered":"Unit 1 &#8211; HTML, CSS, JS"},"content":{"rendered":"<p>Welcome to CPSC455!<br \/>\nIt was great to see so many people in-person, and participating in the Slack channel.<\/p>\n<p>Here are the resources from Workshop 1.<\/p>\n<p>IMPORTANT NOTE: For the individual assignments, you can ONLY use the technology taught in class \u2013 Vanilla JS (no frameworks or libraries), CSS (no bootstrap, no MaterialUI) and HTML.<\/p>\n<p>Intro Slides: <a href=\"https:\/\/docs.google.com\/presentation\/d\/1UDV1nlZ34F55CLG8QWK5WWDOaZACeQ2HUudvGYsIi6Y\/edit?usp=sharing\">Intro to CPSC455<\/a><\/p>\n<p>Workshop 1 Slides: <a href=\"https:\/\/cpsc4552022s.slack.com\/archives\/C03D40YR525\/p1652548594384009\">HTML, CSS, JS<\/a> (link to Slack where they are posted)<\/p>\n<p>Assignment 1\u00a0<strong>DUE TUESDAY MAY 24 @ 12pm (NOON) PST<\/strong>:<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/cpsc4552022s\/files\/2022\/05\/Assignment-1-1.pdf\">Assignment 1 PDF<\/a>\u00a0 \u00a0\u00a0 <a href=\"https:\/\/blogs.ubc.ca\/cpsc4552022s\/files\/2022\/05\/Assignment-1-2.txt\">Assignment 1 TXT<\/a><br \/>\n(To hand in, simply make sure all your code is pushed to a<strong> private<\/strong> repo, and then don\u2019t make any changes past the due date.)<\/p>\n<p>Project Progress 1\u00a0<strong>DUE IN WORKSHOP 2<\/strong>:<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/cpsc4552022s\/files\/2022\/05\/Project-Progress-Workshop-1.pdf\">Project Progress 1 PDF<\/a>\u00a0 \u00a0\u00a0 <a href=\"https:\/\/blogs.ubc.ca\/cpsc4552022s\/files\/2022\/05\/Project-Progress-Workshop-1.txt\">Project Progress 1 TXT<\/a><\/p>\n<p>As usual, reach out on Slack if you have any questions!<\/p>\n<p>&nbsp;<\/p>\n<h4>Great Resources (posted by your classmates during the workshop!)<\/h4>\n<p>&#8220;Recommend using\u00a0<a class=\"c-link\" tabindex=\"-1\" href=\"https:\/\/codesandbox.io\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-stringify-link=\"https:\/\/codesandbox.io\/\" data-sk=\"tooltip_parent\" data-remove-tab-index=\"true\">https:\/\/codesandbox.io\/<\/a> rather than jsfiddle for autoformatting. Repl also works well.&#8221;<\/p>\n<p><a href=\"https:\/\/cssbattle.dev\/\">https:\/\/cssbattle.dev\/<\/a><\/p>\n<p><a href=\"https:\/\/careerkarma.com\/blog\/css-class-vs-id-2\/\">https:\/\/careerkarma.com\/blog\/css-class-vs-id-2\/<\/a><\/p>\n<p><a href=\"https:\/\/flexboxfroggy.com\/\">https:\/\/flexboxfroggy.com\/<\/a><\/p>\n<p><a href=\"https:\/\/www.destroyallsoftware.com\/talks\/wat\">https:\/\/www.destroyallsoftware.com\/talks\/wat<\/a><\/p>\n<p><a href=\"https:\/\/javascript.info\/async-await\">https:\/\/javascript.info\/async-await<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to CPSC455! It was great to see so many people in-person, and participating in the Slack channel. Here are the resources from Workshop 1. IMPORTANT NOTE: For the individual assignments, you can ONLY use the technology taught in class \u2013 Vanilla JS (no frameworks or libraries), CSS (no bootstrap, no MaterialUI) and HTML. Intro [&hellip;]<\/p>\n","protected":false},"author":26652,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-373","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/wp-json\/wp\/v2\/pages\/373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/wp-json\/wp\/v2\/users\/26652"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/wp-json\/wp\/v2\/comments?post=373"}],"version-history":[{"count":1,"href":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/wp-json\/wp\/v2\/pages\/373\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/wp-json\/wp\/v2\/pages\/373\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/cpsc4552022s\/wp-json\/wp\/v2\/media?parent=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}