Computerman Tutorials http://tutorials.computerman.gr Video Tutorials: Γνώση για όλους! Thu, 15 Mar 2012 12:59:26 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Custom HTML Checkbox – Εξατομίκευση ενός HTML Checkbox http://tutorials.computerman.gr/custom-html-checkbox/ http://tutorials.computerman.gr/custom-html-checkbox/#comments Sat, 25 Feb 2012 15:27:14 +0000 petsoukos http://tutorials.computerman.gr/?p=341 read more »]]> Σε αυτό το μάθημα θα δούμε πως γίνετε να κάνουμε την εξατομίκευση ενός στοιχείου HTML Checkbox μιας φόρμας. Δηλαδή να χρησιμοποιήσουμε δικό μας γραφίστικο για την προβολή του checkbox. Ο τρόπος αυτός δεν είναι ο μοναδικός που υπάρχει και είναι βασισμένος σε μια τεχνική που είχα δει παλαιότερα και επειδή χρειάστηκε να το χρησιμοποιήσω σε ένα project πριν μερικές μέρες, είπα να το κάνω tutorial ώστε να δείτε πως μπορούμε να το πετύχουμε.

Αρχεία που θα χρειαστείτε:
tutorial_start.zip

]]> http://tutorials.computerman.gr/custom-html-checkbox/feed/ 0 PHP από το μηδέν: Switch http://tutorials.computerman.gr/php-apo-to-miden-switch/ http://tutorials.computerman.gr/php-apo-to-miden-switch/#comments Sun, 19 Feb 2012 14:33:33 +0000 petsoukos http://tutorials.computerman.gr/?p=189 read more »]]> greek-php-video-tutorialΗ δομή επανάληψης switch, γιατί έτσι θεωρείται ως δομή επανάληψης, είναι μια ακόμα μέθοδος ελέγχου που μοιάζει με την IF, αλλά δεν μπορεί να κάνει λογικούς ελέγχους σαν την IF. Χρησιμοποιείται για πιο απλά πράγματα τα οποία δεν χρειάζονται λογικό έλεγχο (πχ. 1 > 0)

Θα χρειαστείτε πρόσβαση σε server με δυνατότητα εκτέλεσης PHP Script. (Tutorial Πως να εγκαταστήσετε έναν server)

Αρχεία που θα χρειαστείτε:
PHP09_tutorial_start.zip


]]> http://tutorials.computerman.gr/php-apo-to-miden-switch/feed/ 2 Εγκατάσταση Server Στον Τοπικό Υπολογιστή http://tutorials.computerman.gr/egkatastasi-server-ston-topiko-ypologisti/ http://tutorials.computerman.gr/egkatastasi-server-ston-topiko-ypologisti/#comments Sat, 18 Feb 2012 18:58:21 +0000 petsoukos http://tutorials.computerman.gr/?p=305 Μας ζητήθηκε να δείξουμε πως να εγκαταστήσουμε έναν server στον υπολογιστή μας για την παρακολούθηση των video μαθημάτων και γενικότερα για την ανάπτυξη ιστοσελίδων και ιντερνετικών εφαρμογών.

]]> http://tutorials.computerman.gr/egkatastasi-server-ston-topiko-ypologisti/feed/ 3 PHP από το μηδέν: Έλεγχος Δεδομένων Φόρμας http://tutorials.computerman.gr/php-apo-to-miden-elegxos-dedomenon-formas/ http://tutorials.computerman.gr/php-apo-to-miden-elegxos-dedomenon-formas/#comments Wed, 15 Feb 2012 19:48:29 +0000 petsoukos http://tutorials.computerman.gr/?p=260 read more »]]> greek-php-video-tutorialΒασισμένοι στα δύο προηγούμενα μαθήματα, HTML Φόρμες 1ο & 2ο και Έλεγχος IF, θα δούμε στα γρήγορα πως μπορούμε να κάνουμε έναν τυπικό έλεγχο δεδομένων από μια φόρμα επικοινωνίας.

