Πως θα ανέβω επίπεδο στο web design

Καλησπέρα σας.

Γενικά έχω δημιουργήσει 3 sites σχετικά απλά αλλά λειτουργικά.

Τα έφτιαξα μέσω wordpress προσθέτοντας λίγη css για να βοηθηθεί το site.

Δεν έχω τις τρελές γνώσεις αλλά μέρα με την μέρα βλέπω πολύ δυνατά sites που δουλεύουν αρκετά και με parallax effect αλλά και με full width τα περιθώρια που μου άρεσαν απλά δεν έχω τις γνώσεις και δεν ξερω απο που να ξεκινήσω για να κάνω και εγώ κάτι τέτοιο

κανονικά δεν θα έπρεπε να απαντήσω αλλά θα το κάνω.Wordpress πως έμαθες?Απο πού?Είδες ποτέ σου κανένα tutorial?<Youtube?-Ναι υπάχει κι'αυτό.>

3 ώρες πριν, expert30 είπε

κανονικά δεν θα έπρεπε να απαντήσω αλλά θα το κάνω.Wordpress πως έμαθες?Απο πού?Είδες ποτέ σου κανένα tutorial?<Youtube?-Ναι υπάχει κι'αυτό.>

wordpress μονος μου ναι μεσω ψαξιματος στο google youtube κλπ..... το επομενο βημα ομως ποιο μπορει να ειναι γιατι πολλα πραγματα ειναι fix μεσω του wordpress και αυτο θελω να το προσαρμοζω εγω

τότε άρχισε να ασχολείσαι με το html and css.

Ή εδώ

Δοκίμασε να φτιάξεις eshop, μάθε μερικά frameworks παράλληλα με HTML + CSS + Javascript. Στο youtube μπορείς να βρεις αρκετά tutorials, αν και θα σου πρότεινα καλύτερα να βρεις ένα μάθημα στο udemy, που συνήθως τα έχουν σε προσφορά πολύ φτηνά (10 - 20 ευρω)

Δες ποιά sites σου αρέσουν πως είναι στημένα και προσπάθησε να τα φτιάξεις και εσύ. Μη πας κατευθείαν στα πιο δύσκολα.

Ο δρόμος για το web design είναι standard και ξεκινάει κάπως έτσι

1. Ξέχνας την wordpress
2. Μαθαίνεις html & css.
3. CSS framework. Ότι έκανες στο βήμα 2 αλλά με λίγη ώθηση στα πρώτα σου βήματα
   1. Μερικά γνωστά είναι το bootstrap, tailwind, materialize
4. SCSS ή κάτι παρόμοιο. Ό,τι έκανες στα προηγούμενα βήματα απλά λίγο πιο οργανωμένα
5. Γλώσσα προγραμματισμού JavaScript (θα σε βοηθήσει να βάλεις animations)
6. jQuery. Ότι έκανες στο βήμα 5 λίγο πιο εύκολα

Στα πιο κάτω δεν μπορώ να βοηθήσω αλλά είναι απαραίτητα αν θες να ανέβεις όντως επίπεδο. (Όποιος ξέρει κάτι ας προσθέσει παιδιά)

• SEO (Search Engine Optimization)
• Θεωρίες χρωμάτων
• Typography (βασικά πως να επιλέξεις fonts)
• Κάπου εδώ θα βρεις και μερικά άλλα κόλπα των graphic designers αλλά δεν τα ξέρω

Τώρα για να βελτιώσεις (κι άλλο) το UX (User Experience) σε αυτό το στάδιο θα χρειαστεί να μάθεις ένα javascript (front-end) framework. Πιο δημοφιλή:

• Angular
• React.js
• Vue.js
• BONUS: Alpine.js 😍

Όντως φαίνονται πολλά, αλλά τα περισσότερα δεν είναι δύσκολα. Απλά χρειάζεσαι εμπειρία. Για κάθε τι που βλέπεις πρέπει να κάνεις practice. Το πιο σημαντικό βήμα για μένα είναι η καλή κατανόηση HTML, CSS & JavaScript. Αν δεν κατάλαβες πως δουλεύουν μην πας παρακάτω ακόμα κι αν έχεις αποτέλεσμα