ΟΛΕΣ ΟΙ ΔΙΑΦΑΝΕΙΕΣ ΓΙΑ ΤΟ ΜΑΘΗΜΑ ΒΡΙΣΚΟΝΤΑΙ ΕΔΩ.

Μέρος 1ο - WWW

• Εισαγωγή στο WWW - ιστορικό (διαφανειες)

• Το Web ως σύστημα (http , url ) (διαφανειες)

• Μια πιο λεπτομερειακή και συνολική εισαγωγή (διαφάνειες)

• https://home.cern/topics/birth-web (ιστορικό)

• What is a URL?

• URIs, URLs, and URNs | Difference between URI and URL | URL Explained

• Encode Decode Internationalized URL

• https://en.wikipedia.org/wiki/URL

• https://en.wikipedia.org/wiki/Mosaic_(web_browser) (ιστορικό)

• How HTTP Works

• HTTP Crash Course & Exploration (YouTube)

Μέρος 2ο - HTML/XHTML

• HTML (διαφανειες)

• Πως λειτουργούν οι browser (δείτε οπωσδήποτε)

• Πως λειτουργούν οι browser (βιντεο)

• Google Chrome Developer Tools Crash Course

• https://www.youtube.com/watch?v=WaC9RyEU6K4 (You can do THAT with HTML? | 7 Cool HTML Tricks for Beginners)

Μέρος 3ο - CSS

• CSS (διαφανειες)

• CSS Tutorial

• https://internetingishard.com/html-and-css/css-box-model/

  • Τα CSS Selectors που πρέπει να ξέρετε (έχει 30 εδώ, τα πρώτα 9 είναι τα βασικότερα)

  • http://www.barelyfitz.com/screencast/html-training/css/positioning/

  • http://www.vanseodesign.com/css/css-positioning/

  • http://www.vanseodesign.com/css/understanding-css-floats/ (Χρήση floats)

  • https://www.youtube.com/watch?v=iHEkRIF7zxI - 5 CSS mistakes that I see way too often

Βίντεομαθήματα:

• https://www.youtube.com/watch?v=IN3LCLqA9A8 (μάθημα 24 Μαρτίου, 4-6μμ)

• Επίσης δείτε και τα CSS#01, CSS#02, CSS#03 από το playlist Γλώσσες και τεχνολογίες ιστού

Μέρος 4ο - DOM

• Εισαγωγή

• https://www.youtube.com/watch?v=0ik6X4DJKCc (JavaScript DOM Crash Course - Part 1)

• https://www.youtube.com/watch?v=mPd2aJXCZ2g (JavaScript DOM Crash Course - Part 2)

• https://www.youtube.com/watch?v=wK2cBMcDTss (JavaScript DOM Crash Course - Part 3)

• https://www.youtube.com/watch?v=i37KVt_IcXw (JavaScript DOM Crash Course - Part 4)

Μέρος 5ο - JAVASCRIPT/Client Side Scripting

• JavaScript (intro)

• JavaScript/DOM - events

Μέρος 6ο - Javascript frameworks / JQuery

• Διαφάνειες

Μέρος 7ο - XML/AJAX

• XML (διαφάνειες)

• AJAX (δαφάνειες)

Μέρος 8ο - Web Accessibility

• Διαφάνειες

• Μελέτη Προσβασιμότητας των Δικτυακών Τόπων των Ελληνικών Πανεπιστημίων (παλιά μελέτη, προσφέρετεια απλά ως παράδειγμα)