Web Development 4 All

Συζητήσεις για γλώσσες προγραμματισμού και θέματα σχετικά με προγραμματισμό.
User avatar
X-ray
Mbyte level
Mbyte level
Posts: 854
Joined: Tue Aug 29, 2006 2:09 pm
Academic status: Alumnus/a
Gender:
Contact:

Web Development 4 All

Post by X-ray » Wed Nov 07, 2012 3:45 pm

Παιδιά σκέφτηκα ότι θα ήταν ωραίο ένα 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)
Last edited by cypher on Fri Dec 14, 2012 5:32 pm, edited 1 time in total.
Reason: added git part
shrinked image
User avatar
moody
Gbyte level
Gbyte level
Posts: 1082
Joined: Sun Oct 16, 2011 11:38 am
Gender:

Re: Web Development 4 All

Post by moody » Wed Nov 07, 2012 4:45 pm

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
modie is balanced ¯\_(ツ)_/¯
User avatar
X-ray
Mbyte level
Mbyte level
Posts: 854
Joined: Tue Aug 29, 2006 2:09 pm
Academic status: Alumnus/a
Gender:
Contact:

Re: Web Development 4 All

Post by X-ray » Wed Nov 07, 2012 5:03 pm

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.
shrinked image
lekmann
Kilobyte level
Kilobyte level
Posts: 232
Joined: Mon Nov 08, 2010 6:50 pm
Academic status: Alumnus/a
Gender:

Re: Web Development 4 All

Post by lekmann » Fri Dec 07, 2012 4:21 am

Παιδιά δεν ξέρω αν είναι αυτό το σωστό topic αλλά καίγομαι :P να ρωήτήσω: ποιες είναι ονομαστικά στο σύνολο οι γλώσσες προγραμματισμού που θα μάθουμε στο τμήμα; Αν γίνεται να ειπωθούν και οι γλώσσες που διδάσκονται σε όλα τα μαθήματα κύκλων! Μέχρι τώρα γνωρίζω Java, asembly, sql, C++, HTML....για πείτε και τις υπόλοιπες...... :?: :roll:
Δε γνωρίζω το κλειδί για την επιτυχία, αλλά το κλειδί για την αποτυχία, είναι να προσπαθείς να τους ευχαριστείς όλους.

- Bill Cosby
User avatar
necrofear_13
Wow! Terabyte level
Wow! Terabyte level
Posts: 2141
Joined: Sun Nov 18, 2007 5:32 am
Academic status: Alumnus/a
Gender:
Location: ΗΡΑΚΛΕΙΟ ΑΤΤΙΚΗΣ

Re: Web Development 4 All

Post by necrofear_13 » Fri Dec 07, 2012 4:50 am

lekmann wrote:Παιδιά δεν ξέρω αν είναι αυτό το σωστό topic αλλά καίγομαι :P να ρωήτήσω: ποιες είναι ονομαστικά στο σύνολο οι γλώσσες προγραμματισμού που θα μάθουμε στο τμήμα; Αν γίνεται να ειπωθούν και οι γλώσσες που διδάσκονται σε όλα τα μαθήματα κύκλων! Μέχρι τώρα γνωρίζω Java, asembly, sql, C++, HTML....για πείτε και τις υπόλοιπες...... :?: :roll:
Εμ όλες??? Υπάρχουν αρκετά μαθήματα που τη γλώσσα που θα υλοποιήσεις το οτιδήποτε την διαλέγεις εσύ. Οπότε είναι στο χέρι σου τι θα μάθεις....
No matter what kind of sadness envelops the darkness of our despair, if you put one foot in front of the other, at some point you will reach a place where you can see the light.

In heaven or earth, no matter to where we progress, no matter where we walk, that becomes our road.
As long as we keep walking the battle will continue.
And that is exactly why this place will always be a paradise
lekmann
Kilobyte level
Kilobyte level
Posts: 232
Joined: Mon Nov 08, 2010 6:50 pm
Academic status: Alumnus/a
Gender:

Re: Web Development 4 All

Post by lekmann » Sun Dec 09, 2012 9:55 pm

Ενδεικτικά δεν μπορείς να μου πεις κάποιες??
Δε γνωρίζω το κλειδί για την επιτυχία, αλλά το κλειδί για την αποτυχία, είναι να προσπαθείς να τους ευχαριστείς όλους.

- Bill Cosby
User avatar
MpoMp
Venus Former Team Member
Posts: 6620
Joined: Mon Oct 04, 2010 9:31 pm
Gender:
Contact:

Re: Web Development 4 All

Post by MpoMp » Sun Dec 09, 2012 10:06 pm

Any fool can make something complicated. It takes a genius to make it simple.
MpoMp @ Discord
lekmann
Kilobyte level
Kilobyte level
Posts: 232
Joined: Mon Nov 08, 2010 6:50 pm
Academic status: Alumnus/a
Gender:

Re: Web Development 4 All

Post by lekmann » Wed Dec 12, 2012 12:25 am

Πωωωω νιώθω μια διέγερση τωρααα !!! :smt004

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

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

