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

Οι προγραμματιστές Ιστού συνεχίζουν να έχουν ζήτηση καθώς το Διαδίκτυο συνεχίζει να αναπτύσσεται. Ωστόσο, για να προσλάβετε τη θέση εργασίας, πρέπει πρώτα να κλιμακώσετε τη συνεδρία συνέντευξης του εργοδότη.

Αν και οι μεγαλύτερες ομάδες τείνουν να προσλαμβάνουν ειδικά προγραμματιστές front-end ή back-end, οι μικρότερες ομάδες και οι νεοσύστατες επιχειρήσεις συχνά προτιμούν προγραμματιστές full-stack. Επομένως, είναι χρήσιμο να γνωρίζετε όσα περισσότερα μπορείτε.

Ακολουθεί μια λίστα με τις 25 κορυφαίες ερωτήσεις συνέντευξης προγραμματιστή ιστού που πρέπει να γνωρίζετε και τις απαντήσεις τους για να σας βοηθήσουν να προετοιμαστείτε.

1. Ποιοι είναι οι ρόλοι του HTML, της JavaScript και του CSS στην ανάπτυξη Ιστού;

Η HTML σημαίνει HyperText Markup Language και είναι η τυπική γλώσσα για την ανάπτυξη εγγράφων για δημοσίευση στον Ιστό. Το JavaScript και το CSS είναι πρόσθετα.

Η JavaScript σχεδιάστηκε αρχικά ως γλώσσα προγραμματισμού από την πλευρά του πελάτη, εκτελείται στο πρόγραμμα περιήγησης για να παράγει περισσότερη λειτουργικότητα στην ιστοσελίδα. Το CSS σημαίνει Cascading Style Sheets και χρησιμοποιείται για την παρουσίαση στοιχείων στην οθόνη.

2. Τι είναι το Responsive Web Design

Το Responsive web design είναι μια προσέγγιση ανάπτυξης ιστοσελίδων που στοχεύει στη δημιουργία της καλύτερης εμπειρίας για έναν χρήστη προσαρμόζοντας την εμφάνιση του ιστότοπου με βάση τη συσκευή ή το περιβάλλον του συγκεκριμένου χρήστη.

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

3. Ποια είναι τα οφέλη από τη χρήση ενός πλαισίου;

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

1. Ευκολότερη διαδικασία ανάπτυξης με βέλτιστες πρακτικές.
2. Η ταχύτερη ανάπτυξη με έργα εκκίνησης εξοικονομεί χρόνο.
3. Η χρήση δοκιμασμένου κώδικα.
4. Συχνά παρέχει καλύτερη ασφάλεια.
5. Εξοικονομεί κόστος, ειδικά με μεγαλύτερα έργα.

4. Τι είναι η επανάκληση JavaScript;

Μια επανάκληση JavaScript είναι μια συνάρτηση που πρέπει να εκτελείται μετά από μια άλλη συνάρτηση. Το όνομα και τα ορίσματα της συνάρτησης επανάκλησης μπορούν να μεταβιβαστούν ως ορίσματα στην πρώτη συνάρτηση, καθώς και η πρώτη συνάρτηση μπορεί επίσης να μεταβιβάσει ορίσματα εσωτερικά στη συνάρτηση επανάκλησης που είναι αποτέλεσμα των υπολογισμών της.

Οι συναρτήσεις επανάκλησης χρησιμοποιούνται καλύτερα με ασύγχρονες συναρτήσεις που πρέπει να περιμένουν άλλες λειτουργίες για να ολοκληρωθεί πρώτα η εκτέλεση.

5. Εξηγήστε το Local Vs Global Scope σε JavaScript

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

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

6. Εξηγήστε το Z-Index στο CSS

Ο δείκτης z είναι μια ιδιότητα στοιχείου που χρησιμοποιείται για τον καθορισμό της σειράς στοίβας του στοιχείου. Η σειρά στοίβας αναφέρεται στην ικανότητα ενός στοιχείου να βρίσκεται είτε πίσω είτε μπροστά από άλλα στοιχεία, ακριβώς όπως μια στοίβα από φύλλα.

