Κορυφαίες 17 Ερωτήσεις και Απαντήσεις σε Συνέντευξη Προγραμματιστή Ιστού

Ερωτήσεις συνέντευξης για την ανάπτυξη Ιστού

Ακολουθούν ερωτήσεις συνέντευξης και απαντήσεις για την ανάπτυξη Ιστού για νεοφώτιστους καθώς και έμπειρους υποψήφιους προγραμματιστές Ιστού για να πάρουν τη δουλειά των ονείρων τους.

---

1) Εξηγήστε ποιες είναι οι βασικές ευθύνες ενός Web Developer;

• Πρόγραμμα δοκιμής και εντοπισμού σφαλμάτων σε όλες τις εφαρμογές Ιστού
• Σχεδιασμός, ανάπτυξη, δοκιμή και ανάπτυξη διαδικτυακών εφαρμογών
• Μεταφόρτωση ιστότοπων στον διακομιστή και εγγραφή του σε διαφορετικές μηχανές αναζήτησης
• Συντονιστείτε με άλλους σχεδιαστές και προγραμματιστές για την ανάπτυξη διαδικτυακών έργων
• Διορθώστε σφάλματα, αντιμετωπίστε και επιλύστε προβλήματα
• Σε περίπτωση βλάβης του συστήματος, ξεκινήστε περιοδικές δοκιμές και εφαρμόστε σχέδια έκτακτης ανάγκης
• Αναπτύξτε κατάλληλες δομές κώδικα για την επίλυση συγκεκριμένων εργασιών
• Υποστήριξη και βοήθεια στη συντήρηση και συντήρηση των ιστοσελίδων
• Αναλάβετε την κυριότητα του κώδικα σε όλη τη φάση, την ανάπτυξη, τη δοκιμή και την παραγωγή

Δωρεάν λήψη PDF: Ερωτήσεις για συνέντευξη προγραμματιστή Ιστού

---

2) Ποιος προγραμματιστής ιστού πρέπει να γνωρίζει;

Ένας καλός προγραμματιστής ιστού πρέπει να γνωρίζει

• HTML
• CSS
• SQL
• PHP/Ruby/Python
• JQuery
• το JavaScript

---

3) Εξηγήστε τι είναι το CORS; Πώς λειτουργεί;

(CORS) Η κοινή χρήση πόρων μεταξύ προέλευσης είναι ένας μηχανισμός που επιτρέπει σε πολλούς πόρους (π.χ. JavaScript, γραμματοσειρές κ.λπ.) σε μια ιστοσελίδα να ζητηθούν από έναν άλλο τομέα εκτός του τομέα από τον οποίο προήλθε ο πόρος. Είναι ένας μηχανισμός που υποστηρίζεται σε HTML5 που διαχειρίζεται την πρόσβαση XMLHttpRequest σε διαφορετικό τομέα.

---

4) Καταγράψτε το πλεονέκτημα του HTTP/2 σε σύγκριση με το HTTP 1.1;

Το πλεονέκτημα του HTTP/2 σε σύγκριση με το HTTP/1.1 είναι

• Συμπίεση δεδομένων κεφαλίδων HTTP
• Τεχνολογίες προώθησης διακομιστή
• Πάνω από μία σύνδεση TCP παράλληλη φόρτωση στοιχείων σελίδας
• Προτεραιότητα αιτήματος

---

5) Εξηγήστε τι είναι το ETag και πώς λειτουργεί;

Το ETag είναι ένα αδιαφανές αναγνωριστικό που εκχωρείται από έναν διακομιστή ιστού σε μια συγκεκριμένη έκδοση ενός πόρου που βρίσκεται σε μια διεύθυνση URL. Το ETag είναι μέρος του HTTP, το πρωτόκολλο για τον παγκόσμιο ιστό και όταν ο διακομιστής διαβάζει το ETag από αίτημα πελάτη, ο διακομιστής μπορεί στη συνέχεια να πει εάν θα στείλει το αρχείο (HTTP 200) ή να πει στον πελάτη απλώς να χρησιμοποιήσει το τοπικό του αντίγραφο (HTTP 304).