Σορρυ αλλά μέπιασε κρίση αποριών........ :eek: :smt001 :smt001
Δε γνωρίζω το κλειδί για την επιτυχία, αλλά το κλειδί για την αποτυχία, είναι να προσπαθείς να τους ευχαριστείς όλους.

- Bill Cosby
User avatar
necrofear_13
Wow! Terabyte level
Wow! Terabyte level
Posts: 2141
Joined: Sun Nov 18, 2007 5:32 am
Academic status: Alumnus/a
Gender:
Location: ΗΡΑΚΛΕΙΟ ΑΤΤΙΚΗΣ

Re: Web Development 4 All

Post by necrofear_13 » Wed Dec 12, 2012 12:38 am

lekmann wrote:
Πωωωω νιώθω μια διέγερση τωρααα !!! :smt004

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

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

Σορρυ αλλά μέπιασε κρίση αποριών........ :eek: :smt001 :smt001
Όλες είπαμε. Τις γλώσσες δεν στις μαθαίνει κάποιος. Μόνος σου τις μαθαίνεις. Όποια γλώσσα θες μπορείς να την μάθεις είτε επειδή σου κα*λωσε είτε επειδή θα έχεις ερέθισμα από κάποια μάθημα της σχολής.
No matter what kind of sadness envelops the darkness of our despair, if you put one foot in front of the other, at some point you will reach a place where you can see the light.

In heaven or earth, no matter to where we progress, no matter where we walk, that becomes our road.
As long as we keep walking the battle will continue.
And that is exactly why this place will always be a paradise
User avatar
MpoMp
Venus Former Team Member
Posts: 6620
Joined: Mon Oct 04, 2010 9:31 pm
Gender:
Contact:

Re: Web Development 4 All

Post by MpoMp » Wed Dec 12, 2012 12:48 am

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

Για τη νέα σου απορία, χρησιμοποιήσε το Google. :smt001
Any fool can make something complicated. It takes a genius to make it simple.
MpoMp @ Discord
User avatar
ja_the_invincible
Wow! Terabyte level
Wow! Terabyte level
Posts: 2414
Joined: Tue Dec 01, 2009 12:33 am
Academic status: N>4
Gender:
Location: Κάπου στο matrix...

Re: Web Development 4 All

Post by ja_the_invincible » Wed Dec 12, 2012 1:56 am

Κρυβόμαστε πίσω από το δάκτυλό μας.Κυρίως java θα δεις να χρησιμοποιείται στην σχολή.Νομίζω τώρα στις βάσεις χρησιμοποιείται η c# , εμείς πάντως πιο παλιά κάναμε sql και php για το αντίστοιχο μάθημα.C++ θα δεις σίγουρα στο ομώνυμο μάθημα και στα γραφικά.Ελάχιστη c στα λειτουργικά , assembly για την ΟΣΥ και VHDL για ψηφιακά και αρχιτεκτονική σε πιο system κατεύθυνση.Επίσης βάλε και όλες τις απαραίτητες στο web developing ( html κλπ ) .Αυτές είναι κυρίως τώρα αν θες να ασχοληθείς με κάτι εκτός των προβλεπόμενων η ενασχόληση με την c είναι ό,τι καλύτερο μιας και σαν γλώσσα δεν θα πάψει να χρησιμοποιείται .Μια άλλη επιλογή με αρκετή χρήση και εφαρμογές είναι η Python ( και πολύ πιο εύκολη στο να την "μάθεις" ).Αν σε ενδιαφέρουν και οι scripto-γλώσσες και θέλεις να ασχοληθείς με lixux μπορείς να κοιτάξεις και λίγο bash.Αυτά από μένα ελπίζω να σε κάλυψα :-p
f**k robin and batman i'm robbin with a bat man
*estrngd
Mbyte level
Mbyte level
Posts: 612
Joined: Thu Dec 16, 2004 1:45 pm
Academic status: N>4
Gender:
Contact:

Re: Web Development 4 All

Post by *estrngd » Wed Dec 12, 2012 1:07 pm

MpoMp wrote:Ακριβώς. Στην τελική η σχολή τίποτα δε σου μαθαίνει. Εσύ μαθαίνεις ό,τι θες, αν το θες. Διάλεξε και πάρε! :smt002
Αν έχεις χρόνο εν μέσω όλων των υποχρεωτικών οικονομικο-συστηματο-management-μαθημάτων με τις άπειρες υποχρεωτικές εργασίες κτλ.

(Αν δει κανείς το ΕΚΠΑ Πληροφορική για παράδειγμα, μαθαίνουν περισσότερη πληροφορική/προγραμματισμό/αλγόριθμους κλπ από εμάς).
User avatar
nachos
Gbyte level
Gbyte level
Posts: 1252
Joined: Mon Aug 21, 2006 4:28 pm
Academic status: Alumnus/a
Gender:
Location: Brachamee City

Re: Web Development 4 All

Post by nachos » Wed Dec 12, 2012 2:43 pm