Στοιχεία με υψηλότερη σειρά στοίβας εμφανίζονται μπροστά από στοιχεία με χαμηλότερη σειρά στοίβας. Σε αυτό το πλαίσιο, δίνοντας σε ένα στοιχείο μια σειρά στοίβας 2 ή 100 εγγυάται ότι θα εμφανιστεί πάνω από όλα τα άλλα σε μια σελίδα. Ομοίως, μια σελίδα χωρίς καθορισμένες παραγγελίες στοίβας θα στοιβάζει στοιχεία κάτω από την πηγή υψηλότερα από τα επάνω.

7. Τι είναι το Marquee σε HTML;

Το Marque είναι μια ετικέτα κοντέινερ σε HTML, η οποία χρησιμοποιείται για την εμφάνιση κυλιόμενου κειμένου. Σας επιτρέπει να ελέγχετε την κατεύθυνση κύλισης, καθώς και την ταχύτητα. Ωστόσο, το Marquee έχει καταργηθεί στην HTML5 και σας συμβουλεύουμε να χρησιμοποιήσετε το CSS.

Παράδειγμα κύλισης με μαρκίζα:

Κείμενο κύλισης μαρκίζας

8. Καταγράψτε τους κύριους τρόπους μείωσης του χρόνου φόρτωσης σελίδας

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

• Βελτιστοποιήστε τις εικόνες και μειώστε το μέγεθός τους
• Απαλλαγείτε από τα περιττά widget
• Μειώστε τις αναζητήσεις στο ελάχιστο
• Φιλοξενήστε τον ιστότοπο σε έναν αξιοπρεπή οικοδεσπότη
• Χρησιμοποιήστε Accelerated Mobile Pages ή στατικές τοποθεσίες
• Lazy φόρτωση εικόνων
• Ελαχιστοποιήστε τον κωδικό σας

9. Ποιες είναι οι διαφορές μεταξύ καμβά και SVG;

Το SVG σημαίνει Scalable Vector Graphics and the Η ετικέτα είναι ένα στοιχείο κοντέινερ για τη δημιουργία γραφικών, όπως ένας κύκλος, ένα πλαίσιο, μια έλλειψη κ.λπ. Μπορείτε να τροποποιήσετε το SVG χρησιμοποιώντας CSS ή JavaScript και η κλιμάκωση σημαίνει ότι λειτουργεί καλά για εξόδους υψηλής ανάλυσης.

Ο Το container, από την άλλη πλευρά, βασίζεται σε ράστερ και δεν μπορεί να κλιμακωθεί. Χρησιμοποιείται επίσης για τη δημιουργία γραφικών, αλλά μπορεί να τροποποιηθεί μόνο με JavaScript. Ωστόσο, είναι πιο αποτελεσματικό στο χειρισμό μεγαλύτερου αριθμού αντικειμένων.

10. Πώς κάνει Null Διαφωνώ Απροσδιόριστος?

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

Σε JavaScript:

var variableA;

var variableB = null;

alert(variableA); //εμφανίζει απροσδιόριστο

alert(variableB); //εμφανίζει μηδενικό

11. Πώς διαφέρει η ταυτότητα από την τάξη;

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

Ένα ID χρησιμοποιείται για το χειρισμό συγκεκριμένων στοιχείων, ενώ μια κλάση χρησιμοποιείται για το χειρισμό μιας ομάδας στοιχείων που μοιράζονται ένα ή περισσότερα κοινά χαρακτηριστικά.

12. Πώς βελτιώνετε τα χαρακτηριστικά ασφαλείας ενός ιστότοπου;

Τα λίγα βήματα που μπορείτε να ακολουθήσετε για να βελτιώσετε την ασφάλεια ενός ιστότοπου περιλαμβάνουν:

1. Επιβολή ισχυρής πολιτικής κωδικού πρόσβασης. Αυτό σημαίνει ότι ελέγχετε ότι ένας επιλεγμένος κωδικός πρόσβασης έχει πάνω από 8 χαρακτήρες και περιέχει αριθμούς, ειδικούς χαρακτήρες και κεφαλαίους και πεζούς χαρακτήρες.
2. Χρήση captcha ή οποιουδήποτε μέτρου anti-bot.
3. Χρησιμοποιώντας μεθόδους ελέγχου ταυτότητας 2 παραγόντων ή πολλαπλών παραγόντων, όπως OTP (One-Time-Passwords) και dongles υλικού, όπου είναι απαραίτητο.
4. Χρήση κεντρικού υπολογιστή με προστασία DDoS και δυνατότητες αυτόματης δημιουργίας αντιγράφων ασφαλείας.