---

6) Εξηγήστε τι είναι η μακρά δημοσκόπηση;

Το Long polling είναι ένα μοτίβο ανάπτυξης εφαρμογών Ιστού που χρησιμοποιείται για την εξομοίωση της προώθησης δεδομένων από τον διακομιστή στον πελάτη. Όταν χρησιμοποιείται η μακροχρόνια ψηφοφορία, ο πελάτης στέλνει ένα αίτημα στον διακομιστή και η σύνδεση παραμένει ανέπαφη έως ότου ο διακομιστής είναι έτοιμος να στείλει δεδομένα στον πελάτη. Η σύνδεση θα κλείσει μόνο αφού σταλούν τα δεδομένα πίσω στον πελάτη ή μετά το χρονικό όριο σύνδεσης.

---

7) Εξηγήστε τι είναι η DTD (Δήλωση Τύπου Εγγράφου); Αναφέρετε ποια είναι η διαφορά μεταξύ CDATA και PCDATA στο DTD;

Ως DTD νοείται ο ορισμός τύπου εγγράφου (DTD) που καθορίζει τη δομή, τα νομικά στοιχεία και τα χαρακτηριστικά ενός XML εγγράφου.

• PCDATA: Ένα PCDATA είναι ένα αναλυμένο δεδομένα χαρακτήρων. Οι αναλυτές XML συνήθως αναλύουν όλο το κείμενο σε ένα έγγραφο XML.
• CDATA: Ενώ το CDATA είναι ένα Δεδομένα χωρίς ανάλυση χαρακτήρων, ο όρος CDATA χρησιμοποιείται για δεδομένα κειμένου που δεν πρέπει να αναλυθούν από τον αναλυτή XML.

---

8) Αναφέρετε μερικές συμβουλές που μπορείτε να χρησιμοποιήσετε για να μειώσετε το χρόνο φόρτωσης μιας διαδικτυακής εφαρμογής που έχετε γράψει;

Για να μειώσετε το χρόνο φόρτωσης μιας διαδικτυακής εφαρμογής, πρέπει να ακολουθήσετε τις παρακάτω συμβουλές

• Βελτιστοποιήστε τις εικόνες σε ανάλυση που δεν υπερβαίνει την οθόνη και αποθηκεύστε τις ως συμπιεσμένο αρχείο
• Καταργήστε όλα τα αρχεία JavaScript για να μειώσετε τον όγκο των μεταφερόμενων δεδομένων
• Συνδυάστε και ελαχιστοποιήστε τα όλα CSS και JS και καλέστε τους στο υποσέλιδο
• Αναβολή ή Ασύνταξη αρχείων JS

---

9) Αναφέρετε ποιος είναι ο σωστός τρόπος για να συμπεριλάβετε JavaScript στο HTML σας;

Ο σωστός τρόπος για να συμπεριλάβετε τη JavaScript στο HTML σας είναι χρησιμοποιώντας ενσωματωμένους χειριστές συμβάντων ή ενσωματωμένο κώδικα.

---

10) Εξηγήστε στο CSS, πώς μπορείτε να αλλάξετε το χρώμα φόντου ενός στοιχείου φόρμας όταν ο χρήστης εισάγει κείμενο; Αυτό λειτουργεί σε όλα τα προγράμματα περιήγησης;

Ναι, μπορείτε να αλλάξετε την προεπιλεγμένη εμφάνιση των στοιχείων φόρμας διαμορφώνοντας το στυλ των ετικετών HTML τους: εισαγωγή, επιλογή και περιοχή κειμένου, αλλά δεν θα λειτουργήσει για όλα τα προγράμματα περιήγησης.

---

