Javascript – Βασικά της γλώσσας

Slides:



Advertisements
Παρόμοιες παρουσιάσεις
Προγραμματισμός Ι (αποφύγετέ τον!) 3) Διακοπτόμενος βρόχος: (αποφύγετέ τον!) float energy;......while(TRUE){drink_water(); if(energy
Advertisements

Τεχνικές Προγραμματισμού με την JavaScript Στυλιάδης Κων/νος Φλώρινα, Οκτώβριος 2004.
5η Συνάντηση Εκπαιδευτικών Πληροφορικής στη Δυτική Μακεδονία Πτολεμαΐδα, 29 Σεπτ 2005 Δημιουργία Δυναμικών Ιστοσελίδων με PHP και Dreamweaver MX Στυλιάδης.
Διαφάνειες παρουσίασης #5
ΤΕΧΝΙΚΕΣ ΑΝΤΙΚΕΙΜΕΝΟΣΤΡΑΦΟΥΣ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ Πίνακες Κλάσεις και Αντικείμενα.
Μεθοδολογίες Προγραμματισμού ΙΙ Μ Ε Τ Ρ Ι Κ Ε Σ ΑΝΤΚΕΙΜΕΝΟΣΤΡΕΦΟΥΣ ΣΧΕΔΙΑΣΗΣ Ποιότητα Λογισμικού Παναγιώτης Σφέτσος, PhD
Παράδειγμα 5: Θερμοκρασίες
ΗΥ-150 Προγραμματισμός Εντολές Ελέγχου Ροής.
Προγραμματισμός PASCAL Πληροφορική Γ' Λυκείου μέρος α
Γενική μορφή προγράμματος Pascal
Νευρωνικά Δίκτυα Εργαστήριο Εικόνας, Βίντεο και Πολυμέσων
ΤΕΧΝΙΚΕΣ Αντικειμενοστραφουσ προγραμματισμου
ΕΛΕΓΧΟΣ ΡΟΗΣ ΜΑΘΗΜΑ 4. ΑΚΟΛΟΥΘΙΑΚΗ ΕΚΤΕΛΕΣΗ ΠΡΟΤΑΣΕΩΝ ΠΡΟΤΑΣΗ Α ΠΡΟΤΑΣΗ Β ΠΡΟΤΑΣΗ Γ ………………. ΠΡΟΤΑΣΗ n ΠΡΟΤΑΣΗ Α ΠΡΟΤΑΣΗ Β ΠΡΟΤΑΣΗ Γ ………………. ΠΡΟΤΑΣΗ n.
1 Ολυμπιάδα Πληροφορικής Μάθημα 3. 2 Στόχοι μαθήματος Δομή Επανάληψης Εντολή while Εντολή for.
Παράδειγμα 1:Υπολογισμός αθροίσματος αριθμών με επαναληπτική εντολή : για...από...μέχρι(for ..to) Να βρεθεί και να εκτυπωθεί το άθροισμα των 100 ακεραίων.
ΕΠΑΝΑΛΗΨΗΕΠΑΝΑΛΗΨΗ ΠΡΟΓΡΑΜΜΑΤΑ. ΠΡΟΓΡΑΜΜΑ 1 ΕΞΗΓΗΣΤΕ ΤΙ ΕΞΟΔΟ ΠΑΡΑΓΕΙ ΤΟ ΠΑΡΑΚΑΤΩ ΠΡΟΓΡΑΜΜΑ #include int main() { char ch; int i; float fl; printf("dose.
Η ΓΛΩΣΣΑ C ΜΑΘΗΜΑ 2.
Υποθετικός τελεστής Ο υποθετικός τελεστής (?:) αποτελείται από δύο σύμβολα. Ανήκει στην κατηγορία των τελεστών που αποτελούνται από συνδυασμό συμβόλων.
ΤΕΧΝΙΚΕΣ ΑΝΤΙΚΕΙΜΕΝΟΣΤΡΑΦΟΥΣ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ Εισαγωγή στη Java II.
Παράδειγμα 2:Υπολογισμός μέγιστης και ελάχιστης θερμοκρασίας Αλγόριθμος Ελάχιστη_Μέγιστη !Αρχή αλγορίθμου.
Eντολες Επαναληψης - Βροχοι (repetition and loops)
ΕΙΣΑΓΩΓΗ ΣΤΟΝ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟ ΕΙΣΑΓΩΓΗ ΣΤΟΝ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟ (μΟΝΟΔΙΑΣΤΑΤΟΙ ΠΙΝΑΚΕΣ ΑΝΑΖΗΤΗΣΗ - ΤΑΞΙΝΟΜΗΣΗ) Καλλονιάτης Χρήστος Επίκουρος Καθηγητής Τμήμα.
Eντολες Επαναληψης - Βροχοι (repetition and loops)
Διαφάνειες παρουσίασης Πίνακες (συνέχεια) Αριθμητικοί υπολογισμοί Αναδρομή.
Επικοινωνία Ανθρώπου Μηχανής HTML CGI JAVASCRIPT Κουμπούλης Χρήστος Α.Μ. 921 Χαλαβαζής Βασίλης Α.Μ. 988.
Θεωρία Υπολογισμού Χρονική Πολυπλοκότητα και Μοντέλα.
HY340 : ΓΛΩΣΣΕΣ ΚΑΙ ΜΕΤΑΦΡΑΣΤΕΣ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ, ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ, ΤΜΗΜΑ ΕΠΙΣΤΗΜΗΣ ΥΠΟΛΟΓΙΣΤΩΝ ΔΙΔΑΣΚΩΝ Αντώνιος Σαββίδης.
Διαφάνειες παρουσίασης Ορθότητα (συνέχεια) Τακτικοί τύποι και τύποι υποπεριοχής Πίνακες.
HY340 : ΓΛΩΣΣΕΣ ΚΑΙ ΜΕΤΑΦΡΑΣΤΕΣ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ, ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ, ΤΜΗΜΑ ΕΠΙΣΤΗΜΗΣ ΥΠΟΛΟΓΙΣΤΩΝ ΔΙΔΑΣΚΩΝ Αντώνιος Σαββίδης.
ΕΙΣΑΓΩΓΗ ΣΤΟΝ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟ Διδάσκοντες:Στάθης Ζάχος Νίκος Παπασπύρου
2/28/00epl-1311 Παραδειγματα Aλγοριθμων Αριθμος λεξεων που διαβαστηκαν απο εισοδο Εκτυπωση περιφερειας τετραγωνων με * Υπολογισμος exp(x,n) = 1 + x/1!
Επιστημονικός Υπολογισμός Ι Πρώτο Εργαστήριο Εισαγωγή στο matlab 15 Οκτωβρίου 2010 Γιώργος Δρακόπουλος ΤΜΗΥΠ.
ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Διδάσκοντες:Στάθης Ζάχος Νίκος Παπασπύρου
ΗΥ-340 Γλώσσες και Μεταφραστές Φροντιστήριο Syntax Directed Translation and alpha Language.
1 Κέλυφος Bash – Τι μάθαμε? Μεταξύ άλλων…  Συνθήκες ελέγχου (if, case…) και βρόχοι επανάληψης (for, while)  Πράξεις ακεραίων (let, expr) και δεκαδικών.
ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΣΕΡΡΩΝ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ & ΕΠΙΚΟΙΝΩΝΙΩΝ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΘΕΜΑ: Πολυπλοκότητα αλγορίθμων πολυωνυμικής.
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΕΣ ΤΕΧΝΙΚΕΣ Διδάσκοντες:Γιάννης Μαΐστρος Στάθης Ζάχος Νίκος Παπασπύρου
Τεχνολογικό Εκπαιδευτικό Ίδρυμα Θεσσαλίας Προγραμματισμός ΗΥ Ενότητα 2: Συναρτήσεις Εισόδου ⁄ Εξόδου. Διδάσκων: Ηλίας Κ Σάββας, Αναπληρωτής Καθηγητής.
ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ «Εισαγωγή στον οντοκεντρικό προγραμματισμό (βασική εισαγωγή στο περιβάλλον εργασίας)» Ρουσσάκης Ιωάννης, ΤΕΙ Κρήτης,
Τεχνολογικό Εκπαιδευτικό Ίδρυμα Θεσσαλίας Προγραμματισμός ΗΥ Ενότητα 4: Επαναληπτικές δομές. Διδάσκων: Ηλίας Κ Σάββας, Αναπληρωτής Καθηγητής. Τμήμα Μηχανικών.
Τεχνολογία και Προγραμματισμός Υπολογιστών
Εισαγωγή στον Προγ/μό Η/Υ
Βρόχος Do … Loop Σκοπός Μαθήματος Χρήση Do… Loop για την εκτέλεση μιας ομάδας εντολών μέχρι να εκπληρωθεί μια συγκεκριμένη συνθήκη. Αθήνα, 2015.
Αντικειμενοστραφής Προγραμματισμός Ι
Βρόχος Do … Loop Σκοπός Μαθήματος Χρήση Do… Loop για την εκτέλεση μιας ομάδας εντολών μέχρι να εκπληρωθεί μια συγκεκριμένη συνθήκη.
ΤΕΧΝΙΚΕΣ Αντικειμενοστραφουσ προγραμματισμου
Αρχεσ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ Η/Υ ΤΑξη Β΄
Εφαρμογές Υπολογιστών
ΠΛΗΡΟΦΟΡΙΚΗ ΤΕΧΝΟΛΟΓΙΑ ΚΑΙ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ Η/Υ
Client Side Προγραμματισμός Javascript
ΜΥΥ105: Εισαγωγή στον Προγραμματισμό
JavaScript Είναι μία scripting language
Ενισχυτική διδασκαλία
ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ Τ.Ε.
ΕΝΤΟΛΕΣ ΕΠΙΛΟΓΗΣ Η εντολή if if ( παράσταση) εντολή επόμενη εντολή.
for (παράσταση_1; παράσταση_2; παράσταση_3)
Αρχεσ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ Η/Υ ΤΑξη Β΄
Δομές διακλάδωσης, επαναλήψεις, μέθοδοι
ΔΟΜΕΣ ΕΛΕΓΧΟΥ(if-else, switch) και Λογικοί τελεστές / παραστάσεις
ΔΟΜΕΣ ΕΛΕΓΧΟΥ(if-else, switch) και Λογικοί τελεστές / παραστάσεις
Ενότητα 5 : Δομές Ελέγχου της γλώσσας PHP Ιωάννης Τσούλος
Δομημένος Προγραμματισμός - Κεφάλαιο 4 - Ανάπτυξη αλγορίθμων
ΤΕΧΝΙΚΕΣ Αντικειμενοστραφουσ προγραμματισμου
Γλώσσα Προγραμματισμού V PHP
ΗΥ-150 Προγραμματισμός Αναδρομή (1/2).
Εισαγωγή στη Java (Μέρος Α’)
ΤΕΧΝΙΚΕΣ Αντικειμενοστραφουσ προγραμματισμου
Δομές ροής προγράμματος
Λήψη Αποφάσεων και Συναρτήσεις Ελέγχου
ΑΣΚΗΣΕΙΣ C.
Μεταγράφημα παρουσίασης:

Javascript – Βασικά της γλώσσας Αντικείμενα – Συνθήκες - Βρόγχοι

Το αντικείμενο του πόθου H Javascript βασίζεται σε αντικείμενα (object based) Αντικείμενο: κάτι που έχει ιδιότητες <script type="text/javascript"> str = 'Hello vre!!!'; alert(str.length); </script> Αντικείμενο: κάτι που έχει ενσωματωμένες συναρτήσεις alert(str.toUpperCase()); Το πλήρες σετ το βρίσκουμε (τεκμηρίωση / διαδίκτυο)

Χρήσιμα Αντικείμενα String Date Array Boolean Math Document

Ημερομηνία – τα βασικά Δημιουργία Πράξεις var twra = new Date(); var d1 = new Date("October 28, 1940"); var d2 = new Date(40, 09, 28); //!! Οι μήνες αρχίζουν από 0 !! var d2 = new Date(40, 09, 28, 11, 59, 59, 999); //παρατρίχα </script> Πράξεις var twra = new Date(); twra.setDate(twra.getDate()+5);

Πίνακες – τα βασικά Δημιουργία Διάβασμα Αλλαγή <script type="text/javascript"> var emeis = new Array(); emeis[0] = "Kostas"; emeis[1] = "Takis"; emeis[3] = "Kostakis"; var eseis = new Array("Tasia", "Soula", "Tasoula"); var oialloi = ["Pouma", "Cheetah", "Parnithas"]; </script> Διάβασμα alert(emeis[1]); // θα δείξει Takis Αλλαγή alert(eseis[2]); // θα δείξει Tasoula eseis[2] = "Tasara"; alert(eseis[2]); // θα δείξει Tasara

Ασκήσεις Εμφανίστε σε ένα alert το ονοματεπώνυμό σας, την ημερομηνία γέννησής σας και την ημέρα που γεννηθήκατε (μέθοδος: getDay(), φέρνει τον αα της ημέρας) Φτιάξτε έναν πίνακα 5 θέσεων και γράψτε τις ημερομηνίες για φετινές αργίες. Φτιάξτε άλλον έναν πίνακα όπου καταγράφεται η μέρα που πέφτει η αργία. Εμφανίστε με alert τα πέντε ζευγάρια (1ο alert ημερομηνία 1ης αργίας, 2ο alert ημέρα της 1ης αργίας, 3ο alert ημερομηνία 2ης, 3ο alert ημέρα 2ης κ.ο.κ.)

Αποφάσεις: Αν if <script type="text/javascript"> var simera = new Date(); var twra = simera.getHours(); if (twra < 10) { document.write('<strong>Good morning</strong>'); } </script>

Αποφάσεις: Αν-αλλιώς If-else <script type="text/javascript"> var simera = new Date(); var twra = simera.getHours(); if (twra < 10) { document.write('<strong>Good morning</strong>'); } else { document.write('<strong>Have a nice day</strong>'); } </script>

Αποφάσεις: Αν-αλλιώς αν-αλλιώς if-else if-else <script type="text/javascript"> var simera = new Date(); var twra = simera.getHours(); if (twra < 10) { document.write('<strong>Good morning</strong>'); } else if (twra>20) { document.write('<strong>Good night</strong>'); } else { document.write('<strong>Have a nice day</strong>'); } </script>

Αποφάσεις: Επέλεξε switch <script type="text/javascript"> var simera = new Date(); var mera = simera.getDay(); switch (mera) { case 6: document.write('<strong>Saturday!!!</strong>'); break; case 0: document.write('<strong>Sunday!!!</strong>'); break; default: document.write('<strong>Weekday :/</strong>'); break; } </script>

Ασκήσεις Βρείτε από το ίντερνετ αλγόριθμο υπολογισμού της ημερομηνίας του ορθόδοξου Πάσχα. Φτιάξτε συνάρτηση που θα το υπολογίζει αφού ζητήσει το έτος από το χρήστη.

Επαναλήψεις: Για for <script type="text/javascript"> for (i=0; i<=10; i++) { document.write('i is ' + i); } </script>

Επαναλήψεις: Επανέλαβε while <script type="text/javascript"> var i = 0; while (i<=10) { document.write('i is ' + i); i++; } </script>

Επαναλήψεις: έξοδος και συνέχεια break <script type="text/javascript"> for (i=0; i<=10; i++) { if (i==5) { break; } document.write('i is ' + i); } </script> continue <script type="text/javascript"> for (i=0; i<=10; i++) { if (i%2 == 0) { continue; } document.write('i is ' + i);

Ασκήσεις Βελτιώστε τον αλγόριθμο εμφάνισης της ημερομηνίας του Πάσχα ως εξής: το πρόγραμμα ζητάει επαναλαμβανόμενα από το χρήστη έτος και κάνει υπολογισμό - σταματάει αν δοθεί αρνητικό αριθμός.