Απ' όσο θυμάμαι, τα μόνα υποχρεωτικά μαθήματα οικoνομικών, είναι η εισαγωγή στη μίκρο., και η λογιστική. Χρόνος υπάρχει μπόλικος να ασχοληθεί καθένας μέ ό,τι θέλει. Τα εναύσματα που δίδονται αρκούν για να πυροδοτήσουν το αρχικό ψάξιμο του καθενός.
Nothing is impossible for the man who doesn't have to do it himself
User avatar
ja_the_invincible
Wow! Terabyte level
Wow! Terabyte level
Posts: 2414
Joined: Tue Dec 01, 2009 12:33 am
Academic status: N>4
Gender:
Location: Κάπου στο matrix...

Re: Web Development 4 All

Post by ja_the_invincible » Wed Dec 12, 2012 3:44 pm

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

(Αν δει κανείς το ΕΚΠΑ Πληροφορική για παράδειγμα, μαθαίνουν περισσότερη πληροφορική/προγραμματισμό/αλγόριθμους κλπ από εμάς).
Le what?Κακό παράδειγμα το ΕΚΠΑ , ούτε καν δεν πρόκειται για τμήμα προσηλωμένο στο core της πληροφορικής.
f**k robin and batman i'm robbin with a bat man
lekmann
Kilobyte level
Kilobyte level
Posts: 232
Joined: Mon Nov 08, 2010 6:50 pm
Academic status: Alumnus/a
Gender:

Re: Web Development 4 All

Post by lekmann » Fri Dec 14, 2012 1:30 am

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

- Bill Cosby
User avatar
X-ray
Mbyte level
Mbyte level
Posts: 854
Joined: Tue Aug 29, 2006 2:09 pm
Academic status: Alumnus/a
Gender:
Contact:

Re: Web Development 4 All

Post by X-ray » Fri Dec 14, 2012 5:12 pm

Κάποια πολύ χρήσιμα 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.
shrinked image
User avatar
moody
Gbyte level
Gbyte level
Posts: 1082
Joined: Sun Oct 16, 2011 11:38 am
Gender:

Re: Web Development 4 All

Post by moody » Fri Dec 14, 2012 5:24 pm

++ , βασικά υπάρχει και αυτό εδώ https://github.com/foss-aueb/git-presen ... mageslides γραμμένο από το foss-aueb :)
modie is balanced ¯\_(ツ)_/¯
User avatar
X-ray
Mbyte level
Mbyte level
Posts: 854
Joined: Tue Aug 29, 2006 2:09 pm
Academic status: Alumnus/a
Gender:
Contact:

Re: Web Development 4 All

Post by X-ray » Fri Jan 04, 2013 12:19 pm

http://smashinghub.com/10-development-t ... n-2013.htm

Ενδιαφέρον αρθρο για τα development trends του 2013!
shrinked image
User avatar
moody
Gbyte level
Gbyte level
Posts: 1082
Joined: Sun Oct 16, 2011 11:38 am
Gender:

Re: Web Development 4 All

Post by moody » Fri Jan 04, 2013 6:16 pm

χμμμ,σχετικά με το 5ο,θα λεγα και λίγο webGL :-p
Σχετικά με το 10,δεν το βρίσκω και τόσο must να μάθεις κάποιος
modie is balanced ¯\_(ツ)_/¯
User avatar
X-ray
Mbyte level
Mbyte level
Posts: 854
Joined: Tue Aug 29, 2006 2:09 pm
Academic status: Alumnus/a
Gender:
Contact:

Re: Web Development 4 All

Post by X-ray » Mon Jan 07, 2013 11:30 am

moody wrote:χμμμ,σχετικά με το 5ο,θα λεγα και λίγο webGL :-p
Σχετικά με το 10,δεν το βρίσκω και τόσο must να μάθεις κάποιος
Ναι συμφωνώ. Κοίτα τώρα αυτός που το έγραψε έκανε κάποιες προβλέψει - υποθέσεις δεν σημαίνει ότι πρέπει κάποιος να τις δεχτεί 100%.
Σίγουρα πάντως έχει μαζέψει μερικά ενδιαφέροντα skills και σου δίνει ιδέες για διάβασμα. :-D
Προσωπικά τα HTML5, CSS3, JQuery τα θεωρώ αυτονόητα. Και αυτό που εμένα με ενδιαφέρει πολύ τελευταία είναι το 8 (responsive pages).
shrinked image
User avatar
X-ray
Mbyte level
Mbyte level
Posts: 854
Joined: Tue Aug 29, 2006 2:09 pm
Academic status: Alumnus/a
Gender:
Contact:

Re: Web Development 4 All

Post by X-ray » Wed Jan 30, 2013 12:00 pm

Διαβάζω CoffeeScript atm θα σας πω εντυπώσεις soon..
Υπάρχει κάποιος που έχει δοκιμάσει;
shrinked image
User avatar
X-ray
Mbyte level
Mbyte level
Posts: 854
Joined: Tue Aug 29, 2006 2:09 pm
Academic status: Alumnus/a
Gender:
Contact:

Re: Web Development 4 All

Post by X-ray » Mon Feb 04, 2013 12:51 pm

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

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

Return to “Προγραμματισμός”