front-end developing

[new_programmer]

γεια σας ειμαι πολυ καινουργιος στον προγραμματισμο ασχολουμαι τωρα λιγους μηνες με αυτο και εχω αυτοδιδαχθει την html css python kai javascript δεν μπορω να πω πως ξερω οντως ολες τις γλωσσες καλα αλλα μαθαινω ακομη.

θελω πολυ να μαθω απο που να ξεκινησω τωρα για να βαλω σε εφαρμογη τις γνωσεις μου με πρακτικο τροπο.ολα μου φαινονται μπερδεμενα οταν τα ψαχνω σε αλλα site και προσπαθω να βγαλω καποια ακρη σχετικα με το ποιες γνωσεις τελικα χριαζεται καποιος για να γινει front-end developer και πως μπορω να αποκτησω αυτες τις γνωσεις

σας ευχαριστω για το χρονο σας

[The King]

Αρχικά θεωρώ δεδομένο ότι γνωρίζεις τη διαφορά front-end με backend ή ακόμα και Full stack developer.

 

Ως πρώτο βήμα να τελειοποιήσεις τη JavaScript αφού ήδη την έχει ξεκινήσει καθώς θα σου δώσει πολύ σημαντικά  εφόδια να πας και παραπέρα ως Backend / Full stack developer αντί να μείνεις στο front-end.

 

Πρόσεχε, JavaScript δε σημαίνει μόνο DOM manipulation πλέον.

 

Τα βασικότερα επιπλέον αυτών που ήδη προανέφερες ότι αυτοδιδαχθεί και πρέπει να αποκτήσεις γνωστικά και πρακτικά ως μελλοντικός front-end developer είναι

1. JavaScript Frameworks (AngularJS, Backbone, Ember, and ReactJS)
2. jQuery (JavaScript library)
3. Ajax
4. SASS
5. JSON
6. XML (μη το βάλεις προτεραιότητα έναντι του JSON καθώς σχεδόν έχει κλείσει τον κύκλο ζωής του)
7. Χρήση Git & Gulp για το controlling/productivity σου

Επιπλέον καλό είναι να αποκτήσεις βασικές γνώσεις για mySQL κι ας αφορούν το backend development κομμάτι web εφαρμογών.

 

Ένα basic άρθρο υπάρχει εδώ για να σου δώσει πάτημα στο "μαθησιακό" σου προσανατολισμό ως front-end developer.

[t(o.ot)]

Για front end συνεχίζεις JavaScript, πιάνεις react (με create-react-app ή κάποιο παρεμφερές boilerplate) ή εναλλακτικά angular/vue, τελειοποιείς html και μαθαίνεις sass.

Η jQuery δεν είναι απαρχαιωμένη αλλά βρίσκεται προς την έξοδο, όποτε θα σου πρότεινα να ασχοληθείς μόνο αν πιάσεις δουλειά κάπου που τη χρησιμοποιούν ήδη.

Οταν πια θα είσαι άνετος με τα παραπάνω εργαλεία, μπορείς να κοιτάξεις και για full stack (αφού έχεις ήδη βάσεις σε JavaScript σε αυτό το σημείο η node είναι no brainier), αλλά σε αυτό το σημείο θα έχεις ήδη δει αρκετά για να ξέρεις ποιο θα είναι το επόμενο βήμα σου.

Επεξ/σία 16 Αυγούστου 2021 από t(o.ot)

[Predatorkill]

@t(o.ot) μετα απο τεσσερα χρονια θα εχει γινει old_programmer 😂😀 

απαντησε το σπαμ μαλακηστηρι απο πανω και τη πατησες 

Επεξ/σία 16 Αυγούστου 2021 από Predatorkill

[t(o.ot)]

Ήταν η σειρά μου να την πατήσω αυτή την εβδομάδα

[Maniakos]

https://github.com/kamranahmedse/developer-roadmap

[giwfys]

Να ρωτησω κ εγω πανω σε αυτο αντι να ανοιγω καινουργιο θεμα.

Οκ υπαρχουν πολλα tutorials και πολλα courses πανω σε html, css, javascript που σου μαθαινουν πως να δημιουργησεις μια "σελιδα" .html πχ για αρχη.

Υπαρχει καποιο σοβαρο course ή οτιδηποτε αλλο που να σου δειχνει ακριβως παραδειγματα δημιουργιας σελιδας αλλα ταυτοχρονα και hosting σε καποιο server. 

Δηλαδη οκ δημιουργεις τον φακελο σου με τα html css javascript αρχειακια, πως αυτα ουσιαστικα τα "βαζεις" στον σερβερ και πως δημιουργεις σελιδα στον πραγματικο ιντερνετ.

 

 

[onelonelystar]

δεν είναι κάτι δύσκολο το να ανεβάσεις ένα site σε ένα server, πχ. κατεβάζεις το filezilla, βάζεις τα στοιχεία του server και κάνεις upload τα αρχεία σου.

Αν έχεις βάση δεδομένων, απλά κάνεις και κάποιες έξτρα ρυθμίσεις, σαν αυτές στο localhost.

δηλ, δεν έχει κάτι να μάθεις εκεί, 3 βήματα είναι.

για HTML site δες https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

[t(o.ot)]

Επίσης το 'ανεβάζω μια σελίδα σε ένα σέρβερ' είναι πολύ πιο σύνθετο πρόβλημα απ' ότι ακούγεται. Υπάρχουν πολλά διαφορετικά πακέτα hosting 'εκεί έξω' με πολύ διαφορετικά environments και panels, από παραδοσιακά LAMP stacks με cPanel/Plesk κλπ, managed VMs που πρέπει να στήσεις εσύ το deployment pattern, 'serverless' hosting τύπου Github Pages κλπ.

