1. Teaching Web Development on Shifting Sands Sasha Vodnik, Cengage Learning Author

2. Agenda 1.Dig into the issues 2.Explore tools 3.Share approaches 2015 Cengage Learning Computing Conference2

3. The biggest challenge I face in teaching evolving web standards is _____________. 2015 Cengage Learning Computing Conference3 1. Issues

4. Evolution of the Web 2015 Cengage Learning Computing Conference4 Source: evolutionoftheweb.com 1. Issues

5. Web 2.0 2015 Cengage Learning Computing Conference5 Source: en.wikipedia.org/wiki/File:Web_2.0_Map.svg 1. Issues

6. HTML5 2015 Cengage Learning Computing Conference6 Source: kaazing.com 1. Issues

7. Browser usage 2015 Cengage Learning Computing Conference7 Is this right… …or is this right? 1. Issues Source: en.wikipedia.org/wiki/Usage_sh are_of_web_browsers

8. Browser versions 2015 Cengage Learning Computing Conference8 1. Issues Source: visualwebz.com/website- resources/browser-history.jpg

9. Browser versions 2015 Cengage Learning Computing Conference9 1. Issues Source: visualwebz.com/website- resources/browser-history.jpg

10. Devices 2015 Cengage Learning Computing Conference10 1. Issues

11. Devices + Browsers 2015 Cengage Learning Computing Conference11 1. Issues Source: caniuse.com Usage relative graph of support for CSS border-radius property

12. 2015 Cengage Learning Computing Conference12 2. Tools Source: psdgraphics.com

13. 2015 Cengage Learning Computing Conference13 2. Tools Source: seda.sk.ca

14. Cutting Edge Code 2015 Cengage Learning Computing Conference14 2. Tools + / media queries + respond.js + or babeljs.io Traceur ECMAScript 6

15. Lowest Common Denominator 2015 Cengage Learning Computing Conference15 2. Tools IE6/7 IE8 Android Browser 2.3 Opera Mini Not supported: HTML5 input types & attributes border-radius (Android supports) box-shadow …

16. Responsive Design 2015 Cengage Learning Computing Conference16 2. Tools

17. Mobile First Design 2015 Cengage Learning Computing Conference17 2. Tools

18. Understand Your Audience 2015 Cengage Learning Computing Conference18 2. Tools Source: en.wikipedia.org/wiki/File:Countries_by_most_used_web_browser_in_July_2014.svg Countries by most used web browser, July 2014

19. Understand Your Audience 2015 Cengage Learning Computing Conference19 2. Tools Source: geography.oii.ox.ac.uk/2013/09/age-of-internet- empires/

20. 2015 Cengage Learning Computing Conference20 3. Approaches I teach only HTML I teach only XHTML I teach them both

21. 2015 Cengage Learning Computing Conference21  caniuse.com  developer.mozilla.org (Mozilla Developer Network)  quirksmode.org  The Mobile Web Handbook by Peter-Paul Koch Resources Questions/comments: @sashavodnik