Page 1 of 2

Web Development 4 All

Posted: Wed Nov 07, 2012 3:45 pm
by X-ray
Παιδιά σκέφτηκα ότι θα ήταν ωραίο ένα thread όπου θα μοιραζόμασταν τεχνικές, τεχνολογίες, βιβλιοθήκες, frameworks, best practices και οτιδήποτε άλλο έχει να κάνει με σύγχρονο Web Development.

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

Ας κάνω λοιπόν την αρχή:
  1. 1) Όσο αφορά τις βασικές τεχνολογίες πιστεύω το http://www.w3schools.com αποτελεί μια πολύ καλή πηγή. Ευανάγνωστο και περιεκτικό.
    Εκεί μπορεί κάποιος να διαβάσει για HTML(5), CSS(3), Javascript, JQuery (όχι σε βάθος - αλλά καλό intro), JSON, AJAX και πολλά άλλα.
  • 2) Δύο πολύ χρήσιμα javascript libraries που προτείνω είναι τα Knockout.js και Underscore.js
    Και τα δύο έχουν αρκετά καλό documentation και μάλιστα στο knockout υπάρχει ένα φοβερό tutorial που σε βάζει στο φιλοσοφία του MVC (MVVM στη συγκεκριμένη περίπτωση) στο αψε σβήσε.
  • 3) Κάτι που κατά τη γνώμη μου είναι αρκετά σημαντικό πλέον είναι το responsiveness των σελίδων. Αφού πλέον ένα μεγάλο ποσοστό του browsing γίνεται από mobile συσκευές και tablets. Με τη χρήση των Media Queries μπορείς να έχεις δυναμικές σελίδες που θα προσαρμόζονται ανάλογα με το μέγεθος της οθόνης.
    Δείτε για παράδειγμα αυτές τις σελίδες (δοκιμάστε να κάνετε resize και παρατηρήστε πως αλλάζει το layout):
    http://www.bostonglobe.com/?refresh=true
    http://clearairchallenge.com/
    Ένα καλό Intro για τα Media Queries και πως τα χρησιμοποιούμε είναι εδώ.
  • 4) Και για να κλείσω με κάτι εντυπωσιακό σας παρουσιάζω την επόμενη γενιά των presentations (Χρειάζεστε --- προς το παρόν --- Chrome, Firefox ή Safari για να το δείτε):
    Impress.js
EDIT:

Κάποια πολύ χρήσιμα tutorials σχετικά με το Git για "μικρούς" και "μεγάλους"

Git & GitHub:
try.github.com (beginner)
Understanding Git Conceptually (intermediate)
git ready (beginning to advanced articles, e.g. installing Git, pushing and pulling)
An Illustrated Guide to Git on Windows
Git for Computer Scientists (advanced)
Git Magic (advanced)

Re: Web Development 4 All

Posted: Wed Nov 07, 2012 4:45 pm
by moody
haha , i was sure about you being insterested in web dev , when i saw a post about ie10 :-P
Btw 4 is awesome (+ έχει 4k γραμμές κώδικα :shock: :shock: ) :-D

Re: Web Development 4 All

Posted: Wed Nov 07, 2012 5:03 pm
by X-ray
moody wrote:haha , i was sure about you being insterested in web dev , when i saw a post about ie10 :-P
Btw 4 is awesome (+ έχει 4k γραμμές κώδικα :shock: :shock: ) :-D
Ε μα δεν βλέπω την ώρα να βγει ο 10 γιατί θα υποστηρίζει impress.js
Classic IE always one step behind.

Re: Web Development 4 All

Posted: Fri Dec 07, 2012 4:21 am
by lekmann
Παιδιά δεν ξέρω αν είναι αυτό το σωστό topic αλλά καίγομαι :P να ρωήτήσω: ποιες είναι ονομαστικά στο σύνολο οι γλώσσες προγραμματισμού που θα μάθουμε στο τμήμα; Αν γίνεται να ειπωθούν και οι γλώσσες που διδάσκονται σε όλα τα μαθήματα κύκλων! Μέχρι τώρα γνωρίζω Java, asembly, sql, C++, HTML....για πείτε και τις υπόλοιπες...... :?: :roll:

