Javascript παραδείγματα

...ασύγχρονα μαθήματα από τους guru της κοινότητας

Συντονιστής: the_eye

Javascript παραδείγματα

Δημοσίευσηαπό linuxs » 06 Ιούλ 2011, 15:22

Καλησπέρα παιδιά,

έπαθα πλάκα! Έκατασ ένα 2ωρο τσεκάρωντας ένα tutorial σε javascript απο w3shcools και έμαθα αρκετά. Μπορώ να πω οτι αν κάτσω μια μέρα έχω μάθει την γλώσσα...δεν μου φάνηκε καθόλου δύσκολη αλλα υπάρχει έλλειψη απο παραδείγματα. Μήπως μπορεί κάποιος που γνωρίζει να δώσει κάποιες ασκήσεις για να λύσω(έστω και απο το μυαλό του) γιατί μονο με κώδικα μαθαίνεις...όσο θεωρία κι αν κάνω θέλει πάντα πρακτική και δεν μπορώ να σκεφτώ τίποτα για να υλοποιήσω.

σας ευχαριστώ...
Αν το πρόβλημά μας επιλυθεί. Επιλέγουμε το θέμα που βοήθησε στην επίλυση και πατάμε το κουμπάκι Εικόνα.
Γνώσεις ⇛ Linux: Μέτριο┃Προγραμματισμός: C┃Αγγλικά: Καλά
Λειτουργικό ⇛ Linux Ubuntu 10.4 LTS
Προδιαγραφές ⇛ Intel Pentium @T4500 2.3GHz│ 512GB VRAM│ 500 HDD│ ATI RADEON HD545v 512 MB │ Screen: 15.6''
Άβαταρ μέλους
linuxs
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 1060
Εγγραφή: 02 Ιούλ 2010, 13:19
Τοποθεσία: GR
IRC: linuxs
Εκτύπωση

Re: Javascript παραδείγματα

Δημοσίευσηαπό medigeek » 12 Ιούλ 2011, 03:38

Άρχισε με ajax events μέσω jquery:
http://docs.jquery.com/Tutorials:Gettin ... ith_jQuery

Κάνε ένα μενού:
Κώδικας: Επιλογή όλων
* test1
- t1
- t2
- t3

να μην φαίνονται τα υπομενού t1, t2, t3
όταν κάποιος κάνει click στο test1, να κάνει "slide" (slideToggle) και να εμφανίζει τα υπομενού t1,t2,t3
ξανακάνοντας click στο test1, να τα κρύβει πάλι. :)

Αν σου φαίνεται δύσκολο, άρχισε με το hello world του jquery :)
Κύπριος; Κόπιασε στο ubuntu-cy! ┃ Launchpad Debian Github
Οδηγός για νεοεισερχόμενους -- Αρχικές οδηγίες για αρχάριους χρήστες του Ubuntu

1 Γνώσεις Linux: Πολύ καλό ┃ Προγραμματισμού: Πολύ καλό ┃ Αγγλικών: Πολύ καλό
2 Ubuntu 12.10 quantal 3.5.0-21-generic 64bit (en_US.UTF-8, GNOME cinnamon2d), Ubuntu 3.5.0-19-generic, Windows 7
3 Intel Core2 Duo CPU E6550 2.33GHz ‖ RAM 5970 MiB ‖ MSI MS-7235
4 nVidia G73 [GeForce 7300 GT] [10de:0393] {nvidia}
5 eth0: Realtek RTL-8110SC/8169SC Gigabit Ethernet [10ec:8167] (rev 10)
Άβαταρ μέλους
medigeek
Freedom
Freedom
 
Δημοσιεύσεις: 5023
Εγγραφή: 24 Μάιος 2008, 14:49
Τοποθεσία: Σερβία/Κύπρος
Launchpad: medigeek
IRC: savvas
Εκτύπωση

Re: Javascript παραδείγματα

Δημοσίευσηαπό giannosfor » 24 Νοέμ 2011, 19:31

Μία καλή αλλά και νομίζω χρήσιμη άσκηση είναι να φτιάξεις ένα script που κάνει validation σε μία φόρμα επικοινωνίας.
Μερικά στοιχεία που πρέπει να λάβεις υπόψιν είναι να ελέγχει αν τα πεδία έχουν συμπληρωθεί,να ελέγχει αν το mail έχει τούς απαραίτητους αλλά και σωστούς χαρακτήρες πριν και μετά το 'παπάκι'.Είναι και άλλα που μπορείς να τα βρεις μόνος σου.
π.χ. giannosfor@gmail.com.com είναι σωστό?
π.χ. giannosfor@gmail.c είναι σωστό?
π.χ. giannosfor@.c είναι σωστό?
π.χ. giannosfor@gmail.cοmit είναι σωστό?
π.χ. giannos+for@gmail.com είναι σωστό?
π.χ. giannos@for@gmail.c είναι σωστό?
1 Γνώσεις Linux: Καθόλου ┃ Προγραμματισμού: Ικανοποιητικό ┃ Αγγλικών: Ικανοποιητικό
2 Ubuntu 12.04 precise 3.2.0-58-generic 32bit (en_US.UTF-8, Unity ubuntu), Ubuntu 3.2.0-57-generic, Microsoft Windows XP Professional
3 Intel Core2 Duo CPU E4600 2.40GHz ‖ RAM 2012 MiB ‖ ASUS INC. P5Q - � P5Q
4 nVidia G94 [GeForce 9600 GT] [10de:0622] {nvidia}
5 eth0: Qualcomm Atheros AR8121/AR8113/AR8114 Gigabit or Fast Ethernet [1969:1026] (rev b0) ⋮ wlan0: 148f:3070 Ralink Technology, Corp. RT2870/RT3070 Wireless Adapter
Άβαταρ μέλους
giannosfor
punkTUX
punkTUX
 
Δημοσιεύσεις: 297
Εγγραφή: 24 Απρ 2011, 20:24
Τοποθεσία: Ηράκλειο
Εκτύπωση


Επιστροφή στο Το Σχολείο του Φόρουμ - Ασύγχρονα Μαθήματα