13. Πώς διαφέρει το localStorage από το sessionStorage;

Τα συστήματα localStorage και sessionStorage επιτρέπουν σε έναν προγραμματιστή να αποθηκεύει δεδομένα σε ένα πρόγραμμα περιήγησης ιστού. Ωστόσο, το localStoarage είναι μόνιμο, ενώ το sessionStorage όχι. Με άλλα λόγια, τα δεδομένα που είναι αποθηκευμένα στο localStorage θα είναι διαθέσιμα στο πρόγραμμα περιήγησης σε πολλές περιόδους σύνδεσης, ενώ τα δεδομένα που είναι αποθηκευμένα στο sessionStorage διαγράφονται μόλις κλείσει η καρτέλα του προγράμματος περιήγησης.

14. Καταχωρίστε τις βελτιώσεις HTTP2.0 έναντι του HTTP 1.1

Το πρωτόκολλο HTTP/2 δημοσιεύτηκε το 2015 και προσφέρει σημαντικές βελτιώσεις, όπως:

1. Καλύτερη ασφάλεια με χρήση δυαδικού κειμένου.
2. Καλύτερη απόδοση.
3. Χαμηλότερη καθυστέρηση.
4. Καλύτερος χειρισμός σφαλμάτων.
5. Χαμηλότερα γενικά έξοδα.

15. Ποια είναι η διαφορά μεταξύ Git Pull και Git Merge;

Η εντολή git pull σάς επιτρέπει να κάνετε λήψη περιεχομένου από ένα απομακρυσμένο αποθετήριο και, στη συνέχεια, ενημερώνει το τοπικό σας αποθετήριο με το περιεχόμενο που έχετε λάβει.

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

16. Πώς διαφέρει το GET από το POST και το PUT;

Η μέθοδος HTML GET χρησιμοποιείται από ένα πρόγραμμα περιήγησης για να ζητήσει πληροφορίες από έναν διακομιστή, ενώ οι μέθοδοι POST και PUT χρησιμοποιούνται για την αποστολή πληροφοριών από το πρόγραμμα περιήγησης σε έναν διακομιστή.

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

17. Καταχωρίστε τις πιο δημοφιλείς μορφές ανταλλαγής δεδομένων

Ακολουθούν οι πιο δημοφιλείς μορφές ανταλλαγής δεδομένων μέχρι σήμερα:

1. XML
2. ΓΙΑΜΛ
3. CSV
4. JSON
5. HTTP
6. SQL

18. Καταχωρίστε τους 3 τύπους αναδυόμενων πλαισίων

Τα αναδυόμενα κουτιά στο JavaScript χρησιμοποιούνται για την εμφάνιση μηνυμάτων στον χρήστη, για να ζητήσουν εισαγωγή και μερικές φορές για να κάνουν και τα δύο. Ακολουθούν οι 3 τύποι αναδυόμενων παραθύρων JavaScript:

1. Πλαίσιο ειδοποίησης – Εμφανίζει το μήνυμά σας συν ένα κουμπί «ΟΚ».
2. Πλαίσιο επιβεβαίωσης – Αυτό το πλαίσιο διαλόγου περιλαμβάνει και τα δύο κουμπιά «OK» και «Ακύρωση» που μπορούν να επηρεάσουν τον κωδικό.
3. Υποβολείο – Αυτό το πλαίσιο περιλαμβάνει ένα πλαίσιο εισαγωγής κειμένου για τη συλλογή πληροφοριών από τον χρήστη.

19. Ονομάστε τους διαφορετικούς τρόπους συμπερίληψης κώδικα CSS

Υπάρχουν 3 τρόποι για να συμπεριλάβετε το CSS σε ένα έγγραφο HTML. Αυτοί είναι:

1. Εξωτερικό CSS – Συμπεριλαμβάνετε ένα έγγραφο .css χρησιμοποιώντας μέσα στο έγγραφο ετικέτες.
2. Ενσωματωμένο CSS – Περιλαμβάνετε τον κωδικό CSS μέσα στο ετικέτες, οπουδήποτε στο έγγραφο.
3. Ενσωματωμένο CSS – Χρησιμοποιείτε το ζεύγος style=”CSS-property: value” μέσα στις ετικέτες HTML σας, π.χ. PSquare!

