params.json

{"name":"EDT Workshop","tagline":"","body":"# Background\r\n\r\nThe aim of YRS x EDT Workshops is to introduce young people to the foundations of digital making and technology in an enjoyable and immersive way. Our workshops are inspirational, fun and hands-on, with a focus on peer-to-peer learning and teamwork. Each workshop follows a simple, three module process that introduces the basics before quickly allowing participants to explore the practical application of their new skills. \r\n\r\nThe YRS x EDT Introduction to Web Development Workshop provides the fundamental development and design skills required to build for the web. During this workshop, participants will be introduced to HTML, CSS and Javascript, implementing these skills to customise their own webpage. \r\n\r\n# Section 1 - Anatomy of a Webpage\r\n\r\n[Codepen](http://codepen.io)\r\n\r\n* [Codepen - Lists](http://codepen.io/youngrewired/pen/pjodMm)\r\n* [Codepen - Links](http://codepen.io/youngrewired/pen/dYyJbW)\r\n* [Codepen - Images](http://codepen.io/youngrewired/pen/epYyzN)\r\n\r\nTest your skills\r\n\r\n* [Challenge](http://codepen.io/youngrewired/pen/VLgGMP)\r\n* [Answers](http://codepen.io/youngrewired/pen/VLBpEo)\r\n\r\n# Section 2 - Making our Page Pretty!\r\n\r\n## Codepens\r\n\r\n* [Codepen - Colours & Images](http://codepen.io/youngrewired/pen/epYyzN)\r\n\r\n## Colours\r\n\r\n[Full list of CSS colours](http://www.crockford.com/wrrrld/color.html)\r\n\r\n[Hex code generator](http://chir.ag/projects/name-that-color)\r\n\r\n## Fonts\r\n\r\nMake the `<h2>` not bold\r\n\r\n```\r\nh2 {\r\n    font-weight: normal;\r\n}\r\n```\r\n\r\nMake the `<p>` italic\r\n\r\n```\r\np {\r\n    font-style: italic;\r\n}\r\n```\r\n\r\nRemove the underline on the `<a>`\r\n\r\n```\r\na {\r\n    text-decoration: none;\r\n}\r\n```\r\n\r\n## Size\r\n\r\nLink to an image: [http://a.yrs.io/a.jpg](http://a.yrs.io/a.jpg)\r\n\r\n# Next Steps\r\n\r\nHTML\r\n\r\n* [HTML Dog](http://www.htmldog.com/)\r\n* [List of HTML Tags](http://www.htmldog.com/reference/htmltags/)\r\n* [Advanced - HTML Rocks](http://www.html5rocks.com/en/resources)\r\n\r\nCSS\r\n\r\n* [All CSS Rules](http://tympanus.net/codrops/css_reference/)\r\n* [CSS Tricks Blog](https://css-tricks.com/)\r\n* [30 Days to Learn HTML & CSS Video Course](http://webdesign.tutsplus.com/courses/30-days-to-learn-html-css)\r\n* [Advanced - Sass Basics](http://sass-lang.com/guide)\r\n\r\nJavascript\r\n\r\n* [Codecademy - JavaScript](https://www.codecademy.com/en/tracks/javascript)","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}