11) Εξηγήστε ποια είναι η διαφορά μεταξύ των cookies και της τοπικής αποθήκευσης;

---

12) Σε HTML ποια ετικέτα μπορεί να χρησιμοποιηθεί για έλεγχο εισαγωγής κειμένου πολλών γραμμών;

Για έλεγχο εισαγωγής κειμένου πολλών γραμμών, μπορείτε να χρησιμοποιήσετε την "ετικέτα textarea".

---

13) Εξηγήστε πώς μπορείτε να ανατρέξετε στο αρχείο CSS στην ιστοσελίδα;

Μπορείτε να ανατρέξετε στο αρχείο .CSS στην ιστοσελίδα χρησιμοποιώντας το ετικέτα. Θα πρέπει να διατηρείται μεταξύ ετικέτα. Για παράδειγμα <linkhref=”/css/mystyle.css” type=”text/css” rel=”stylesheet”/>

---

14) Αναφέρετε μερικούς τρόπους με τους οποίους μπορείτε να μειώσετε τον χρόνο φόρτωσης της σελίδας;

Μπορείτε να κάνετε τα ακόλουθα πράγματα για να μειώσετε το χρόνο φόρτωσης της σελίδας

• Μειώστε το μέγεθος της εικόνας
• Αφαιρέστε τα περιττά γραφικά στοιχεία
• Συμπίεση HTTP
• Τοποθέτηση CSS στην κορυφή και αναφορά σεναρίου στο κάτω μέρος ή σε εξωτερικά αρχεία
• Μειώστε τις αναζητήσεις
• Ελαχιστοποιήστε τις ανακατευθύνσεις
• Προσωρινή αποθήκευση,

---

15) Σε HTML αναφέρετε τη διαφορά μεταξύ και ?

Η διαφορά μεταξύ και είναι ότι α

κορνίζα	div
Με τα πλαίσια, μπορείτε να εμφανίσετε περισσότερα από ένα έγγραφα HTML στο ίδιο παράθυρο του προγράμματος περιήγησης	Ο Η ετικέτα ορίζει μια διαίρεση ή μια ενότητα σε ένα έγγραφο HTML
Η ετικέτα πλαισίου δηλώνει ένα συγκεκριμένο παράθυρο μέσα σε ένα σύνολο πλαισίων	Ο χρησιμοποιείται για την ομαδοποίηση στοιχείων μπλοκ για τη μορφοποίησή τους με στυλ
Τα πλαίσια μπορούν να φορτώσουν άλλους πόρους χρησιμοποιώντας HTML	Από την άλλη σελίδα, τα τμήματα μπορούν να εξυπηρετούν τοπικό περιεχόμενο με τον τρόπο των πλαισίων, αλλά αυτό το περιεχόμενο δεν είναι ανεξάρτητο από τη σελίδα

---

16) Σε τι διαφέρει η XHTML από την HTML;

• Το XHTML απαιτεί όλες οι ετικέτες να είναι με πεζά
• Το XHTML απαιτεί να κλείσουν σωστά όλες οι ετικέτες
• Το XHTML απαιτεί όλα τα χαρακτηριστικά να περικλείονται σε διπλά εισαγωγικά
• Η XHTML απαγορεύει τα ενσωματωμένα στοιχεία να περιέχουν στοιχεία επιπέδου μπλοκ

---

17) Αναφέρετε τα νέα API που παρέχονται από το πρότυπο HTML 5;

• Η HTML 5 συνοδεύεται από έναν αριθμό νέων API
• Εικόνες / Βίντεο API
• API κομματιού κειμένου
• API προσωρινής μνήμης εφαρμογής
• API μεταφοράς δεδομένων
• Αλληλεπίδραση χρήστη
• Command API
• API επικύρωσης περιορισμών
• History API

Αυτές οι ερωτήσεις συνέντευξης θα βοηθήσουν επίσης στο viva (προφορικά) σας