Re: Web Development 4 All

Posted: Fri Dec 07, 2012 4:50 am
by necrofear_13
lekmann wrote:Παιδιά δεν ξέρω αν είναι αυτό το σωστό topic αλλά καίγομαι :P να ρωήτήσω: ποιες είναι ονομαστικά στο σύνολο οι γλώσσες προγραμματισμού που θα μάθουμε στο τμήμα; Αν γίνεται να ειπωθούν και οι γλώσσες που διδάσκονται σε όλα τα μαθήματα κύκλων! Μέχρι τώρα γνωρίζω Java, asembly, sql, C++, HTML....για πείτε και τις υπόλοιπες...... :?: :roll:
Εμ όλες??? Υπάρχουν αρκετά μαθήματα που τη γλώσσα που θα υλοποιήσεις το οτιδήποτε την διαλέγεις εσύ. Οπότε είναι στο χέρι σου τι θα μάθεις....

Re: Web Development 4 All

Posted: Sun Dec 09, 2012 9:55 pm
by lekmann
Ενδεικτικά δεν μπορείς να μου πεις κάποιες??

Re: Web Development 4 All

Posted: Sun Dec 09, 2012 10:06 pm
by MpoMp

Re: Web Development 4 All

Posted: Wed Dec 12, 2012 12:25 am
by lekmann
Πωωωω νιώθω μια διέγερση τωρααα !!! :smt004

Ποιες είναι όμως αυτές που μπορούμε να μάθουμε απ'το τμήμα;

Και αν γνωρίζεις πες μου ποιες χρησιμοποιούνται στις μέρες μας παγκοσμίως....

Σορρυ αλλά μέπιασε κρίση αποριών........ :eek: :smt001 :smt001

Re: Web Development 4 All

Posted: Wed Dec 12, 2012 12:38 am
by necrofear_13
lekmann wrote:
Πωωωω νιώθω μια διέγερση τωρααα !!! :smt004

Ποιες είναι όμως αυτές που μπορούμε να μάθουμε απ'το τμήμα;

Και αν γνωρίζεις πες μου ποιες χρησιμοποιούνται στις μέρες μας παγκοσμίως....

Σορρυ αλλά μέπιασε κρίση αποριών........ :eek: :smt001 :smt001
Όλες είπαμε. Τις γλώσσες δεν στις μαθαίνει κάποιος. Μόνος σου τις μαθαίνεις. Όποια γλώσσα θες μπορείς να την μάθεις είτε επειδή σου κα*λωσε είτε επειδή θα έχεις ερέθισμα από κάποια μάθημα της σχολής.

Re: Web Development 4 All

Posted: Wed Dec 12, 2012 12:48 am
by MpoMp
necrofear_13 wrote: Όλες είπαμε. Τις γλώσσες δεν στις μαθαίνει κάποιος. Μόνος σου τις μαθαίνεις. Όποια γλώσσα θες μπορείς να την μάθεις είτε επειδή σου κα*λωσε είτε επειδή θα έχεις ερέθισμα από κάποια μάθημα της σχολής.
Ακριβώς. Στην τελική η σχολή τίποτα δε σου μαθαίνει. Εσύ μαθαίνεις ό,τι θες, αν το θες. Διάλεξε και πάρε! :smt002

Για τη νέα σου απορία, χρησιμοποιήσε το Google. :smt001

Re: Web Development 4 All