20. Πώς κάνει window.onload Διαφέρει από το document.onload;

Το Window.onload χρησιμοποιείται για την εκτέλεση κώδικα JavaScript μόλις το πρόγραμμα περιήγησης φορτώσει το δέντρο DOM της σελίδας και άλλα βασικά στοιχεία, συμπεριλαμβανομένων εικόνων, κώδικα CSS και σεναρίων.

Ενώ το document.onload εκτελείται αμέσως μετά την ετοιμότητα του DOM, αυτό μπορεί να σημαίνει ακόμη και πριν από τη φόρτωση εικόνων και εξωτερικών βιβλιοθηκών.

21. Πώς κρύβετε ένα στοιχείο χρησιμοποιώντας CSS;

Μπορείτε να αποκρύψετε ένα στοιχείο HTML χρησιμοποιώντας 3 μεθόδους CSS, οι οποίες είναι:

1. Εμφάνιση: καμία; – Το στοιχείο δεν αποδίδεται ούτε εμφανίζεται.
2. Ορατότητα: κρυφή; – Το στοιχείο αποδίδεται αλλά δεν εμφανίζεται.
3. Θέση: Απόλυτη; – Το στοιχείο αποδίδεται και εμφανίζεται, αλλά βρίσκεται εκτός της περιοχής εμφάνισης.

22. Ποιες είναι οι καλύτερες χρήσεις του Ajax;

Το Ajax είναι μια μέθοδος φόρτωσης δεδομένων από έναν διακομιστή στο παρασκήνιο χρησιμοποιώντας JavaScript. Έχει πολλές χρήσεις, όπως επικύρωση δεδομένων, εφαρμογές συνομιλίας, σχόλια, φιλτράρισμα δεδομένων, οπτική επεξεργασία, δημοσκοπήσεις και ούτω καθεξής.

23. Καταχωρίστε μερικές νέες δυνατότητες του CSS3

Το CSS3 περιλαμβάνει πολλές σύγχρονες και χρήσιμες λειτουργίες σε σχέση με το CSS2, όπως:

1. Στρογγυλεμένες γωνίες για κουτιά και εικόνες.
2. Κινούμενα σχέδια αντικειμένων.
3. Μεταβλητές & συναρτήσεις για δηλώσεις.
4. Grid & Flexbox για γρήγορη απόκριση.
5. Διαβαθμίσεις για χρώματα φόντου.
6. Έλεγχος αδιαφάνειας με χρήση rgba.
7. Εφέ σκιάς για κουτιά και κείμενα.
8. Μεταβάσεις για Hover και Focus σε στοιχεία.

24. Ποιοι νέοι τύποι εισόδου εισήχθησαν στην HTML5;

Ο τύπος εισόδου είναι η τιμή που δίνετε σε ένα στοιχείο εισόδου σε ένα έγγραφο HTML.

Ένα παράδειγμα είναι:

or

Οι νέοι τύποι εισόδου HTML5 περιλαμβάνουν:

1. Ημερομηνία
2. Χρώμα
3. Email
4. Αναζήτηση
5. Τηλέφωνο
6. Μηνας
7. Εύρος αριθμών
8. Μηνας
9. URL
10. Ημερομηνία-τοπική

25. Περιγράψτε τα στοιχεία πολυμέσων HTML5

Το HTML5 περιλαμβάνει περισσότερες ετικέτες στοιχείων για τη διαχείριση τύπων μέσων και πηγών. Αυτοί είναι:

• – για βίντεο MP4, WebM και Ogg.
• – για να ορίσετε πολλαπλές πηγές σε διαφορετικές μορφές.
• – για ήχο MP3, Ogg και WAV.
• – ένα κοντέινερ που περιλαμβάνει εξωτερικούς πόρους από εικόνες σε βίντεο και ιστοσελίδες.
• – για να καθορίσετε κομμάτια υπότιτλων για βίντεο.

Συμπέρασμα

Φτάνοντας στο τέλος της λίστας μας με τις κορυφαίες 25 ερωτήσεις συνέντευξης προγραμματιστή ιστού που πρέπει να γνωρίζετε, μπορείτε να δείτε ότι χρειάζεται ένας αρκετά συνδυασμός τεχνολογιών για να είστε προγραμματιστής full-stack.

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