Ο έλεγχος δεδομένων από πεδία εισαγωγής είναι απαραίτητος και υποχρεωτικός και όχι προαιρετικός. Ο χρήστης μπορεί να εισάγει, κατά λάθος ή και εσκεμμένα, χαρακτήρες οι οποίοι μπορεί να «σπάσουν» την σελίδα σας, να καταστρέψουν την βάση δεδομένων σας ή ακόμα χειρότερα να υποκλέψουν λογαριασμούς χρηστών με ευαίσθητα προσωπικά δεδομένα. Πότε, μα ποτέ, δεν θα εμπιστεύεστε τον τελικό χρήστη όταν πρόκειται για εισερχόμενα δεδομένα από φόρμα. Τα προβλήματα που μπορεί να προκύψουν είναι πολλά και πολύπλευρα.

Τύποι επιθέσεων από φόρμες και γενικότερα από εισερχόμενα δεδομένα:

  • SQL Injection: Όταν το φιλτράρισμα χαρακτήρων ελέγχου βάσεων SQL είναι ανεπαρκές. Μια επιτυχημένη επίθεση μπορεί να προκαλέσει απώλεια δεδομένων βάσης, καταστροφή βάσης και στην χειρότερη περίπτωση υποκλοπή ευαίσθητων προσωπικών δεδομένων (πχ. αρ. πιστωτικής και ονοματεπώνυμα).
  • XSS: Εισαγωγή κακόβουλου κώδικα μέσω του οποίο μπορεί να «φορτωθεί» αρχείο με script από τρίτους. Μια επιτυχημένη επίθεση μπορεί να υποκλέψει τα στοιχεία πρόσβασης ενός χρήστη, να επιτρέψει την μεταφόρτωση ιών, ακόμα και απώλεια web traffic με re-direct σε κακόβουλα web-site.
  • CSRF: Εισαγωγή κακόβουλου κώδικα μέχρι και σε επίπεδο server-side, αποστολή κακόβουλων δεδομένων από πεδία εισαγωγής τρίτων με κρυφά πεδία που περιέχουν δεδομένα τα οποία μπορούν να προκαλέσουν μέχρι και την καταστροφή μιας ιστοσελίδας.

Functions που θα χρησιμοποιηθούν:

  • PHP isset(): επιστρέφει TRUE αν έχει δηλωθεί η μεταβλητή και δεν είναι NULL, FALSE στην αντίθετη περίπτωση
  • PHP htmlentities(): επιστρέφει την ακολουθία χαρακτήρων (string) με όλους τους χαρακτήρες που έχουν HTML entities, ως entities. πχ. Το σύμβολο μικρότερο από <, γίνεται &lt;
  • PHP nl2br(): αντικαθιστά τους χαρακτήρες NewLine \n με HTML Tags <br> (break)
  • PHP filter_var(): Περνάει από φιλτράρισμα τα δεδομένα που θέλουμε.
  • PHP session_start(): Ξεκινάει την σύνοδο της PHP στον server.
  • PHP md5(): Επιστρέφει το MD5 Hash ενός string.
  • PHP uniqid(): Δημιουργεί ένα μοναδικό κλειδί.
  • PHP mt_rand(): Δημιοργεί μια καλύτερη* τυχαία τιμή. ( *Καλύτερη από το rand() )

