ΕΡΓΑΛΕΙΑ ΑΝΑΠΤΥΞΗΣ ΕΦΑΡΜΟΓΩΝ INTERNET

ΥΛΗ

Cookies

Διαχείριση cookies: δημιουργία, τροποποίηση, διαγραφή, αναζήτηση/ανάκτηση

Αντικείμενο document.cookie

Δημιουργία πίνακα από διαχωρισμό αλφαριθμητικού σε τμήματα: μέθοδος split()

Αφαίρεση κενών χαρακτήρων από αρχή και τέλος αλφαριθμητικού: μέθοδος trim()

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Cookies (https://www.w3schools.com/js/js_cookies.asp)
• document.cookie (https://www.w3schools.com/jsref/prop_doc_cookie.asp)
• Μέθοδοι αλφαριθμητικών (https://www.w3schools.com/js/js_string_methods.asp)
• Μέθοδος split() (https://www.w3schools.com/jsref/jsref_split.asp)
• Μέθοδος trim() (https://www.w3schools.com/jsref/jsref_trim_string.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Objects: ενοτ. "Cookies" (σελ. 3-5)

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 39-41

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Επαναλαμβανόμενος επισκέπτης ιστοσελίδας (https://jsfiddle.net/dmorakis/vhd2t5z6/)

ΥΛΗ

Γεγονότα φόρτωσης ιστοσελίδας: onload, onbeforeunload

Γεγονότα ποντικιού: onmouseover, onmouseout

Αλλαγή εμφάνισης στοιχείου ιστοσελίδας: αντικείμενο style και ιδιότητα color

Προσθήκη χαρακτηριστικού σε στοιχείο ιστοσελίδας και καθορισμός τιμής: ιδιότητα setAtttribute()

Αποκοπή τμήματος αλφαριθμητικού (δημιουργία substring): μέθοδος slice()

Επιλογή πολλαπλών στοιχείων ιστοσελίδας: μέθοδοι document.getElementsByTagName(), document.querySelectorAll()

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Γεγονότα DOM (https://www.w3schools.com/js/js_htmldom_events.asp)
• Γεγονός onload (https://www.w3schools.com/jsref/event_onload.asp)
• Γεγονός onbeforeunload (https://www.w3schools.com/jsref/event_onbeforeunload.asp)
• Γεγονός onmouseover (https://www.w3schools.com/jsref/event_onmouseover.asp)
• Γεγονός onmouseout (https://www.w3schools.com/jsref/event_onmouseout.asp)
• style.color (https://www.w3schools.com/jsref/prop_style_color.asp)
• Μέθοδος setAttribute() (https://www.w3schools.com/jsref/met_element_setattribute.asp)
• Μέθοδος slice() για αλφαριθμητικά (https://www.w3schools.com/jsref/jsref_slice_string.asp)
• Στοιχεία DOM (https://www.w3schools.com/js/js_htmldom_elements.asp)
• Μέθοδος document.querySelectorAll() (https://www.w3schools.com/jsref/met_document_queryselectorall.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Γεγονότα" (σελ. 12)

Σημειώσεις Β. ΤΣΟΓΛΗ: παραδείγματα 1.4, 1.5, 2.1, 2.5

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 27-29

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Μετεορολογικός σταθμός (https://jsfiddle.net/dmorakis/wq6bpheL/)

ΥΛΗ

Γεγονότα (events) και χειριστές γεγονότων (event handlers)

Συσχέτιση κώδικα JavaScript με γεγονός

Γεγονότα ποντικιού: onclick

Γεγονότα επιλογής/εστίασης στοιχείου ιστοσελίδας: onfocus, onblur

Το αντικείμενο this

Αλλαγή εμφάνισης στοιχείου ιστοσελίδας: αντικείμενο style και ιδιότητα backgroundColor

Αυτόματη επικύρωση φόρμας: περιορισμοί πεδίων εισόδου ιστοσελίδας

Επικύρωση φόρμας με JavaScript: μέθοδος checkValidity(), ιδιότητα validationMessage, ψευδοκλάση :invalid

Επιλογή στοιχείου ιστοσελίδας με CSS selector: μέθοδος document.querySelector()

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Γεγονότα (https://www.w3schools.com/js/js_events.asp)
• Γεγονός onfocus (https://www.w3schools.com/jsref/event_onfocus.asp)
• Γεγονός onblur (https://www.w3schools.com/jsref/event_onblur.asp)
• Αντικείμενο this (μόνο event handlers) (https://www.w3schools.com/js/js_this.asp)
• DOM CSS (https://www.w3schools.com/js/js_htmldom_css.asp)
• HTML DOM style (https://www.w3schools.com/jsref/dom_obj_style.asp)
• style.backgroundColor (https://www.w3schools.com/jsref/prop_style_backgroundcolor.asp)
• Φόρμες DOM (https://www.w3schools.com/js/js_validation.asp)
• Web forms API (https://www.w3schools.com/js/js_validation_api.asp)
• Μέθοδος document.querySelector() (https://www.w3schools.com/jsref/met_document_queryselector.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Γεγονότα" (σελ. 12)

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Κινηματογραφικές ταινίες - επικύρωση (https://jsfiddle.net/dmorakis/tsqja4gx/)

ΥΛΗ

Αναζήτηση στοιχείου σε πίνακα: μέθοδος indexOf()

Εύρεση στοιχείων πίνακα που ικανοποιούν κριτήρια: μέθοδος filter()

Αναδυόμενο παράθυρο επιβεβαίωσης: μέθοδος window.confirm()

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Μέθοδοι πινάκων (https://www.w3schools.com/js/js_array_methods.asp)
• Επαναληπτική προσπέλαση πίνακα (https://www.w3schools.com/js/js_array_iteration.asp)
• Μέθοδος window.confirm() (https://www.w3schools.com/jsref/met_win_confirm.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Popup Boxes" (μόνο "Confirm box") (σελ. 7-8)

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Βαθμολογία σπουδαστή (https://jsfiddle.net/dmorakis/219xwLso/)

ΥΛΗ

Προσπέλαση στοιχείου πίνακα με χρήση δείκτη

Επαναληπτική προσπέλαση στοιχείων πίνακα με εντολές for και for...of

Εύρεση μέγιστου και ελάχιστου στοιχείου πίνακα: μέθοδοι Math.max.apply() και Math.min.apply()

Συμπύκνωση/μείωση πίνακα σε μία τιμή: μέθοδος reduce()

Εύρεση αθροίσματος και μέγιστου/ελάχιστου στοιχείου πίνακα με μέθοδο reduce()

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Ταξινόμηση πίνακα (μόνο εύρεση μέγιστου και ελάχιστου) (https://www.w3schools.com/js/js_array_sort.asp)
• Επαναληπτική προσπέλαση πίνακα (μόνο reduce) (https://www.w3schools.com/js/js_array_iteration.asp)
• Εντολή επανάληψης for (https://www.w3schools.com/js/js_loop_for.asp)
• Εντολή επανάληψης for...of (μόνο για πίνακες) (https://www.w3schools.com/js/js_loop_forof.asp)
• Πρότυπα αλφαριθμητικών (https://www.w3schools.com/js/js_string_templates.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Objects: ενοτ. "Objects" (μόνο "Πίνακας object", "Δημιουργώντας έναν πίνακα", "Προσπελάζοντας έναν πίνακα", "Τροποποίηση τιμών σε πίνακα") (σελ. 2)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Βρόχοι επανάληψης" (μόνο "Βρόχος for") (σελ. 9)

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 30

ΥΛΗ

Ορισμός μονοδιάστατου πίνακα

Μέγεθος πίνακα: ιδιότητα length

Εμφάνιση στοιχείων πίνακα: μέθοδοι toString() και join()

Προσθήκη στοιχείου σε αρχή και τέλος πίνακα: μέθοδοι unshift() και push()

Αφαίρεση στοιχείου από αρχή και τέλος πίνακα: μέθοδοι shift() και pop()

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Πίνακες (https://www.w3schools.com/js/js_arrays.asp)
• Μέθοδοι πινάκων (https://www.w3schools.com/js/js_array_methods.asp)
• Ορισμός πίνακα ως σταθεράς (https://www.w3schools.com/js/js_array_const.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Objects: ενοτ. "Objects" (μόνο "Πίνακας object", "Δημιουργώντας έναν πίνακα", "Προσπελάζοντας έναν πίνακα", "Τροποποίηση τιμών σε πίνακα") (σελ. 2)

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Ουρά αναμονής πελατών (https://jsfiddle.net/dmorakis/16s3jxzg/)

ΥΛΗ

Προσπέλαση μεμονωμένων χαρακτήρων αλφαριθμητικού: χρήση δείκτη θέσης, μέθοδος charAt()

Επαναληπτική προσπέλαση περιεχομένου αλφαριθμητικού με εντολές for και for...of

Σύγκριση αλφαριθμητικών

Αναζήτηση χαρακτήρων σε αλφαριθμητικό: μέθοδοι includes(), indexOf(), lastIndexOf()

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Αλφαριθμητικά (https://www.w3schools.com/js/js_strings.asp)
• Μέθοδοι αλφαριθμητικών (https://www.w3schools.com/js/js_string_methods.asp)
• Αναζήτηση σε αλφαριθμητικό (https://www.w3schools.com/js/js_string_search.asp)
• Εντολή επανάληψης for (https://www.w3schools.com/js/js_loop_for.asp)
• Εντολή επανάληψης for...of (μόνο για αλφαριθμητικά) (https://www.w3schools.com/js/js_loop_forof.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Βρόχοι επανάληψης" (μόνο "Βρόχος for") (σελ. 9)

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 30, 38

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Έλεγχος κωδικού πρόσβασης (https://jsfiddle.net/dmorakis/nwfuv7xd/)

ΥΛΗ

Σύγκριση ημερομηνιών

Έλεγχος για μη αριθμητική τιμή: συνάρτηση isNaN() και μέθοδος Number.isNaN()

Διαχείριση radio button: ιδιότητα checked

Αλφαριθμητικά (strings)

Πρότυπο αλφαριθμητικό (string template)

Συνένωση αλφαριθμητικών με τελεστή "+"

Μήκος αλφαριθμητικού: ιδιότητα length

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Ημερομηνίες (https://www.w3schools.com/js/js_dates.asp)
• Μέθοδος isNaN() (https://www.w3schools.com/jsref/jsref_isnan.asp)
• Μέθοδος Number.isNaN() (https://www.w3schools.com/jsref/jsref_isnan_number.asp)
• Ιδιότητα checked αντικείμενου radio button (https://www.w3schools.com/jsref/prop_radio_checked.asp)
• Αλφαριθμητικά (https://www.w3schools.com/js/js_strings.asp)
• Πρότυπο αλφαριθμητικό (https://www.w3schools.com/js/js_string_templates.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Objects: ενοτ. "Objects" (μόνο "Date object", "Θέτοντας ημ/νίες", "Συγκρίνοντας ημ/νίες") (σελ. 1)

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 16

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Κράτηση δωματίου σε ξενοδοχείο (https://jsfiddle.net/dmorakis/8sgk1qtd/)

ΥΛΗ

Ημερομηνίες

Διαχείριση πεδίου ορισμού ημερομηνίας: ιδιότητα value

Μετατροπή αλφαριθμητικού σε ημερομηνία: μέθοδος Date.parse()

Εύρεση τρέχουσας ημερομηνίας: μέθοδος Date.now()

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Ημερομηνίες (https://www.w3schools.com/js/js_dates.asp)
• Μορφές ημερομηνίας (https://www.w3schools.com/js/js_date_formats.asp)
• Mέθοδοι λήψης ιδιοτήτων ημερομηνίας (https://www.w3schools.com/js/js_date_methods.asp)
• Mέθοδοι ορισμού ιδιοτήτων ημερομηνίας (https://www.w3schools.com/js/js_date_methods_set.asp)
• Αντικείμενο ορισμού ημερομηνίας (https://www.w3schools.com/jsref/dom_obj_date.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Objects: ενοτ. "Objects" (μόνο "Date object", "Θέτοντας ημ/νίες", "Συγκρίνοντας ημ/νίες") (σελ. 1)

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 16

ΥΛΗ

Δομή επιλογής με εντολή switch

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Εντολή switch (https://www.w3schools.com/js/js_switch.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Δήλωση Switch" (σελ. 6-7)

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Αγορά εισιτηρίων ΜΕΤΡΟ (https://jsfiddle.net/dmorakis/40th6xqw/)

ΥΛΗ

Λογικές σταθερές

Συγκριτικοί και λογικοί τελεστές

Δομή επιλογής με εντολή if (if..., if...else..., if...else if...else...)

Τερματισμός συνάρτησης και επιστροφή τιμής: εντολή return

Έλεγχος για ακέραια τιμή: μέθοδος Number.isInteger()

Διαχείριση drop-down list: ιδιότητα value

Διαχείριση checkbox: ιδιότητα checked

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Λογικές τιμές (https://www.w3schools.com/js/js_booleans.asp)
• Συγκρίσεις (https://www.w3schools.com/js/js_comparisons.asp)
• Συνθήκες (https://www.w3schools.com/js/js_if_else.asp)
• Μέθοδος Number.isInterger() (https://www.w3schools.com/jsref/jsref_isinteger.asp)
• Εντολή return (https://www.w3schools.com/jsref/jsref_return.asp)
• Ιδιότητα value αντικειμένου drop-down list (https://www.w3schools.com/jsref/prop_select_value.asp)
• Ιδιότητα checked αντικειμένου checkbox (https://www.w3schools.com/jsref/prop_checkbox_checked.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Τελεστές σύγκρισης & λογικοί τελεστές" (σελ. 4), "Δηλώσεις if...else (σελ. 4-6)

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 12-15, 20-26

Σημειώσεις Β. ΤΣΟΓΛΗ: παραδ. 2.4, 3.2

ΥΛΗ

Τύποι δεδομένων

Αριθμητικοί τελεστές

Ο τελεστής + στη JavaScript: άθροισμα αριθμών και συνένωση αλφαριθμητικών

Βασικές μαθηματικές συναρτήσεις: μέθοδοι αντικειμένου Math

Μετατροπή αλφαριθμητικού σε αριθμό: συνάρτηση Number()

Μετατροπή αριθμού κινητής υποδιαστολής σε σταθερής υποδιαστολής: μέθοδος toFixed()

Αυτόματες μετατροπές τύπου σε αριθμητικές παραστάσεις που περιλαμβάνουν αλφαριθμητικά και αριθμούς

ΠΡΟΤΕΙΝΟΜΕΝΟ ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Τελεστές (https://www.w3schools.com/js/js_operators.asp)
• Αριθμητικές πράξεις (https://www.w3schools.com/js/js_arithmetic.asp)
• Ανάθεση τιμής (https://www.w3schools.com/js/js_assignment.asp)
• Τύποι δεδομένων (https://www.w3schools.com/js/js_datatypes.asp)
• Εντολή typeof (https://www.w3schools.com/js/js_typeof.asp)
• Μετατροπές τύπων (https://www.w3schools.com/js/js_type_conversion.asp)
• Οι αριθμοί στη JavaScript (https://www.w3schools.com/js/js_numbers.asp)
• Μέθοδοι αριθμών (https://www.w3schools.com/js/js_number_methods.asp)
• Αντικείμενο Math (https://www.w3schools.com/js/js_math.asp)
• Ιδιότητα value αντικείμενου εισαγωγής αριθμητικής τιμής (https://www.w3schools.com/jsref/prop_number_value.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Μεταβλητές" (σελ. 2), "Τελεστές" (σελ. 3-4)

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 8-11

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Αριθμομηχανή (https://jsfiddle.net/dmorakis/azuewvdq/)

ΥΛΗ

Επανάληψη στοιχείων φόρμας HTML

Προσπέλαση τιμών στοιχείων φόρμας HTML: ιδιότητες value και checked

Μεταβλητές

ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Μεταβλητές (https://www.w3schools.com/js/js_variables.asp)
• Εντολή let (https://www.w3schools.com/js/js_let.asp)
• Strict mode (https://www.w3schools.com/js/js_strict.asp)
• Φόρμες HTML (https://www.w3schools.com/html/html_forms.asp)
• Στοιχεία φόρμας HTML (https://www.w3schools.com/html/html_form_elements.asp)
• Στοιχεία εισόδου HTML (https://www.w3schools.com/html/html_form_input_types.asp)
• Ιδιότητες στοιχείων εισόδου HTML (https://www.w3schools.com/html/html_form_attributes.asp)

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Κινηματογραφικές ταινίες (https://jsfiddle.net/dmorakis/xfp05j76/)

ΥΛΗ

Έξοδος δεδομένων: μέθοδοι document.write(), window.alert(), console.log()

DOM (Document Object Model)

Επιλογή στοιχείου ιστοσελίδας: μέθοδος document.getElementById()

Τροποποίηση περιεχομένου στοιχείου ιστοσελίδας: ιδιότητα innerHTML

Σύνδεση κώδικα JavaScript με κουμπί: γεγονός onclick

Δημιουργία συνάρτησης

ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Έξοδος (https://www.w3schools.com/js/js_output.asp)
• Συναρτήσεις (https://www.w3schools.com/js/js_functions.asp)
• Γεγονότα (https://www.w3schools.com/js/js_events.asp)
• Εισαγωγή στο DOM (https://www.w3schools.com/js/js_htmldom.asp)
• Μέθοδοι DOM (https://www.w3schools.com/js/js_htmldom_methods.asp)
• DOM - Τροποποίηση HTML (https://www.w3schools.com/js/js_htmldom_html.asp)

Σημειώσεις Ε. ΚΩΛΕΤΣΟΥ JavaScript Basic: ενοτ. "Εισαγωγή" (σελ. 1-2), "Συναρτήσεις" (σελ. 8-9)

Σημειώσεις Β. ΤΣΟΓΛΗ: παραδ. 1.2, 1.3, 1.6, 2.2

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 17-19

ΠΑΡΑΔΕΙΓΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Έξοδος δεδομένων (https://jsfiddle.net/dmorakis/udLozna0/)

ΥΛΗ

Ιστορία της JavaScript

JavaScript και ανάπτυξη εφαρμογών web

Εισαγωγή κώδικα JavaScript σε ιστοσελίδα

Έξοδος δεδομένων: μέθοδος document.write()

ΥΛΙΚΟ ΠΡΟΣ ΜΕΛΕΤΗ

JavaScript tutorial από το W3Schools

• Εισαγωγή (https://www.w3schools.com/js/js_intro.asp)
• Ιστορία της JavaScript (https://www.w3schools.com/js/js_history.asp)
• Εκδόσεις της JavaScript (https://www.w3schools.com/js/js_versions.asp)
• Πού γράφεται η JavaScript (https://www.w3schools.com/js/js_whereto.asp)
• Εντολές (https://www.w3schools.com/js/js_statements.asp)
• Σύνταξη (https://www.w3schools.com/js/js_syntax.asp)
• Σχόλια (https://www.w3schools.com/js/js_comments.asp)
• Έξοδος (μόνο document.write) (https://www.w3schools.com/js/js_output.asp)

Σημειώσεις Ν. ΖΑΧΑΡΗ: σελ. 2-7

Σημειώσεις Β. ΤΣΟΓΛΗ: παραδ. 1.1