Ο πιο εύκολος και κατά πάσα πιθανότητα οικονομικός τρόπος (πέρα από το να βγάλεις τον local server σου στο διαδίκτυο) είναι να πάρεις ένα από τα κλασσικά πακέτα hosting με λίγα ευρώ το μήνα και να ακολουθήσεις τον οδηγό τους (συνήθως έχουν documentation που εξηγεί πώς δουλεύει το stack τους).

[giwfys]

On 19/08/2021 at 19:16, t(o.ot) said:

Επίσης το 'ανεβάζω μια σελίδα σε ένα σέρβερ' είναι πολύ πιο σύνθετο πρόβλημα απ' ότι ακούγεται. Υπάρχουν πολλά διαφορετικά πακέτα hosting 'εκεί έξω' με πολύ διαφορετικά environments και panels, από παραδοσιακά LAMP stacks με cPanel/Plesk κλπ, managed VMs που πρέπει να στήσεις εσύ το deployment pattern, 'serverless' hosting τύπου Github Pages κλπ.

Ο πιο εύκολος και κατά πάσα πιθανότητα οικονομικός τρόπος (πέρα από το να βγάλεις τον local server σου στο διαδίκτυο) είναι να πάρεις ένα από τα κλασσικά πακέτα hosting με λίγα ευρώ το μήνα και να ακολουθήσεις τον οδηγό τους (συνήθως έχουν documentation που εξηγεί πώς δουλεύει το stack τους).

Γι αυτο ακριβως ρωταω για τετοια courses.

Γιατι το 99% ειναι κανω εφαρμογη με javascript, html, css. Οκ ρε φιλε την κανω, κατι ολοκληρωμενο δειξε μου.

Ακομα και με βαση δεδομενων ακομα καλυτερα. Και με δημιουργεια virtual machines ακομα καλυτερα..

[ghostaki]

Τελείως υποκειμενική άποψη: τα διάφορα courses είναι χρήσιμα μόνο και μόνο ως μια εισαγωγή στο εκάστοτε αντικείμενο.

tl;dr: θα σου "μείνει" πιο πολλή γνώση αν καθοδηγηθείς στην μάθησή σου από τις ανάγκες του πρότζεκτ σου, παρά από τη δομή ενός tutorial/course

Για μένα, ο καλύτερος τρόπος να μάθεις είναι να δουλέψεις "αντίστροφα": φαντάσου κάτι που θες να φτιάξεις (ιδανικά κάτι που θα έχει και μια πρακτική χρησιμότητα για σένα), περιγράφοντάς το στο μυαλό σου όπως θα το περιέγραφες σε κάποιον που έχει μηδέν τεχνικές γνώσεις.

Και μετά αρχίζεις να το αναλύσεις σε όλο και πιο "τεχνικά/λεπτομερή" κομμάτια, πάντα με γνώμονα τη high-level λειτουργία του κομματιού. Και τελικά ζωγράφισε κάπου το συνολικό design, όσο απλοϊκό και να μοιάζει. Και μετά για το κάθε κομμάτι του συστήματος (π.χ. frontend, backend, API, DB, κλπ) αποφάσισε ξεχωριστά πώς θα το φτιάξεις και πώς θα "μιλάει" με τα υπόλοιπα.

Και μόλις αποφασίσεις τα παραπάνω, τότε και μόνο αρχίζεις να γράφεις κώδικα. Στην αρχή κάτι σαν proof of concept για να δεις ότι όλα δουλεύουν μεταξύ τους. Και μετά εμπλουτίζεις. Και ό,τι βοήθεια χρειάζεσαι, google/stackoverflow κυρίως.  

Κι αν θες μια ολοκληρωμένη εισαγωγή σε κάτι σχετικά μοντέρνο, μπορείς να κάνεις ένα React frontend με create-react-app για αρχή που θα το βάλεις σε ένα S3 bucket στο AWS (κάνε free tier account για αρχή, μετά έχει ελάχιστο κόστος), ένα serverless API σε lambda με Javascript (για ευκολία την ίδια γλώσσα με το frontend σου) που να τρέχει σε ένα API Gateway και να παίρνει δεδομένα από DynamoDB. Μπορεί να ακούγονται πολύπολοκα, αλλά υπάρχει πολύ documentation για όλα αυτά και θα σου δώσει την ευκαιρία να πάρεις μια γεύση από όλα. 

@giwfys μιας και ρώτησες για ανέβασμα σελίδας στο πραγματικό ιντερνετ: ένας από τους πιο εύκολους, αλλά και τελείως δωρεάν για μικρή χρήση είναι αυτό που ανέφερε πριν: free tier στο AWS, δημιουργείς ένα S3 bucket (φάκελος είναι στην ουσία) και κάνεις upload τα html, js και css αρχεία σου εκεί. Και ενεργοποιείς τη λειτουργία web hosting του bucket  (https://docs.aws.amazon.com/AmazonS3/latest/userguide/hosting-websites-on-s3-examples.html) και αυτό ήταν. Έχεις σε ελάχιστα λεπτά publicly accessible στατικό site! Και τελείως δωρεάν όσο δε ξεπερνάς τα free όρια που είνα αρκετά γενναιόδωρα για αρχή. Και μετά αν θες το συνδέεις και με API για πιο δυναμικές καταστάσεις.

 

Επεξ/σία 22 Αυγούστου 2021 από ghostaki