ASOS Prince's Trust Get Into Technology - Basic Coding

Get Into IT @ ASOS: Service Desk Basic Coding with
Si Jobling & Ian Kent

Introductions Simon Jobling (Si) Senior UI Engineer Optimisation Team Ian
Kent Principal Software Engineer Logistics Yourself?

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

Teams ASOSPT1 Team1One ASOSPT2 Team2Two ASOSPT3 Team3Three ASOSPT4 Team4Four

Name the Browsers

Web Page Languages HTML CSS JS

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

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

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

Web Platforms

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

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

Developer Tools FRIENDLY HACKING

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

Q&A Ask [email protected] [email protected] @Si

ASOS Prince's Trust Get Into Technology - Basic Coding

ASOS Prince's Trust Get Into Technology - Basic Coding

Si Jobling

More Decks by Si Jobling

Other Decks in Technology

Featured

Transcript

Get Into IT @ ASOS: Service Desk Basic Coding with

Introductions Simon Jobling (Si) Senior UI Engineer Optimisation Team Ian

Agenda Intro 10:00 am Project Overview Si & Ian 1

Teams ASOSPT1 Team1One ASOSPT2 Team2Two ASOSPT3 Team3Three ASOSPT4 Team4Four

Name the Browsers

Web Page Languages HTML CSS JS

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

Cascading Style Sheets 1. h1 { 2. font-size: 25px; 3.

Javascript 1. <script src=“/js/jquery.js”></script> 2. <script type=“text/javascript”> 3. var link

Web Platforms

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

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

Developer Tools FRIENDLY HACKING

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

Q&A Ask [email protected] [email protected] @Si