Μαρ 22 2013

Code School – Try jQuery

try.jquery.comΗ jQuery είναι μία “βιβλιοθήκη” javascript η οποία μας δίνει τη δυνατότητα να εμπλουτίζουμε τη σελίδα μας με εφέ (και όχι μόνο) χωρίς  να χρειάζεται να γράφουμε την ποσότητα κώδικα που θα χρειαζόταν εάν χρησιμοποιούσαμε την παραδοσιακή javascript. Επίσης είναι cross-browser, δηλαδή έχει τα ίδια αποτελέσματα σε όλους τους σύγχρονους φυλλομετρητές.

Στον ιστότοπο try.jquery.com μπορείτε να μάθετε τα βασικά της  jQuery με ένα συνδυασμό από εκπαιδευτικά video και ασκήσεις τις οποίες γράφετε μέσα στο φυλλομετρητή. Ο χρόνος που απαιτείται είναι περίπου 2 ώρες για την εκτέλεση όλων των ασκήσεων.

Η γλώσσα των video και των ασκήσεων είναι τα αγγλικά.

Από • Προγραμματισμός, Χρήσιμοι Ιστότοποι • • Tags: , , , ,

Μαρ 22 2013

CSSDesk – Γράψτε κώδικα CSS και δείτε άμεσα τα αποτελέσματα

To CSSDesk είναι ένα δωρεάν online εργαλείο επεξεργασίας που συνδυάζει ταυτόχρονα HTML και CSS. Είναι πολύ χρήσιμο για τους αρχάριους που μαθαίνουν σχεδιασμό ιστοσελίδων. Αυτό το πρακτικό εργαλείο προσφέρει σε πραγματικό χρόνο το αποτέλεσμα του κώδικα που πληκτρολογείτε.  Μπορείτε δηλαδή να δείτε τα αποτελέσματα καθώς γράφετε τον κώδικα.

CSSDesk

Επεξεργαστείτε το CSS και την HTML στο αριστερό πάνελ και να δείτε την έξοδο στα δεξιά. Προσφέρει τη δυνατότητα  να επιλέγετε προεπιλεγμένο χρώμα φόντου, να  επαναφέρετε το έγγραφό σας και να κατεβάσετε την εργασία σας ως αρχείο HTML. Επίσης, σας επιτρέπει να μοιραστείτε τον κωδικό με άλλους.

Άλλα online εργαλεία τέτοιου τύπου:

Από • Ιστολόγιο, Χρήσιμοι Ιστότοποι • • Tags: , ,

Μαρ 22 2013

CodeMaven: Μάθετε διασκεδαστικά και διαδραστικά javascript

www.crunchzilla.com/code-mavenΤο CodeMaven είναι μία online εφαρμογή με την οποία μπορείτε να μάθετε διασκεδαστικά και διαδραστικά τη γλώσσα javascript. Η εφαρμογή εστιάζει στη δράση καθώς η αλλαγή του κώδικα έχει άμεσα ορατά αποτελέσματα. Tο CodeMaven είναι ένα πρώτο βήμα στην εκμάθηση και τις έννοιες προγραμματισμού χωρίς να ασχολείται με τα συγκεκριμένα και αυστηρά χαρακτηριστικά της γλώσσας.

Τα project που καλείται να δημιουργήσει ο χρήστης ξεκινούν με απλά κουτιά και χρώματα ενώ γρήγορα προχωρούν σε συναρπαστικά πειράματα με απλά animation και fractals. Σημαντικές έννοιες προγραμματισμού, όπως μεταβλητές, εκφράσεις, βρόχοι, συνθήκες και συναρτήσεις παρουσιάζονται με  παραδείγματα.

Από • Προγραμματισμός, Χρήσιμοι Ιστότοποι • • Tags: , ,