Pro Yearly is on sale from $80 to $50! »

ASOS Prince's Trust Get Into Technology - Basic Coding

4c967f43fa170c77f3a7ae60dafa0ec8?s=47 Si Jobling
February 23, 2016

ASOS Prince's Trust Get Into Technology - Basic Coding

4c967f43fa170c77f3a7ae60dafa0ec8?s=128

Si Jobling

February 23, 2016
Tweet

Transcript

  1. None
  2. Get Into IT @ ASOS: Service Desk Basic Coding with

    Si Jobling & Ian Kent
  3. Introductions Simon Jobling (Si) Senior UI Engineer Optimisation Team Ian

    Kent Principal Software Engineer Logistics Yourself?
  4. Agenda Intro 10:00 am Project Overview Si & Ian 1

    10:15 am HTML Si 10:30 am Exercise: Build your first page Si 2 10:45 am CSS Si 11:15 am Exercise: Add some style Si 3 11:30 am Think Mobile! Gio 11:45 am Q&A 12:00 pm Lunch 4 1:00 pm Backend stuff (servers, languages, databases) Ian 1:30 pm Exercise: Create an API Ian 5 2:00 pm Basic Programming with Javascript Ian 2:30 pm Exercise: Data time Ian 3:00 pm Coffee/Tea break 6 3:15 pm Interactive Time Si & Ian 3:45 pm Q&A
  5. Teams ASOSPT1 Team1One ASOSPT2 Team2Two ASOSPT3 Team3Three ASOSPT4 Team4Four

  6. Name the Browsers

  7. Web Page Languages HTML CSS JS

  8. Hyper Text Markup Language 1. <!doctype html> 2. <html> 3.

    <head> 4. <title>Doc Title</title> 5. </head> 6. <body> 7. <h1>Document heading</h1> 8. <p> 9. This is a paragraph with 10. <a href=page2.html>a link</a> 11. </p> 12.</body> 13.</html> HTML
  9. Cascading Style Sheets 1. h1 { 2. font-size: 25px; 3.

    } 4. p, a { 5. color: #FF0000; 6. } 7. a { 8. text-decoration: underline; 9. } CSS
  10. Javascript 1. <script src=“/js/jquery.js”></script> 2. <script type=“text/javascript”> 3. var link

    = document.getElementByTagName(‘a’); 4. a.onclick = function(e) { 5. window.open(this.href); 6. } 7. </script> JS
  11. Web Platforms

  12. Other free resources sitepoint.com smashingmagazine.com css-tricks.com

  13. Other premium resources www.teamtreehouse.com/free-trial (7 days) www.pluralsight.com (ASOS account) webdesign.tutsplus.com

  14. Developer Tools FRIENDLY HACKING

  15. Useful Links • Codepen Collection http://codepen.io/collection/ DRPVRK/

  16. Q&A Ask simonj@asos.com ian.kent@asos.com @Si