Αρχεία που θα χρειαστείτε:
tutorial_start.zip

]]> http://tutorials.computerman.gr/php-apo-to-miden-elegxos-dedomenon-formas/feed/ 5 PHP από το μηδέν: Πίνακες (Arrays) http://tutorials.computerman.gr/php-apo-to-miden-pinake-arrays/ http://tutorials.computerman.gr/php-apo-to-miden-pinake-arrays/#comments Mon, 13 Feb 2012 10:00:16 +0000 petsoukos http://tutorials.computerman.gr/?p=195 read more »]]> greek-php-video-tutorialΟ επόμενος τύπος μεταβλητής είναι οι πίνακες δεδομένων (Arrays). Στην PHP και σε όποια άλλη γλώσσα προγραμματισμού υπάρχει, οι πίνακες χρησιμοποιούνται για την καταχώρηση πολλαπλών δεδομένων σε μια μεταβλητή. Μια κοινή μεταβλητή κρατάει μόνο έναν τύπο δεδομένου κάθε φορά ενώ αντίθετα οι πίνακες μπορούν να κρατήσουν στην μνήμη πολλά δεδομένα διαφορετικών τύπων πχ. Strings, αριθμούς, αλλά και άλλους πίνακες μέσα στον ίδιο πίνακα. Οι πίνακες έχουν την μορφή ζευγαριών δεικτών-τιμών, όπου για κάθε τιμή υπάρχει ένας δείκτης και αυτοί οι δείκτες μπορούν να είναι είτε αριθμοί (ευρετήριο) είτε κείμενο.

]]> http://tutorials.computerman.gr/php-apo-to-miden-pinake-arrays/feed/ 2 Web Development Server: Εργαλεία για ανάπτυξη ιστοσελίδων και ιντερνετικών εφαρμογών. http://tutorials.computerman.gr/web-development-server/ http://tutorials.computerman.gr/web-development-server/#comments Sun, 29 Jan 2012 19:38:00 +0000 petsoukos http://tutorials.computerman.gr/?p=263 read more »]]> Για την παρακολούθηση των βίντεο μαθημάτων μας, θα χρειαστείτε πρόσβαση σε server με δυνατότητες PHP και MySQL. Αυτό μπορεί να γίνει με 2 τρόπους, ένας είναι με επί πληρωμή και ο άλλος δωρεάν. Αν διαθέτετε κάποια χρήματα μπορείτε να ενοικιάσετε ένα shared hosting περιβάλλον σε διάφορες εταιρείες του χώρου. Με αυτή την επιλογή θα έχετε ένα έτοιμο περιβάλλον για ανάπτυξη τον εφαρμογών σας με έτοιμες ρυθμίσεις ασφαλείας και backup. Αν πάλι δεν είστε έτοιμος για κάτι τέτοιο, σας προτείνουμε την εγκατάσταση λογισμικού στον υπολογιστή σας (ή σε κάποιο δευτερεύων σύστημα που διαθέτετε). Αυτό το λογισμικό είναι δωρεάν και το λογισμικό που θα σας προτείνουμε είναι 100% δωρεάν και χρησιμοποιείται από εκατοντάδες χιλιάδες προγραμματιστές στον κόσμο.

Για τους κατόχους υπολογιστή, με Microsoft Windows, υπάρχει το πακέτο WAMP (Windows Apache MySQL PHP). Είναι ανοιχτού κώδικα και εντελώς δωρεάν και εύκολο στην εγκατάσταση. Απλά κατεβάζετε από την ιστοσελίδα το εκτελέσιμο αρχείο και με μερικά click θα έχετε έναν server για τα projects σας στον υπολογιστή σας.

Το ίδιο ισχύει και για τους κατόχους Apple με Mac OS. Για Mac υπάρχει το MAMP (Macintosh Apache MySQL PHP), η ίδια διαδικασία απαιτείται και εδώ όπως στα Windows. Κατεβάζετε το εκτελέσιμο από την ιστοσελίδα και ακολουθείτε τις οδηγίες.

Τώρα για τους χρήστες υπολογιστών με Linux είναι λίγο διαφορετικά τα πράγματα. Για linux υπάρχει το LAMP stack (Linux Apache MySQL PHP) το οποίο ωστόσο δεν είναι κάποιο εκτελέσιμο. Είναι διαδικασία εγκατάστασης τον προγραμμάτων του server μέσω command line. Δύσκολο για τους χρήστες Windows εύκολο για όσους έχουν Linux. Οδηγίες θα βρείτε εδώ.

Exrtas:
Zend Server CE (Community Edition) Υπάρχει και αυτή η εναλλακτική λύση, την οποία προτείνω ανεπιφύλακτα. Είναι δωρεάν απλά χρειάζεται εγγραφή για να μπορέσετε να κατεβάσετε το λογισμικό.

Happy scripting!

]]> http://tutorials.computerman.gr/web-development-server/feed/ 0 PHP από το μηδέν: Έλεγχος IF και Τελεστές Σύγκρισης http://tutorials.computerman.gr/php-apo-to-miden-conditionals-operators/ http://tutorials.computerman.gr/php-apo-to-miden-conditionals-operators/#comments Sat, 30 Jul 2011 10:35:38 +0000 petsoukos http://tutorials.computerman.gr/?p=175 read more »]]> greek-php-video-tutorialΓια την δημιουργία λογικής, σε οποιαδήποτε γλώσσα προγραμματισμού, χρειαζόμαστε τρόπους σύγκρισης δεδομένων. Για να το επιτύχουμε αυτό χρησιμοποιούμε την εντολή IF. Η if ελέγχει την κατάσταση μιας μεταβλητής και αναλόγως την συνθήκη που γράψαμε μας δίνει και το ανάλογο αποτέλεσμα. Χωρίς την if δεν θα είχαμε σήμερα τα περίπλοκα λειτουργικά συστήματα στους υπολογιστές, στα κινητά και όλες τις συσκευές οι οποίες «τρέχουν» κάποιας μορφής λογισμικό.