Posted: Wed Dec 12, 2012 1:56 am
by ja_the_invincible
Κρυβόμαστε πίσω από το δάκτυλό μας.Κυρίως java θα δεις να χρησιμοποιείται στην σχολή.Νομίζω τώρα στις βάσεις χρησιμοποιείται η c# , εμείς πάντως πιο παλιά κάναμε sql και php για το αντίστοιχο μάθημα.C++ θα δεις σίγουρα στο ομώνυμο μάθημα και στα γραφικά.Ελάχιστη c στα λειτουργικά , assembly για την ΟΣΥ και VHDL για ψηφιακά και αρχιτεκτονική σε πιο system κατεύθυνση.Επίσης βάλε και όλες τις απαραίτητες στο web developing ( html κλπ ) .Αυτές είναι κυρίως τώρα αν θες να ασχοληθείς με κάτι εκτός των προβλεπόμενων η ενασχόληση με την c είναι ό,τι καλύτερο μιας και σαν γλώσσα δεν θα πάψει να χρησιμοποιείται .Μια άλλη επιλογή με αρκετή χρήση και εφαρμογές είναι η Python ( και πολύ πιο εύκολη στο να την "μάθεις" ).Αν σε ενδιαφέρουν και οι scripto-γλώσσες και θέλεις να ασχοληθείς με lixux μπορείς να κοιτάξεις και λίγο bash.Αυτά από μένα ελπίζω να σε κάλυψα :-p

Re: Web Development 4 All

Posted: Wed Dec 12, 2012 1:07 pm
by *estrngd
MpoMp wrote:Ακριβώς. Στην τελική η σχολή τίποτα δε σου μαθαίνει. Εσύ μαθαίνεις ό,τι θες, αν το θες. Διάλεξε και πάρε! :smt002
Αν έχεις χρόνο εν μέσω όλων των υποχρεωτικών οικονομικο-συστηματο-management-μαθημάτων με τις άπειρες υποχρεωτικές εργασίες κτλ.

(Αν δει κανείς το ΕΚΠΑ Πληροφορική για παράδειγμα, μαθαίνουν περισσότερη πληροφορική/προγραμματισμό/αλγόριθμους κλπ από εμάς).

Re: Web Development 4 All

Posted: Wed Dec 12, 2012 2:43 pm
by nachos
Απ' όσο θυμάμαι, τα μόνα υποχρεωτικά μαθήματα οικoνομικών, είναι η εισαγωγή στη μίκρο., και η λογιστική. Χρόνος υπάρχει μπόλικος να ασχοληθεί καθένας μέ ό,τι θέλει. Τα εναύσματα που δίδονται αρκούν για να πυροδοτήσουν το αρχικό ψάξιμο του καθενός.

Re: Web Development 4 All

Posted: Wed Dec 12, 2012 3:44 pm
by ja_the_invincible
*estrngd wrote:
MpoMp wrote:Ακριβώς. Στην τελική η σχολή τίποτα δε σου μαθαίνει. Εσύ μαθαίνεις ό,τι θες, αν το θες. Διάλεξε και πάρε! :smt002
Αν έχεις χρόνο εν μέσω όλων των υποχρεωτικών οικονομικο-συστηματο-management-μαθημάτων με τις άπειρες υποχρεωτικές εργασίες κτλ.

(Αν δει κανείς το ΕΚΠΑ Πληροφορική για παράδειγμα, μαθαίνουν περισσότερη πληροφορική/προγραμματισμό/αλγόριθμους κλπ από εμάς).
Le what?Κακό παράδειγμα το ΕΚΠΑ , ούτε καν δεν πρόκειται για τμήμα προσηλωμένο στο core της πληροφορικής.

Re: Web Development 4 All

