Σ ευχαριστώ Δημήτρη! Θέλω να κάνω συνέχεια βελτιώσεις, και κάποια στιγμή να δέσουν όλα τα βίντεο, ώστε να μπορεί καποιος να εχει σημεία αναφοράς για τα πρώτα του βήματα.
@@TechandCodeInGreek Θα ήθελα να σας ρωτήσω αν θα προσθέσετε στο κανάλι σας tutorial σχετικά με react, angular, jQuery ή κάποια tutorial για C#, Java κλπ
Αγαπητέ, γειά σας. αν και δεν σας γνωρίζω τολμώ να σας απευθύνω τον λόγο. Εύγε σας, για την ακρίβεια, την γλωσσική ευφράδεια και κυρίως την μεταδοτικότητα γνώσεων. Έχω ωφεληθεί και σε γνώση και σε αφομίωση και σε χρόνο. Περιεκτικότατη και απολύτως επίκαιρη γνώση. Μου άρεσε πολύ η ρύθμιση του φυλλομετρητή ν΄ανανεώνεται αυτόματα. Αν δεν παραβιάζονται δικαιώματα θα ήθελα να το μάθω. Ευχαριστώ και εύχομαι το καλλίτερο για κάθε στόχο σας. Με εκτίμηση. Μιχαήλ Παλαιοπάνος
Καλησπέρα και συγχαρητήρια για τα Βίντεο και τον χρόνο που αφιερώνεις ! Είμαι new subscriber και begginer σε html css και php. Αν σου είναι εύκολο ανέβασε ένα tutorial γιατί και εμείς που μαθαίνουμε απο εσένα ξεκινήσαμε να δουλεύουμε με το VScode και ενώ κατανοούμε αυτά που μας λες μας φαίνεται "βουνό" ο χειρισμός του VSCode
θα μπορουσατε να κανετε ενα video με την εγατασταση του προγραμμα χρησιμοποιειτε για να κανετε ΗΤΜL προγραμματα καθως και πως ρυθμιζουμε τον browser να διχνει αμεσος τα αποτελεσματα
Ουσιαστικά έχω ανοιχτό ένα chrome και μοίρασα τα παράθυρα. Το chrome όμως το άνοιξα με το live server, ένα extension του vscode που ανανεώνει και το browser κάθε φορά που σώζεις μία αλλαγή.
Πολύ ωραίο βίντεο , τα εξηγείς όμορφα χωρίς πολλά πολλά . Αλλά παναθεμα με ποιο εξτενσιον χρειάζεται να κατεβάσω για να μου τα δείχνει κ εμένα έτσι όμορφα όταν γράφω html στο vscode ; ( Όμορφα εννοώ με αυτά τα διάφορα χρώματα και με το "αυτόματο συμπληρώμα" των ταγκ ας πούμε ) . Edit : Nevermind ένας φίλος σχετικός μου εξήγησε τι κάνω λάθος , όλα καλά .
@@user-fs3tf2vt4x Καλησπέρα. Η html ειναι τόσο συχνή ανάγκη που το vscode την υποστηρίζει χωρίς να χρειαστεί να κάνεις κάτι άλλο. Αν όμως θέλεις περισσότερα πράγματα όπως αυτόματη συμπλήρωση, προτάσεις, συνταξη κλπ μπορείς να βρείς πολλά plugins για html (και για οποιοαδήποτε άλλη γλώσσα ασχολειθείς). Για να βρεις και να εγκαταστήσεις plugins είναι εξαιρετικά απλό, απο την αριστερή μπάρα επιλέγεις το εικονίδιο με τα κουτάκια (που το πανω δεξιά ειναι πιο μακρυά). Σου ανοίγει ένα μενού και κανεις αναζήτηση και εγκατάσταση όποιο plugin θέλεις. Είναι απλό θα δείς, δοκίμασέ το και αν δυσκολευτείς άσε σχόλιο εδώ.
Καλησπέρα! Πόσο μεταδοτικός!! Ευχαριστούμε που μοιράζεστε τις γνώσεις σας. Θέλω να τα κάνω πράξη. Τόσο καιρό δουλεύω τερματικό σε macbook. Πήγα να κατεβάσω vscode κ λεει δεν υπάρχει. Μπορώ να δουλέψω κάπου αλλού;
Ευχαριστώ πολύ για τα καλά σου λόγια! Το vscode μπορείς να το δείς εδώ και για mac: code.visualstudio.com/download Αν για κάποιο λόγο δε σου τρέξει εναλλακτικά μπορείς να χρησιμοποιήσεις οποιοδήποτε IDE (πχ sublime, atom κ.α.) για να γράψεις html δε χρειάζεσαι κάτι ιδιαίτερο.
Καταπληκτικός! Μετά την HTML και λογικά την CSS, φαντάζομαι, μπορείς να κάνεις και ένα συνδυαστικό project με python. Αν και μπορεί να μην συνδυάζονται τέλεια, ίσως?
Καλά το φαντάζεσαι! Η σκέψη είναι μου ότι καποια στιγμή αν χρειαστεί να δείξω τα βασικά για web developing σε python να μπορώ να παραπέμψω σε αυτά τα βιντεο ώστε να μπορεί να τα παρακολουθήσει και ο εντελώς αρχάριος... Η python συνδυάζεται με όλα! :)
Αρχικα να σας ευχαριστησω για το βιντεο που μας προσφερετε... Παρακαλω πολυ θα μπορεσετε να μου εξηγησετε πως ακριβως βαζουμε εικονα στην ιστοσελιδα μας; Θελω να πω την εικονα μετά την αποθηκευση της πως ακριβως την περναμε στον πινακα; Ευχαριστω πολυ περιμενω την απαντηση σας
Καλησπέρα, για εικόνες στην ιστοσελίδα μπορείς να δεις αυτό το βίντεο: ruclips.net/video/NPjm0h9cXRE/видео.html Αν προκύψουν απορίες ρωτάς στα σχόλια του συγκεκριμένου βίντεο ελεύθερα.
Καλησπέρα. Φυλομετρητής ειναι ο browser, αυτός που χρησιμοποιείς για να δεις αυτό το video και που χρησιμοποίησες για να γράψεις αυτό το σχόλιο. Ο chrome, firefox, explorer, edge, opera, safari κλπ. Υπάρχουν πολλοί φυλομετρητές, και μπορείς να τους κατεβάσεις δωρεάν.
@@greensnot9603 Οπως θα δεις και στο βίντεο το μόνο που εχεις να κάνεις ειναι να κάνεις διπλό κλικ στο html αρχείο που δημιούργεισες και θα σου το ανοίξει με το φυλλομετρητή σου
Γειά σου @Vicky Kap Ουσιαστικά αυτό που βλέπεις ειναι δύο παράθυρα το ένα δίπλα στο άλλο κολλητά. Το αριστερό ειναι το vscode και δεξιά o chrome. Η αυτόματη ανανέωση γινεται με ένα plugin του vscode που λέγεται Live Server.
καλημέρα!! Ενώ έχω κατεβάσει το plug in live server και έχω πατήσει go live απο την μπλέ γραμμή κάτω, δεν κάνει αυτόματη ανανέωση όταν γράφω. Μπορεί να μου εξηγήσει κάποιος τι κάνω λάθος?
Καλησπέρα. Η μπλε γραμμή κάτω με το go live δεν εχει να κάνει με τον live server. Είναι για παρουσιάσεις και online συνεργασίες νομίζω. Για να ανοίξεις αρχείο με το live server θα πατήσεις δεξί κλικ στο αρχείο πχ index.html και open with Live server.
Σ ευχαριστώ πολύ :) Περίεργο που δε σου κάνει ανανέωση με τις αλλαγές. Η ανανέωση γίνεται μετά την αποθήκευση να ξέρεις. Εγώ στα βίντεο έχω ενεργοποιήσει το autosave γι αυτό φαίνονται άμεσα οι αλλαγές. Μετά το δεξί κλίκ σου ανοίγει τη διεύθυνση 127.0.0.1:5500/index.html Για δε μήπως ειναι θέμα ότι δεν κάνεις save και περιμένεις τις αλλαγές όπως βλέπεις στο βίντεο. Αν θέλεις να πετύχεις το ίδιο αποτέλεσμα με το video μπορείς να πας File>Preferences>Settings και να ενεργοποιήσεις το autosave.
@@TechandCodeInGreek Σε ευχαριστώ για την άμεση απάντηση. Βρήκα το λάθος μου δεν είχα καταλάβει οτι για να δουλέψει πρέπει να κάνεις save οπότε μόλις το γύρισα στο auto save παίζει κανονικά. Συγχαρητήρια για την καλή δουλειά σου και τον χρόνο που αφιερώνεις.
Καλημέρα, κατέβασα το live server extension για το vscode και στη συνέχεια έκανα δεξί κλικ στο αρχείο που θέλω να "παρακολουθώ" και open with live server.
Για κάποιο λόγο δεν μπορώ να το κάνω να δείχνει αυτά που γράφω όπως στο βίντεο. Δεν δουλεύει ούτε το autosave ούτε το live server.. Το live server μου ανοίγει τη σελίδα όμως δεν μου εμφανίζει τον χώρο για να γράψω μου βγάζει κάποια αρχεία (Στη καρτέλα γράφει listing directory/).. Τι μπορεί να φταίει;
ειναι το πρωτο βιντεο που παρακολουθω στη ζωη μου σχετικα με hmtl. και να φανταστειτε, ειμαι αποφοιτος αει πληροφορικης. ειναι πολυ ενδιαφερων και απλος ο τροπος που το παρουσιαζετε. καποιες ερωτησεις μονο: τι IDE χρησιμοποιειτε? και επισης, ο φυλλομετρητης που ανοιγετε, ειναι απλα μια "νεα καρτελα" σε εναν browser, οπως πχ ο chrome? και πως συγχρονιζεται ο φυλλομετρητης με το IDE? Ευχαριστω! EDIT* καλο θα ητν πιστευω να δημιουργησετε/ενσωματωσετε σ αυτο το βιντεο ενα συντομο tutorial 2-3 λεπτων οπου θα δειχνετε απο την αρχη πως φτιαχουμε ενα αρχειο στο IDE που χρησιμοποιειτε, πως το ανοιγουμε, πως συγχρονιζουμε το φυλλομετρητη κλπ. καλη συνεχεια και μπραβο για την καλη δουλεια!
Καλησπέρα και σ ευχαριστώ για τα καλά σου λόγια. Χρησιμοποιώ το vscode για IDE το οποίο ειναι δημοφιλέστατο δωρεάν πρόγραμμα με πολλές δυνατότητες. Για το browser ειναι όπως το λές, μία καρτέλα που εχω βάλει δίπλα (του chrome) και για την αυτόματη ανανέωση χρησιμοποιώ το live server extension τους vscode. Είναι το ίδιο στήσιμο που χρησιμοποιώ και στα video στη σειρά της javascript, εκεί τα δείχνω εδώ, εχεις δίκιο, κακώς το παρέλειψα.
@@TechandCodeInGreek Ευχαριστω πολυ! Εχω μια ακομα απορια... Δεν ξερω πως να τρεξω ολα αυτα που φτιαχνω, οχι μονο στην html αλλα και στην python... Τι να κανω?
@@alexdim5451 Δεν ειναι πρόβλημα, με διπλό κλικ πάνω σε ένα .html αρχείο θα στο ανοίξει στο browser, ενώ με διπλό κλίκ πάνω σε ένα .py αρχείο θα σου τρέξει η python.
Πολύ ωραία τα περιγράφετε.Ήθελα να ρωτήσω αν κάποιος μπορεί να βοηθήσει...Πώς περνάμε ένα javascript σε html;Έχω κολήσει και δεν έχω βοήθεια από κανέναν.Θέλω να συνδέσω μιά φόρμα που περιέχει ένα pdf,στην ιστοσελίδα μου.Και δεν ξέρω ακριβώς πώς γίνεται.
Καλησπέρα Ελένη. Αυτές είναι δύο ερωτήσεις. Για να συνδεσεις ένα αρχείο javascript μπορείς να το κάνεις με το script tag. Πχ . Για περισσότερες πληροφορίες υπάρχει σχετική σειρά στο κανάλι για Javascript, στο πρώτο η στο δεύτερο βίντεο θα το δεις αναλύτικά πως το κάνεις. Για το θέμα με το pdf δεν κατάλαβα τι ακριβώς εννοείς να "συνδέσεις". Αν εννοείς να κάνει καπου κλικ ο επισκέπτης και να τον οδηγείς στο pdf αυτό γίνεται πολύ απλά με το a tag. Πχ Click for pdf Αν παρακολουθήσεις τα παρακάτω βίντεο θα εξοικειωθείς με αυτά και άλλα tags. Για ότι άλλο προλύψει ρωτάς ελεύθερα, καλή επιτυχία.
Εχω κάνει πολλά site αλλά δεν έχει σπουδαίο νόημα να σου δείξω εδώ γιατί για τα site αυτά δεν χρησιμοποιώ μόνο html αλλά και άλλες τεχνολογίες. Πχ css, javascript κάποια backend γλώσσα όπως php ή python κλπ. H html είναι μια εισαγωγή στον κόσμο του web programming. Μόνο με αυτή και χωρίς άλλες τεχνολογίες δε μπορείς να εχεις επαγγελματικό αποτέλεσμα. Οπότε δείχνοντας μία σελίδα που εχει γίνει με πολλές άλλες τεχνολογίες είναι λίγο παραπλανητικό. Επίσης δε θέλω να φανεί ότι κανω διαφήμιση στα site των πελατών μου. Αλλά για να μη θεωρηθεί ότι αποφεύγω να δείξω κάποια δουλειά μου, αυτή ειναι μια σελίδα που δεν ανήκει σε πελάτη μου, την έκανα σαν χόμπυ στον ελεύθερο χρόνο μου: www.magirema.com
@@RefusedMemoriez Φυσικά. Όχι όμως μόνο με την HTML αλλά και με άλλες τεχνολογίες. Και όχι μόνο παρακολουθόντας τα μαθήματά μου αλλα κάνοντας δοκιμές και μόνος σου. Το γεγονός ότι ξέρεις τι θες να κάνεις ειναι καλό γιατί μπορείς να ξεκινήσεις ένα πρωτόλειο. Ενα ειδησεογραφικό site ΔΕΝ θα γίνει μόνο με HTML γιατί έχει δυναμικό περιεχομενο. Εχεις ανάγκη δηλαδή απο ένα σύστημα που θα μπορείς να προσθέτεις και θα ενημερώνεις άρθρα με τις φωτογραφίες τους κλπ. Θα σου πρότεινα να ρίξεις μια ματιά και σε κάποιο CMS όπως το wordpress που ειναι φτιαγμένο για τέτοιες δουλειές, και συχρόνως να μαθαίνεις για να κάνεις πιο εξειδικευμένα πράγματα και προσαρμοσμένα με περισσότερη λεπτομέρεια στις ανάγκες σου. Η HTML θα σε βοηθίσει ακόμα και στην περίπτωση που καταλλήξεις στη λύση που σου προτείνω πάντως και γενικά αν ασχοληθείς με οποιαδήποτε τεχνολογία που εχει να κάνει με ιστοσελίδες.
Όλο μου το εξάμηνο σε μερικά καταπληκτικά και κατανοητά βίντεο! Ευχαριστούμε!!!
Πολύ κατανοητό, απλό και ευχάριστο βίντεο! Ευχαριστούμε!
Μπραβο Πολυ Καλη Δουλεια ...Συνεχιστε ετσι!!!!
Πολύ καλό, μπράβο. Συνεχίστε..
Ειστε καταπληκτικος!!!Ευχαριστω πολυ!!!!
Φοβερή δουλειά!Ευχαριστούμε
Συγχαρητήρια, ευχαριστούμε!
Ωραίος, το κανάλι έγινε κατα την γνώμη μου, το καλύτερο ελληνικό κανάλι προγραμματισμού και αν αυξηθεί το περιεχόμενο θα χτυπάει και τα ξένα !
Σ ευχαριστώ Δημήτρη! Θέλω να κάνω συνέχεια βελτιώσεις, και κάποια στιγμή να δέσουν όλα τα βίντεο, ώστε να μπορεί καποιος να εχει σημεία αναφοράς για τα πρώτα του βήματα.
Πολύ καλή επεξήγηση!!
Εξαιρετικό το κανάλι σας με όλα τα playlists για νέους προγραμματιστές και όχι μόνο!. Σας ευχαριστούμε.
Σ ευχαριστώ κι εγώ για τα καλά σου λόγια!
@@TechandCodeInGreek Θα ήθελα να σας ρωτήσω αν θα προσθέσετε στο κανάλι σας tutorial σχετικά με react, angular, jQuery ή κάποια tutorial για C#, Java κλπ
πολυ καλο καναλι φιλε
Πολύ καλή δουλειά!
Μπραβο!
Ευχαριστούμε
Αγαπητέ, γειά σας. αν και δεν σας γνωρίζω τολμώ να σας απευθύνω τον λόγο.
Εύγε σας, για την ακρίβεια, την γλωσσική ευφράδεια και κυρίως την μεταδοτικότητα γνώσεων.
Έχω ωφεληθεί και σε γνώση και σε αφομίωση και σε χρόνο.
Περιεκτικότατη και απολύτως επίκαιρη γνώση.
Μου άρεσε πολύ η ρύθμιση του φυλλομετρητή ν΄ανανεώνεται αυτόματα. Αν δεν παραβιάζονται δικαιώματα θα ήθελα να το μάθω.
Ευχαριστώ και εύχομαι το καλλίτερο για κάθε στόχο σας.
Με εκτίμηση.
Μιχαήλ Παλαιοπάνος
Καλησπέρα και συγχαρητήρια για τα Βίντεο και τον χρόνο που αφιερώνεις ! Είμαι new subscriber και begginer σε html css και php. Αν σου είναι εύκολο ανέβασε ένα tutorial γιατί και εμείς που μαθαίνουμε απο εσένα ξεκινήσαμε να δουλεύουμε με το VScode και ενώ κατανοούμε αυτά που μας λες μας φαίνεται "βουνό" ο χειρισμός του VSCode
καλή δουλειά συνεχίσει έτσι :)
Ευχαριστώ! :)
θα μπορουσατε να κανετε ενα video με την εγατασταση του προγραμμα χρησιμοποιειτε για να κανετε ΗΤΜL προγραμματα καθως και πως ρυθμιζουμε τον browser να διχνει αμεσος τα αποτελεσματα
Πολύ καλός.
love you
καλησπερα σας, και συγχαρητηρια! Με ποιο τροπο μπορω να ρυθμισω τον φυλλομετρητη οπως το εχετε ρυθμισει εσεις για να βλεπω τι κανω?
Μπραβο σας pπολυ καλη δουλεια, σας ευχαριστουμε!!Μια ερωτηση μόνο, πως κανατε διαμερισμο οθονης στο vscode? Πολυ χρησιμο εργαλειο, θα με βοηθουσατε πολυ.
Ουσιαστικά έχω ανοιχτό ένα chrome και μοίρασα τα παράθυρα. Το chrome όμως το άνοιξα με το live server, ένα extension του vscode που ανανεώνει και το browser κάθε φορά που σώζεις μία αλλαγή.
η εφαρμογή wix χρησιμοποιεί html ?
wreos sinexise dinamika!!
Πως έκανες ότι γράφεις να γίνετε αυτόματα και στον browser και ποια εφαρμογή χρεισιμοποιοις σε παρακαλώ απαντα
Πολύ ωραίο βίντεο , τα εξηγείς όμορφα χωρίς πολλά πολλά . Αλλά παναθεμα με ποιο εξτενσιον χρειάζεται να κατεβάσω για να μου τα δείχνει κ εμένα έτσι όμορφα όταν γράφω html στο vscode ; ( Όμορφα εννοώ με αυτά τα διάφορα χρώματα και με το "αυτόματο συμπληρώμα" των ταγκ ας πούμε ) . Edit : Nevermind ένας φίλος σχετικός μου εξήγησε τι κάνω λάθος , όλα καλά .
Καλησπέρα και σ ευχαριστώ για τα καλά λόγια! Χαίρομαι που βοήθησε ο φίλος σου, για ότι άλλο προκύψει αφήνεις σχόλιο!
@@TechandCodeInGreek Μήπως είναι εύκολο να απαντηθεί αυτή η ερώτηση; Για να καταλάβω και εγώ πως λειτουργεί με vbcode;
@@user-fs3tf2vt4x Καλησπέρα. Η html ειναι τόσο συχνή ανάγκη που το vscode την υποστηρίζει χωρίς να χρειαστεί να κάνεις κάτι άλλο. Αν όμως θέλεις περισσότερα πράγματα όπως αυτόματη συμπλήρωση, προτάσεις, συνταξη κλπ μπορείς να βρείς πολλά plugins για html (και για οποιοαδήποτε άλλη γλώσσα ασχολειθείς). Για να βρεις και να εγκαταστήσεις plugins είναι εξαιρετικά απλό, απο την αριστερή μπάρα επιλέγεις το εικονίδιο με τα κουτάκια (που το πανω δεξιά ειναι πιο μακρυά). Σου ανοίγει ένα μενού και κανεις αναζήτηση και εγκατάσταση όποιο plugin θέλεις. Είναι απλό θα δείς, δοκίμασέ το και αν δυσκολευτείς άσε σχόλιο εδώ.
@@TechandCodeInGreek ευχαριστώ πολύ ήταν κατατοπιστικότατο το σχόλιο , καλή συνέχεια !
Καλησπέρα! Πόσο μεταδοτικός!! Ευχαριστούμε που μοιράζεστε τις γνώσεις σας. Θέλω να τα κάνω πράξη. Τόσο καιρό δουλεύω τερματικό σε macbook. Πήγα να κατεβάσω vscode κ λεει δεν υπάρχει. Μπορώ να δουλέψω κάπου αλλού;
Ευχαριστώ πολύ για τα καλά σου λόγια! Το vscode μπορείς να το δείς εδώ και για mac: code.visualstudio.com/download
Αν για κάποιο λόγο δε σου τρέξει εναλλακτικά μπορείς να χρησιμοποιήσεις οποιοδήποτε IDE (πχ sublime, atom κ.α.) για να γράψεις html δε χρειάζεσαι κάτι ιδιαίτερο.
καλησπέρα ποιες ρυθμίσεις κάνατε ώστε όταν γράφετε να εμφανίζεται στην οθόνη του φθλλομετρητή ?
Κατέβασα ένα extension του vscode που λέγεται live server και άνοιξα το html αρχείο μου με αυτό (δεξί κλίκ και open with live server)
Καταπληκτικός! Μετά την HTML και λογικά την CSS, φαντάζομαι, μπορείς να κάνεις και ένα συνδυαστικό project με python. Αν και μπορεί να μην συνδυάζονται τέλεια, ίσως?
Καλά το φαντάζεσαι! Η σκέψη είναι μου ότι καποια στιγμή αν χρειαστεί να δείξω τα βασικά για web developing σε python να μπορώ να παραπέμψω σε αυτά τα βιντεο ώστε να μπορεί να τα παρακολουθήσει και ο εντελώς αρχάριος...
Η python συνδυάζεται με όλα! :)
@@TechandCodeInGreek Τέλεια, πιστεύω ότι είναι πολύ καλή ιδέα και τα καταφέρνεις πολύ καλά. Συνέχισε έτσι!!
@@chrisnak4333 Ευχαριστώ για τα καλά λόγια και την υποστήριξη!
Αρχικα να σας ευχαριστησω για το βιντεο που μας προσφερετε... Παρακαλω πολυ θα μπορεσετε να μου εξηγησετε πως ακριβως βαζουμε εικονα στην ιστοσελιδα μας; Θελω να πω την εικονα μετά την αποθηκευση της πως ακριβως την περναμε στον πινακα; Ευχαριστω πολυ περιμενω την απαντηση σας
Καλησπέρα, για εικόνες στην ιστοσελίδα μπορείς να δεις αυτό το βίντεο: ruclips.net/video/NPjm0h9cXRE/видео.html
Αν προκύψουν απορίες ρωτάς στα σχόλια του συγκεκριμένου βίντεο ελεύθερα.
@@TechandCodeInGreek Ευχαριστω για την γρηγορη ανταποκριση. Θα το παρακολουθησω 🙂
Σε ποια εφαρμογή γράφεται τον κώδικα;πολύ κατανοητά βίντεο!
Σ ευχαριστώ. Γράφω στο vscode. Μπορείς να το κατεβάσεις εδώ: code.visualstudio.com/download
καλησπερα, τον φυλομετριτη που τον βρησκουμε
Καλησπέρα. Φυλομετρητής ειναι ο browser, αυτός που χρησιμοποιείς για να δεις αυτό το video και που χρησιμοποίησες για να γράψεις αυτό το σχόλιο. Ο chrome, firefox, explorer, edge, opera, safari κλπ. Υπάρχουν πολλοί φυλομετρητές, και μπορείς να τους κατεβάσεις δωρεάν.
Και τι πρέπει να επισκεφτώ ώστε να βλέπω το αποτέλεσμα της html
@@greensnot9603 Οπως θα δεις και στο βίντεο το μόνο που εχεις να κάνεις ειναι να κάνεις διπλό κλικ στο html αρχείο που δημιούργεισες και θα σου το ανοίξει με το φυλλομετρητή σου
@@TechandCodeInGreek ναι αλλά δημόσια πως γίνετε; Ώστε αν το βλέπουν και άλλοι;
@@greekchannel2774 θα πρέπει να ανεβάσεις τη δουλειά σου σε κάποιο server.
Πως άνοιξες τον φυλλομετρητη δεξια στην οθόνη ευχαριστώ
Γειά σου @Vicky Kap
Ουσιαστικά αυτό που βλέπεις ειναι δύο παράθυρα το ένα δίπλα στο άλλο κολλητά. Το αριστερό ειναι το vscode και δεξιά o chrome.
Η αυτόματη ανανέωση γινεται με ένα plugin του vscode που λέγεται Live Server.
καλημέρα!! Ενώ έχω κατεβάσει το plug in live server και έχω πατήσει go live απο την μπλέ γραμμή κάτω, δεν κάνει αυτόματη ανανέωση όταν γράφω. Μπορεί να μου εξηγήσει κάποιος τι κάνω λάθος?
Καλησπέρα. Η μπλε γραμμή κάτω με το go live δεν εχει να κάνει με τον live server. Είναι για παρουσιάσεις και online συνεργασίες νομίζω. Για να ανοίξεις αρχείο με το live server θα πατήσεις δεξί κλικ στο αρχείο πχ index.html και open with Live server.
Σ ευχαριστώ πολύ :)
Περίεργο που δε σου κάνει ανανέωση με τις αλλαγές. Η ανανέωση γίνεται μετά την αποθήκευση να ξέρεις. Εγώ στα βίντεο έχω ενεργοποιήσει το autosave γι αυτό φαίνονται άμεσα οι αλλαγές. Μετά το δεξί κλίκ σου ανοίγει τη διεύθυνση 127.0.0.1:5500/index.html
Για δε μήπως ειναι θέμα ότι δεν κάνεις save και περιμένεις τις αλλαγές όπως βλέπεις στο βίντεο. Αν θέλεις να πετύχεις το ίδιο αποτέλεσμα με το video μπορείς να πας File>Preferences>Settings και να ενεργοποιήσεις το autosave.
@@TechandCodeInGreek Σε ευχαριστώ για την άμεση απάντηση. Βρήκα το λάθος μου δεν είχα καταλάβει οτι για να δουλέψει πρέπει να κάνεις save οπότε μόλις το γύρισα στο auto save παίζει κανονικά. Συγχαρητήρια για την καλή δουλειά σου και τον χρόνο που αφιερώνεις.
Γεια σας, μπορείτε να μου πείτε πως κάνατε τον φυλλομετρητή να ανανεώνεται αυτόματα;
Καλημέρα, κατέβασα το live server extension για το vscode και στη συνέχεια έκανα δεξί κλικ στο αρχείο που θέλω να "παρακολουθώ" και open with live server.
Για κάποιο λόγο δεν μπορώ να το κάνω να δείχνει αυτά που γράφω όπως στο βίντεο.
Δεν δουλεύει ούτε το autosave ούτε το live server.. Το live server μου ανοίγει τη σελίδα όμως δεν μου εμφανίζει τον χώρο για να γράψω μου βγάζει κάποια αρχεία (Στη καρτέλα γράφει listing directory/).. Τι μπορεί να φταίει;
Μήπως δεν εχεις αρχείο index.html και εχεις ονομάσει καπως αλλιώς το αρχείο σου; Το directory listing σου δείχνει τα αρχεία του φακέλου?
@@TechandCodeInGreek Οχι index.html το εχω
ειναι το πρωτο βιντεο που παρακολουθω στη ζωη μου σχετικα με hmtl. και να φανταστειτε, ειμαι αποφοιτος αει πληροφορικης. ειναι πολυ ενδιαφερων και απλος ο τροπος που το παρουσιαζετε. καποιες ερωτησεις μονο: τι IDE χρησιμοποιειτε? και επισης, ο φυλλομετρητης που ανοιγετε, ειναι απλα μια "νεα καρτελα" σε εναν browser, οπως πχ ο chrome? και πως συγχρονιζεται ο φυλλομετρητης με το IDE? Ευχαριστω!
EDIT* καλο θα ητν πιστευω να δημιουργησετε/ενσωματωσετε σ αυτο το βιντεο ενα συντομο tutorial 2-3 λεπτων οπου θα δειχνετε απο την αρχη πως φτιαχουμε ενα αρχειο στο IDE που χρησιμοποιειτε, πως το ανοιγουμε, πως συγχρονιζουμε το φυλλομετρητη κλπ. καλη συνεχεια και μπραβο για την καλη δουλεια!
Καλησπέρα και σ ευχαριστώ για τα καλά σου λόγια. Χρησιμοποιώ το vscode για IDE το οποίο ειναι δημοφιλέστατο δωρεάν πρόγραμμα με πολλές δυνατότητες. Για το browser ειναι όπως το λές, μία καρτέλα που εχω βάλει δίπλα (του chrome) και για την αυτόματη ανανέωση χρησιμοποιώ το live server extension τους vscode.
Είναι το ίδιο στήσιμο που χρησιμοποιώ και στα video στη σειρά της javascript, εκεί τα δείχνω εδώ, εχεις δίκιο, κακώς το παρέλειψα.
@@TechandCodeInGreek eyxaristtw polu!!
Καλησπέρα, είναι εύκολο να μου πείτε σας παρακαλώ ποιον επεξεργαστή κειμένου χρησημοποιείτε?
Καλησπέρα, χρησιμοποιώ το vscode (code.visualstudio.com/download). Είναι πολύ καλό IDE και καλύπτει πολλές γλώσσες προγραμματισμού.
@@TechandCodeInGreek ευχαριστώ πάρα πολύ για την απίστευα γρήγορη απάντηση σας!
Καλησπερα ειμαι καινουριος στο καναλι μπορειτε να με βοηθησετε με το html πως μπορω να κανω αυτη τι ρύθμισή στο 3:02 σε αυτο το σημειο
Για επεξεργαστη κειμενου μπορουμε να χρησιμοποιησουμε το intelij;
Ναι κανένα πρόβλημα, ειναι φοβερό IDE. Δε το έχω δουλέψει αλλά ακούω πολύ καλά λόγια γι αυτό.
@@TechandCodeInGreek Ευχαριστω πολυ για την απαντηση.
Τι να κατεβάσω για να κάνω αυτά που κάνεις στην πράξη
Μόνο ένας editor αρκεί. Εγώ στα video χρησιμοποιώ το vscode (code.visualstudio.com/download)
Ωραιος bro, γαμας👌
Καλησπέρα! Θα μπορούσε κάποιος να με βοηθήσει για το πως να κατεβάσω το htlm?? Επειδή το έψαξα αρκετά και δεν έβγαλα άκρη....
Καλησπέρα Alex. To html δε το κατεβάζεις το δημιουργείς. Μήπως εννοείς το vscode; Αν ναι πας εδώ: code.visualstudio.com/
@@TechandCodeInGreek Ευχαριστω πολυ! Εχω μια ακομα απορια... Δεν ξερω πως να τρεξω ολα αυτα που φτιαχνω, οχι μονο στην html αλλα και στην python... Τι να κανω?
@@alexdim5451 Δεν ειναι πρόβλημα, με διπλό κλικ πάνω σε ένα .html αρχείο θα στο ανοίξει στο browser, ενώ με διπλό κλίκ πάνω σε ένα .py αρχείο θα σου τρέξει η python.
eyxaristoume poly kalh xronia me ygeia
Πολύ ωραία τα περιγράφετε.Ήθελα να ρωτήσω αν κάποιος μπορεί να βοηθήσει...Πώς περνάμε ένα javascript σε html;Έχω κολήσει και δεν έχω βοήθεια από κανέναν.Θέλω να συνδέσω μιά φόρμα που περιέχει ένα pdf,στην ιστοσελίδα μου.Και δεν ξέρω ακριβώς πώς γίνεται.
Καλησπέρα Ελένη. Αυτές είναι δύο ερωτήσεις. Για να συνδεσεις ένα αρχείο javascript μπορείς να το κάνεις με το script tag. Πχ . Για περισσότερες πληροφορίες υπάρχει σχετική σειρά στο κανάλι για Javascript, στο πρώτο η στο δεύτερο βίντεο θα το δεις αναλύτικά πως το κάνεις.
Για το θέμα με το pdf δεν κατάλαβα τι ακριβώς εννοείς να "συνδέσεις". Αν εννοείς να κάνει καπου κλικ ο επισκέπτης και να τον οδηγείς στο pdf αυτό γίνεται πολύ απλά με το a tag. Πχ Click for pdf
Αν παρακολουθήσεις τα παρακάτω βίντεο θα εξοικειωθείς με αυτά και άλλα tags. Για ότι άλλο προλύψει ρωτάς ελεύθερα, καλή επιτυχία.
@@TechandCodeInGreek Σας ευχαριστώ πολύ για την απάντηση.Ναστε καλά!
Δείξε μας κάποιο σιτε σου να πάρουμε μια ιδέα
Εχω κάνει πολλά site αλλά δεν έχει σπουδαίο νόημα να σου δείξω εδώ γιατί για τα site αυτά δεν χρησιμοποιώ μόνο html αλλά και άλλες τεχνολογίες. Πχ css, javascript κάποια backend γλώσσα όπως php ή python κλπ. H html είναι μια εισαγωγή στον κόσμο του web programming. Μόνο με αυτή και χωρίς άλλες τεχνολογίες δε μπορείς να εχεις επαγγελματικό αποτέλεσμα. Οπότε δείχνοντας μία σελίδα που εχει γίνει με πολλές άλλες τεχνολογίες είναι λίγο παραπλανητικό.
Επίσης δε θέλω να φανεί ότι κανω διαφήμιση στα site των πελατών μου. Αλλά για να μη θεωρηθεί ότι αποφεύγω να δείξω κάποια δουλειά μου, αυτή ειναι μια σελίδα που δεν ανήκει σε πελάτη μου, την έκανα σαν χόμπυ στον ελεύθερο χρόνο μου: www.magirema.com
@@TechandCodeInGreek όοοο καλό είναι 👌🏻 αν παρακολουθήσω τα μαθήματα σου θα μπορέσω να το κάνω και εγώ; εγώ θέλω να φτιάξω ένα "ειδησεογραφικό σιτε"
@@RefusedMemoriez Φυσικά. Όχι όμως μόνο με την HTML αλλά και με άλλες τεχνολογίες. Και όχι μόνο παρακολουθόντας τα μαθήματά μου αλλα κάνοντας δοκιμές και μόνος σου. Το γεγονός ότι ξέρεις τι θες να κάνεις ειναι καλό γιατί μπορείς να ξεκινήσεις ένα πρωτόλειο.
Ενα ειδησεογραφικό site ΔΕΝ θα γίνει μόνο με HTML γιατί έχει δυναμικό περιεχομενο. Εχεις ανάγκη δηλαδή απο ένα σύστημα που θα μπορείς να προσθέτεις και θα ενημερώνεις άρθρα με τις φωτογραφίες τους κλπ. Θα σου πρότεινα να ρίξεις μια ματιά και σε κάποιο CMS όπως το wordpress που ειναι φτιαγμένο για τέτοιες δουλειές, και συχρόνως να μαθαίνεις για να κάνεις πιο εξειδικευμένα πράγματα και προσαρμοσμένα με περισσότερη λεπτομέρεια στις ανάγκες σου. Η HTML θα σε βοηθίσει ακόμα και στην περίπτωση που καταλλήξεις στη λύση που σου προτείνω πάντως και γενικά αν ασχοληθείς με οποιαδήποτε τεχνολογία που εχει να κάνει με ιστοσελίδες.
Πολύ ωραίο tutorial μονο που το body λεγεται μποντυ και οχι μπαντι
Σ ευχαριστώ, θα το έχω υπ όψιν μου :)