1-01: Introduction To Web Development
description
Transcript of 1-01: Introduction To Web Development
![Page 1: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/1.jpg)
Introduction to Web Development
Colin Gourlay & Kevin Vanderbeken
![Page 2: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/2.jpg)
Colin
![Page 3: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/3.jpg)
Kev
![Page 4: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/4.jpg)
we make websites
![Page 5: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/5.jpg)
we‘re qualified to do it
![Page 6: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/6.jpg)
you can too
![Page 7: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/7.jpg)
how does it work?
![Page 8: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/8.jpg)
where can I find information?
![Page 9: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/9.jpg)
![Page 10: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/10.jpg)
so what’s in the course?
![Page 11: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/11.jpg)
8 week module
HTML + CSS
![Page 12: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/12.jpg)
![Page 13: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/13.jpg)
what about assessment?
![Page 14: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/14.jpg)
how’s our speed?
![Page 15: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/15.jpg)
if you’re feeling left behind...
![Page 16: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/16.jpg)
...don’t worry!
![Page 18: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/18.jpg)
if you’re REALLY keen...
![Page 19: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/19.jpg)
W3Schools+
Opera Web Standards Curriculum
![Page 20: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/20.jpg)
The Layers of Web Development
![Page 21: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/21.jpg)
HTML=
(the content layer)
![Page 22: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/22.jpg)
CSS=
(the presentation layer)
![Page 23: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/23.jpg)
Javascript=
(the behaviour layer)
![Page 24: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/24.jpg)
separate your content, presentation & behaviour
![Page 25: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/25.jpg)
why?
![Page 26: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/26.jpg)
because this happens...
![Page 27: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/27.jpg)
let’s talk about the overlap
![Page 28: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/28.jpg)
why is this beneficial?
![Page 29: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/29.jpg)
shared resources
![Page 30: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/30.jpg)
faster downloads
![Page 31: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/31.jpg)
collaborative effort
![Page 32: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/32.jpg)
accessibility
![Page 33: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/33.jpg)
backwards compatibility
![Page 34: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/34.jpg)
web standards
![Page 35: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/35.jpg)
the W3C(World Wide Web Consortium)
![Page 36: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/36.jpg)
“The World Wide Web Consortium (W3C) is an international community that develops standards to ensure the long-term growth of the Web.”
http://www.w3.org/
![Page 37: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/37.jpg)
next week...
![Page 38: 1-01: Introduction To Web Development](https://reader038.fdocuments.in/reader038/viewer/2022103015/54bb64324a7959a2108b45df/html5/thumbnails/38.jpg)