ΟΛΕΣ ΟΙ ΔΙΑΦΑΝΕΙΕΣ ΓΙΑ ΤΟ ΜΑΘΗΜΑ βρίσκονται στο Google Drive.

Μέρος 1ο - Το Web ως σύστημα

Βασικό Υλικό

• Εισαγωγή στο 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

Βασικό Υλικό

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

• Πως λειτουργούν οι 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 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.w3schools.com/cssref/trysel.php - Selector examples 

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

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

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

Μέρος 4ο - DOM

Βασικό Υλικό

• Εισαγωγή στο 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ο - Client Side Scripting/JAVASCRIPT

Βασικό Υλικό

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

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

Βασικό Υλικό

• Διαφάνειες

Μέρος 7ο - XML/AJAX

Βασικό Υλικό

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

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

Μέρος 8ο - Web Accessibility