Click here to view the video on YouTube.

]]> http://tutorials.computerman.gr/php-apo-to-miden-conditionals-operators/feed/ 0 Javascript Trick: #1 Form Inputs http://tutorials.computerman.gr/javascript-trick-1/ http://tutorials.computerman.gr/javascript-trick-1/#comments Tue, 26 Apr 2011 12:31:37 +0000 petsoukos http://tutorials.computerman.gr/?p=201

{EAV_BLOG_VER:0563f035925de7b4}

Όλοι όσοι φτιάχνουμε εφαρμογές διαδικτύου έχουμε ακούσει για τη συνταγή μιας επιτυχημένης εφαρμογής. Και συγκεκριμένα αναφέρομαι σε ένα συγκεκριμένο συστατικό. User-Friendly ή Φιλικό προς τον χρήστη. Θα δούμε πως μπορούμε με Javascript να κάνουμε μια φόρμα εισαγωγής στοιχείων λίγο πιο φιλική προς τον χρήστη.

 

jQuery: http://jquery.com/
Mootools: http://mootools.net/
Javascript: w3schools & Wikipedia

Click here to view the video on YouTube.

]]> http://tutorials.computerman.gr/javascript-trick-1/feed/ 0 PHP από το μηδέν: HTML φόρμες (Μέρος 2ο) http://tutorials.computerman.gr/php-apo-to-miden-html-forms-2/ http://tutorials.computerman.gr/php-apo-to-miden-html-forms-2/#comments Wed, 16 Mar 2011 01:07:09 +0000 petsoukos http://tutorials.computerman.gr/?p=164 greek-php-video-tutorialΣε αυτό το βοήθημα συνεχίζουμε από το προηγούμενο με τις HTML φόρμες και θα δούμε πως λαμβάνει η PHP τα δεδομένα.

Θα χρειαστείτε τα αρχεία από το πρώτο μέρος τα οποία μπορείτε να τα κατεβάσετε από αυτόν τον σύνδεσμο ή μπορείτε να παρακολουθήσετε το πρώτο μέρος και να δημιουργήσετε την HTML φόρμα από την αρχή.

]]> http://tutorials.computerman.gr/php-apo-to-miden-html-forms-2/feed/ 0 PHP από το μηδέν: HTML Φόρμες (Μέρος 1ο) http://tutorials.computerman.gr/php-apo-to-mhden-html-forms/ http://tutorials.computerman.gr/php-apo-to-mhden-html-forms/#comments Sat, 05 Mar 2011 20:29:20 +0000 petsoukos http://tutorials.computerman.gr/?p=147 read more »]]> greek-php-video-tutorialΤις συναντάμε παντού καθημερινά. Τις συμπληρώνουμε πολλές φορές με καχυποψία. Πολλές φορές τις αποφεύγουμε εντελώς, αλλά ότι και να κάνουμε θα τις βρίσκουμε πάντα μπροστά μας. Αναφέρομαι στις HTML φόρμες. Το διαδίκτυο λειτουργεί αποκλειστικά με φόρμες για την εισαγωγή δεδομένων σε δυναμικές ιστοσελίδες. Είτε είναι μια απλή αναζήτηση στην Google είτε την συμπλήρωση μιας αίτησης εγγραφής σε κάποια ιστοσελίδα. Ακόμα και όταν γράφουμε κάτι στο Twitter κάνουμε χρήση μιας απλής φόρμας.

Στο πρώτο μέρος του video tutorial θα δούμε πως να δημιουργήσουμε φόρμες επικοινωνίας.


UPDATE: Στην γραμμή του script για το δεύτερο πεδίο εισαγωγής του κωδικού επαλήθευσης υπάρχει συντακτικό λάθος στο type. Θα πρέπει να γίνει type=”password” από type=”password2″. Sorry :D

]]> http://tutorials.computerman.gr/php-apo-to-mhden-html-forms/feed/ 0