Posted: Fri Dec 14, 2012 1:30 am
by lekmann
ja_the_invincible wrote:Κρυβόμαστε πίσω από το δάκτυλό μας.Κυρίως java θα δεις να χρησιμοποιείται στην σχολή.Νομίζω τώρα στις βάσεις χρησιμοποιείται η c# , εμείς πάντως πιο παλιά κάναμε sql και php για το αντίστοιχο μάθημα.C++ θα δεις σίγουρα στο ομώνυμο μάθημα και στα γραφικά.Ελάχιστη c στα λειτουργικά , assembly για την ΟΣΥ και VHDL για ψηφιακά και αρχιτεκτονική σε πιο system κατεύθυνση.Επίσης βάλε και όλες τις απαραίτητες στο web developing ( html κλπ ) .Αυτές είναι κυρίως τώρα αν θες να ασχοληθείς με κάτι εκτός των προβλεπόμενων η ενασχόληση με την c είναι ό,τι καλύτερο μιας και σαν γλώσσα δεν θα πάψει να χρησιμοποιείται .Μια άλλη επιλογή με αρκετή χρήση και εφαρμογές είναι η Python ( και πολύ πιο εύκολη στο να την "μάθεις" ).Αν σε ενδιαφέρουν και οι scripto-γλώσσες και θέλεις να ασχοληθείς με lixux μπορείς να κοιτάξεις και λίγο bash.Αυτά από μένα ελπίζω να σε κάλυψα :-p
Μπραβο ρε φίλε!!! Ευχαριστώ πολύ για την απάντησή σου !!! :smt023 :smt023 :-)

Re: Web Development 4 All

Posted: Fri Dec 14, 2012 5:12 pm
by X-ray
Κάποια πολύ χρήσιμα tutorials σχετικά με το Git για "μικρούς" και "μεγάλους"

Git & GitHub:
try.github.com (beginner)
Understanding Git Conceptually (intermediate)
git ready (beginning to advanced articles, e.g. installing Git, pushing and pulling)
An Illustrated Guide to Git on Windows
Git for Computer Scientists (advanced)
Git Magic (advanced)

Δυστυχώς δεν μπορώ πλέον να κάνω edit το αρχικό post.

Re: Web Development 4 All

Posted: Fri Dec 14, 2012 5:24 pm
by moody
++ , βασικά υπάρχει και αυτό εδώ https://github.com/foss-aueb/git-presen ... mageslides γραμμένο από το foss-aueb :)

Re: Web Development 4 All

Posted: Fri Jan 04, 2013 12:19 pm
by X-ray
http://smashinghub.com/10-development-t ... n-2013.htm

Ενδιαφέρον αρθρο για τα development trends του 2013!

Re: Web Development 4 All

Posted: Fri Jan 04, 2013 6:16 pm
by moody
χμμμ,σχετικά με το 5ο,θα λεγα και λίγο webGL :-p
Σχετικά με το 10,δεν το βρίσκω και τόσο must να μάθεις κάποιος

Re: Web Development 4 All

Posted: Mon Jan 07, 2013 11:30 am
by X-ray
moody wrote:χμμμ,σχετικά με το 5ο,θα λεγα και λίγο webGL :-p
Σχετικά με το 10,δεν το βρίσκω και τόσο must να μάθεις κάποιος
Ναι συμφωνώ. Κοίτα τώρα αυτός που το έγραψε έκανε κάποιες προβλέψει - υποθέσεις δεν σημαίνει ότι πρέπει κάποιος να τις δεχτεί 100%.
Σίγουρα πάντως έχει μαζέψει μερικά ενδιαφέροντα skills και σου δίνει ιδέες για διάβασμα. :-D
Προσωπικά τα HTML5, CSS3, JQuery τα θεωρώ αυτονόητα. Και αυτό που εμένα με ενδιαφέρει πολύ τελευταία είναι το 8 (responsive pages).

Re: Web Development 4 All

Posted: Wed Jan 30, 2013 12:00 pm
by X-ray
Διαβάζω CoffeeScript atm θα σας πω εντυπώσεις soon..
Υπάρχει κάποιος που έχει δοκιμάσει;

Re: Web Development 4 All

Posted: Mon Feb 04, 2013 12:51 pm
by X-ray
X-ray wrote:Διαβάζω CoffeeScript atm θα σας πω εντυπώσεις soon..
Υπάρχει κάποιος που έχει δοκιμάσει;
Ωραία φαίνεται η coffeescript μέχρι στιγμής. Ταυτόχρονα διαβάζω και python ώστε να τα συνδυάσω.

Επίσης ένα πολύ ωραίο MVC framework για Javascript είναι το Backbone.js.