top 25 web developer interview questions
Αυτό το σεμινάριο παρέχει ένα σύνολο κοινών ερωτήσεων Ερωτήσεις και απαντήσεις για συνέντευξη προγραμματιστή ιστού για προγραμματιστές ιστού νέας και ανώτερης βαθμίδας:
Είναι σημαντικό για την ομάδα μάρκετινγκ να δημιουργήσει μια αξιόπιστη παρουσία στο διαδίκτυο, να διαφημίσει τα προϊόντα και τις υπηρεσίες τους στους υποψήφιους πελάτες τους, να παρακολουθεί και να παρέχει υπηρεσίες μετά την πώληση σε υπάρχοντες πελάτες.
Οι διαδικτυακές εφαρμογές δημιουργούνται με σκοπό να είναι προσβάσιμες παγκοσμίως, να αναγνωρίζονται και να προσφέρουν τα προϊόντα και τις υπηρεσίες τους σε ολόκληρη τη διεθνή αγορά.
σαπούνι και ξεκούραστες ερωτήσεις συνέντευξης για υπηρεσίες διαδικτύου
Για τη δημιουργία εφαρμογών που βασίζονται στον Ιστό, είναι υποχρεωτικό να υπάρχει σε βάθος γνώση γλωσσών σήμανσης όπως HTML5, Cascading Style Sheet CSS3, JavaScript και JS βιβλιοθήκες για αλληλεπιδράσεις χρηστών, για χειρισμό στοιχείων DOM, για επικύρωση εισόδων πελατών και για δυναμική και απαντητικές ιστοσελίδες.
Τι θα μάθετε:
Τι είναι η ανάπτυξη Ιστού
Η ανάπτυξη ιστού αναφέρεται στην εργασία που εμπλέκεται στη δημιουργία και συντήρηση ιστότοπων και εφαρμογών που βασίζονται στον Ιστό, όπως διαδικτυακοί ιστότοποι ηλεκτρονικού εμπορίου, Amazon, Flipkart, eBay κ.λπ. και ιστότοποι κοινωνικής δικτύωσης όπως Facebook, LinkedIn, Instagram και Twitter.
Αυτό περιλαμβάνει επίσης τη δημιουργία ιστοσελίδων για σιδηροδρόμους, τράπεζες, όλους τους σημαντικούς κυβερνητικούς ιστότοπους για τη μετάδοση πληροφοριών και την ευαισθητοποίηση.
Δημιουργήστε ευαισθητοποίηση του κοινού και παρέχετε εκπαίδευση μέσω καναλιών ειδήσεων χρησιμοποιώντας λογισμικό διασκέψεων Ιστού Skype, Zoom, GoToMeeting. Παρέχετε διαδικτυακή ψυχαγωγία μέσω διαδικτυακών σειρών όπως Netflix, Amazon Prime, MX player κ.λπ. Εκπαιδεύστε τους μαθητές, πραγματοποιήστε συναντήσεις για να απευθυνθείτε σε πελάτες και ομάδες πέρα από τα γεωγραφικά όρια.
Τώρα ας προχωρήσουμε στις πιο συνηθισμένες ερωτήσεις συνέντευξης για προγραμματιστές ιστού για συνεντεύξεις για μικρούς και ανώτερους.
Συχνές ερωτήσεις συνέντευξης προγραμματιστών ιστού
Ε # 1) Εξηγήστε τη λειτουργικότητα ενός προγράμματος περιήγησης.
Απάντηση: Το πρόγραμμα περιήγησης προσφέρει διάφορες δυνατότητες. Αυτά είναι τα εξής:
- Βοηθά στην πρόσβαση σε σελίδες HTML και σε όλα τα στοιχεία ιστού που χρησιμοποιούνται σε εφαρμογές που βασίζονται στον Ιστό, καθώς και σε ιστότοπους, και εμφανίζει απαντήσεις από άλλους ιστότοπους ως απάντηση στα αιτήματα.
- Επιτρέπει την αναζήτηση ιστού για τον ιστότοπο που σας ενδιαφέρει εισάγοντας διεύθυνση URL ή διεύθυνση ιστού στη γραμμή διευθύνσεων και δείτε την απόκριση χρησιμοποιώντας οποιαδήποτε από τις μηχανές αναζήτησης.
- Τα στοιχεία ελέγχου πλοήγησης χρησιμοποιούνται για την επιστροφή σε πρόσφατα ανοιχτές σελίδες κάνοντας κλικ στο κουμπί πίσω και στο επόμενο κουμπί για να προχωρήσετε.
- Η ιστορία παρακολουθεί τους ιστότοπους που επισκέπτεστε με χρονολογική σειρά. Επιτρέπει στη μνήμη ή σελιδοδείκτες ιστότοπων που σας ενδιαφέρουν να αναφέρετε ή να εξερευνήσετε σε μεταγενέστερο στάδιο. Αποθηκεύει επίσης ιστότοπους που έχουν επισκεφθεί στο παρελθόν με τη μορφή προσωρινής μνήμης και καθιστά τον επισκέπτη αναγνωρισμένο από ιστότοπους, καθιστώντας πιο γρήγορη την πρόσβαση σε αυτούς τους ιστότοπους.
- Διαχειρίζεται κωδικούς πρόσβασης για ιστότοπους που χρησιμοποιούνται συχνά και απαιτούν έλεγχο ταυτότητας και, στις περισσότερες περιπτώσεις, διατηρεί τους χρήστες ήδη συνδεδεμένους στον λογαριασμό.
- Επιτρέπει την πρόσβαση σε διάφορους ιστότοπους, την ανταλλαγή πληροφοριών μέσω κλήσεων API, την επικοινωνία μέσω email, δεδομένων και λογισμικού ανταλλαγής αρχείων πολυμέσων.
Παράδειγμα προγραμμάτων περιήγησης: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
Ε # 2) Εξηγήστε τα HTML 5, CSS3, JavaScript και τη σημασία τους στην ανάπτυξη ιστού.
Απάντηση:
- Η HTML είναι μια γλώσσα σήμανσης ανεξάρτητης πλατφόρμας και προγράμματος περιήγησης με μια σειρά ετικετών που παρέχουν τη δομή μιας ιστοσελίδας.
- Το CSS βελτιώνει τη διάταξη της σελίδας και τα περιεχόμενά της με στυλ.
- Το JavaScript ελέγχει τη συμπεριφορά των στοιχείων ιστού και έτσι καθιστά τον ιστότοπό σας διαδραστικό / ανταποκρινόμενο, επικυρώνει τις τιμές εισόδου χρηστών, καταγράφει τις πληροφορίες των επισκεπτών του ιστότοπου και αναγνωρίζει τους προηγούμενους επισκέπτες, βοηθά στην ανάλυση του ποσοστού των κλικ των επισκεπτών των αναρτήσεων ιστολογίου.
Q # 3) Τι καταλαβαίνετε από το Framework;
Απάντηση: Το Framework είναι μια δομή που παρέχει μια πλατφόρμα για τη δημιουργία εφαρμογών. Είναι μια συλλογή παρόμοιων τύπων αρχείων που τοποθετούνται με τέτοιο τρόπο ώστε να είναι διαμορφωμένα ώστε να συνδέονται / ενσωματώνονται μεταξύ τους εσωτερικά.
Παράδειγμα: Πλαίσιο API, το οποίο περιέχει καλά δοκιμασμένα, προ-γραπτά και μεταγλωττισμένα μαθήματα για την επίτευξη κοινών λειτουργιών όπως η δυνατότητα αποστολής αρχείων, η ανάγνωση περιεχομένων αρχείων, αναφορών σε PDF και παρόμοιες μορφές που είναι ενσωματωμένες στην εφαρμογή ιστού τους.
Q # 4) Τι είναι μια βιβλιοθήκη με πλαίσιο ανάπτυξης ιστοσελίδων;
Απάντηση: Η βιβλιοθήκη είναι μια συλλογή κώδικα που έχουν δοκιμαστεί και σχεδιαστεί για τις αναμενόμενες λειτουργίες που έχουν αναπτυχθεί από προγραμματιστές και είναι διαθέσιμες σε αποθετήρια. Οι προγραμματιστές ιστού μπορούν να ενσωματώσουν αυτές τις βιβλιοθήκες και να χρησιμοποιήσουν τις λειτουργίες τους αντί να ανακαλύψουν εκ νέου τον κώδικα για να επιτύχουν την ίδια λειτουργικότητα από την αρχή.
Μπορείτε να χρησιμοποιήσετε βιβλιοθήκες iText και Apache FOP στην εφαρμογή σας για να βοηθήσετε στην εξαγωγή των δεδομένων σας σε αρχεία μορφής pdf.
Ε # 5) Ποιοι είναι οι λόγοι για το πρόβλημα παγώματος του προγράμματος περιήγησης;
Απάντηση: Για να εντοπίσετε τη βασική αιτία και να επιλύσετε το συχνό πρόβλημα παγώματος του προγράμματος περιήγησης, ακολουθήστε τα παρακάτω βήματα:
Εδώ, θεωρούμε το Google Chrome ως το προεπιλεγμένο πρόγραμμα περιήγησης.
- Ελέγξτε οποιοδήποτε ζήτημα σχετίζεται με το Διαδίκτυο: Κάντε κλικ στο εικονίδιο παραθύρου (Έναρξη) -> Επιλέξτε Πίνακας Ελέγχου -> Κάτω από Δίκτυο και Διαδίκτυο -> Κάντε κλικ στο Προβολή κατάστασης δικτύου και εργασιών -> Έλεγχος Προβολή του ενεργού δικτύου σας - κάντε κλικ στη σύνδεση ή αποσύνδεση -> Θα πρέπει να εμφανίζει σύνδεση Διαδικτύου για τους επιλεγμένους δίκτυο.
- Το Chrome δεν έχει κλείσει σωστά: Στην ακραία προς τα κάτω δεξιά γωνία, κάντε δεξί κλικ και επιλέξτε 'Διαχείριση εργασιών εκκίνησης', εάν βρείτε πολλά chrome.exe στην καρτέλα 'Διαδικασίες', κάντε δεξί κλικ σε αυτήν την εγγραφή και επιλέξτε Τερματισμός διαδικασίας. Αυτό θα ελευθερώσει χώρο RAM. Στη συνέχεια, επανεκκινήστε ξανά το Chrome.
- Απενεργοποίηση επεκτάσεων Chrome: Ανοίξτε το πρόγραμμα περιήγησης Chrome και πληκτρολογήστε στη γραμμή διευθύνσεων -> chrome: // extensions / και πατήστε Enter. Απενεργοποιήστε όλες τις ενεργές επεκτάσεις και επανεκκινήστε ξανά το πρόγραμμα περιήγησης Chrome. Μεταβείτε στις επεκτάσεις Chrome και ενεργοποιήστε όλες τις επεκτάσεις.
- Σάρωση υπολογιστή για κακόβουλο λογισμικό: Εκκινήστε το Chrome και μεταβείτε στις ρυθμίσεις. Κάντε κλικ στο Για προχωρημένους, βρείτε Επαναφορά και Εκκαθάριση. Κάντε κλικ στο Clean up computer.
- Επαναφορά ρυθμίσεων Chrome: Εκκινήστε το Chrome, μεταβείτε στις ρυθμίσεις, κάντε κλικ στην επιλογή Για προχωρημένους, βρείτε Επαναφορά και εκκαθάριση και κάντε κλικ στην επιλογή Επαναφορά ρυθμίσεων στις αρχικές τους προεπιλογές.
- Κατάργηση μη συμβατών εφαρμογών: Κατά τη διάρκεια μιας σάρωσης, εάν το Chrome εντοπίσει ασυμβίβαστη εφαρμογή, κάντε κλικ στην ενημέρωση ή καταργήστε μη συμβατές εφαρμογές.
- Τέλος, εάν το πρόβλημα παραμένει, απεγκαταστήστε την έκδοση Chrome και εγκαταστήστε την πιο πρόσφατη έκδοση.
Q # 6) Πώς να βελτιώσετε την εμπειρία χρήστη για τους χρήστες που επισκέπτονται τον ιστότοπό σας;
Απάντηση: Ακολουθούν οι προτάσεις για τη βελτίωση της εμπειρίας χρήστη:
- Ο ιστότοπος / η εφαρμογή σας πρέπει να λειτουργεί 24 × 7.
- Θα πρέπει να χειρίζεται πολλαπλό φορτίο πρόσβασης χρήστη κατά την περίοδο αιχμής ή σεζόν.
- Θα πρέπει να είναι φιλικό προς το χρήστη και εύκολη πλοήγηση στις δυνατότητες που αναζητά ο επισκέπτης.
- Πρέπει να έχετε ενδιαφέροντα βίντεο για να παρουσιάσετε τις δυνατότητες του προϊόντος σας.
- Ο ιστότοπος πρέπει να γίνεται αναζήτηση από μηχανές αναζήτησης με βάση τις λέξεις-κλειδιά που έχουν εισαχθεί.
- Ο ιστότοπος πρέπει να ενσωματωθεί σε μια πύλη πληρωμής με όλες τις πιθανές εναλλακτικές λύσεις για συναλλαγές.
- Πρέπει να διαθέτουν δωρεάν δυνατότητες διαθέσιμες για να αποφασίσουν οι χρήστες να αγοράσουν το προϊόν σας.
- Τα δεδομένα των χρηστών πρέπει να είναι ασφαλή κατά την πρόσβαση στον ιστότοπο.
- Οι λειτουργίες συνεδρίας και προσωρινής μνήμης πρέπει να αναγνωρίζουν τους επισκέπτες που επιστρέφουν.
Ε # 7) Ποιες είναι οι μορφές βίντεο που χρησιμοποιούνται στην ανάπτυξη ιστού;
Απάντηση: Ορισμένες μορφές βίντεο που υποστηρίζονται και χρησιμοποιούνται στην ανάπτυξη ιστού παρατίθενται παρακάτω:
- AVI από τη Microsoft
- FLV Adobe flash πρόγραμμα αναπαραγωγής βίντεο
- Το WMV υποστηρίζεται από το Windows media player
- MOV από το QuickTime player
- Το MP4 υποστηρίζεται από κινητά και άλλες πλατφόρμες
Ε # 8) Πώς θα συμπεριλάβατε δυνατότητες προσβασιμότητας στον ιστότοπό σας;
Απάντηση: Η προσβασιμότητα είναι ένα βασικό χαρακτηριστικό που απαιτείται να εφαρμοστεί στον ιστότοπό σας για να επιτρέψει σε επισκέπτες με ειδικές ανάγκες, άτομα με ειδικές ανάγκες να έχουν πρόσβαση και να εξερευνήσουν τον ιστότοπό σας.
- Ο ιστότοπος πρέπει να είναι φιλικός προς το πληκτρολόγιο, δηλαδή όλες οι λειτουργίες πρέπει να είναι προσβάσιμες χωρίς τη χρήση ποντικιού.
- Οι χρήστες θα πρέπει να μπορούν να απενεργοποιούν δυναμικό και μετακινούμενο περιεχόμενο, όπως αρχεία GIF, κινούμενα σχέδια, αρχεία βίντεο. Αυτά τα περιεχόμενα ενδέχεται να επηρεάσουν αρνητικά τους επιληπτικούς χρήστες.
- Μεταγραφές / λεζάντες για παρακολούθηση βίντεο. Για τους κωφούς χρήστες, δεν αρκεί η παρακολούθηση βίντεο με υπότιτλους, κατά τη διάρκεια της εκτέλεσης του βίντεο θα πρέπει να εμφανίζονται χαρακτηριστικά όπως λεζάντες.
- Η δυνατότητα φωνητικής βοήθειας και η προσθήκη ετικετών σε φωτογραφίες, γραφικά και κουμπιά για επισκέπτες με προβλήματα όρασης είναι απαραίτητα για να ακολουθήσετε βήματα σύμφωνα με τις οδηγίες για να εξερευνήσετε και να χρησιμοποιήσετε τις δυνατότητες που προσφέρονται στον ιστότοπο
- Αυτόματη συμπλήρωση λειτουργιών στη γραμμή αναζήτησης και εύχρηστες δυνατότητες για επισκέπτες με καθυστερημένες ή κακές κινητικές δεξιότητες.
- Αυξήστε το μέγεθος της περιοχής με δυνατότητα κλικ. Χρησιμοποιήστε λεπτά χρώματα για επισκέπτες που έχουν αχρωματοψία.
Ε # 9) Πότε θα εφαρμόζατε το AJAX στην εφαρμογή ιστού σας;
Απάντηση: Το AJAX ενημερώνει την ενότητα των περιεχομένων της σελίδας, χωρίς να επαναφορτώνει ολόκληρη τη σελίδα. Αυτή η δυνατότητα είναι απαραίτητη όταν ο χρήστης χρειάζεται γρήγορα αποτελέσματα, χωρίς καθυστέρηση αναμονής για το αίτημα που στάλθηκε κάνοντας κλικ στο κουμπί υποβολής και αναμονή για την απάντηση. Το φορτίο του διακομιστή μπορεί να μειωθεί εφαρμόζοντας AJAX με μικρότερο αριθμό αιτημάτων που εξοικονομεί εύρος ζώνης.
Μπορείτε να χρησιμοποιήσετε το AJAX για επικύρωση φόρμας. Αντί για αναδυόμενα παράθυρα, το lightbox μπορεί να χρησιμοποιηθεί, ταξινόμηση και φιλτράρισμα του περιεχομένου σε μορφή πίνακα, εμφάνιση αποτελεσμάτων ή ψήφων χρησιμοποιώντας την εφαρμογή συνομιλίας, επαναφόρτωση του captcha για ελέγχους ελέγχου ταυτότητας.
Ε # 10) Πώς μπορούμε να εφαρμόσουμε υπηρεσίες Ιστού σε εφαρμογές που βασίζονται στον Ιστό;
Απάντηση: Η εφαρμογή Ιστού στέλνει αιτήματα σε μια υπηρεσία Ιστού χρησιμοποιώντας το πρωτόκολλο HTTP. Σε μια δεδομένη διεύθυνση URL, η υπηρεσία ιστού επεξεργάζεται το αίτημα και επιστρέφει την απάντηση πίσω στην εφαρμογή. Το SOAP και το RESTful είναι δύο τύποι διαδικτυακών υπηρεσιών.
Ε # 11) Πώς και ποια χαρακτηριστικά ασφαλείας μπορείτε να εφαρμόσετε στον ιστότοπό σας;
Απάντηση: Για να προστατέψετε τον ιστότοπό σας από κλοπή δεδομένων, πρέπει να βελτιώσετε την ασφάλεια του ιστότοπού σας, όπως
- Εφαρμόστε ισχυρή πολιτική κωδικού πρόσβασης, επιτρέποντας στον κωδικό πρόσβασης να έχει τουλάχιστον 10 χαρακτήρες και θα πρέπει να περιέχει άνω, κάτω, ειδικούς χαρακτήρες και αριθμούς.
- Ο κεντρικός υπολογιστής που εγκαθιστά τον ιστότοπό σας θα πρέπει να διαθέτει δυνατότητα δημιουργίας αντιγράφων ασφαλείας, εγκατεστημένο λογισμικό προστασίας από ιούς και τείχος προστασίας για την προστασία του περιεχομένου σας.
- Η σελίδα σύνδεσης θα πρέπει να διαθέτει χαρακτηριστικά Captcha, OTP, δυνατότητα αποκλεισμού λογαριασμού (σε περίπτωση εισαγωγής 3 λανθασμένων κωδικών πρόσβασης) κ.λπ. για να αποτρέπεται η πρόσβαση στον λογαριασμό σας από μη εξουσιοδοτημένο επισκέπτη.
Ε # 12) Ποια διαμόρφωση και ρύθμιση απαιτείται για την αποστολή email μέσω του ιστότοπού σας;
Απάντηση: Στην ιδανική περίπτωση, μπορείτε να διαμορφώσετε το SMTP σε έναν διακομιστή χρησιμοποιώντας μια υπηρεσία τρίτου μέρους όπως το Gmail SMTP ή να χρησιμοποιήσετε ελαστικό email, χρησιμοποιώντας όνομα κεντρικού υπολογιστή, θύρα, όνομα χρήστη και κωδικό πρόσβασης.
Ε # 13) Για ποιο λόγο θα δημιουργήσετε έναν ιστότοπο που θα ανταποκρίνεται;
Απάντηση: Η ανταποκρίσιμη σχεδίαση ιστού αλλάζει αυτόματα το μέγεθος και το πλάτος του προγράμματος περιήγησης με βάση τους επιτραπέζιους υπολογιστές, τα tablet και τα κινητά σε σχέση με το μέγεθος της οθόνης επιτραπέζιου ή φορητού υπολογιστή.
Ε # 14) Ποιες είναι οι μορφές ανταλλαγής δεδομένων;
Απάντηση: Διάφορες μορφές ανταλλαγής δεδομένων είναι μορφές XML, CSV, JSON και Text.
Ε # 15) Τι εννοείς με το πρωτόκολλο;
Απάντηση: Στην ορολογία δικτύωσης, το πρωτόκολλο είναι ένα σύνολο κανόνων για τη μορφοποίηση και την επεξεργασία δεδομένων. Για την επικοινωνία, και οι δύο συσκευές πρέπει να έχουν το ίδιο πρωτόκολλο. Το Internet Protocol (IP) είναι ένα πρωτόκολλο επιπέδου δικτύου και είναι υπεύθυνο για τη δρομολόγηση. Transmission Control Protocol (TCP) μεταφέρει πακέτα δεδομένων σε δίκτυα.
Το HyperText Transfer Protocol (HTTP) είναι ένα επίπεδο 7 που χρησιμοποιείται στο Διαδίκτυο και μεταφέρει δεδομένα μεταξύ συσκευών. Το User Datagram Protocol (UDP) χρησιμοποιείται σε γρήγορες εφαρμογές ανταλλαγής δεδομένων, όπως ροή βίντεο και παιχνίδια.
Q # 16) Ποιες τεχνικές θα εφαρμόζατε για τη μείωση του χρόνου φόρτωσης σελίδας;
Απάντηση: Προκειμένου να μειωθεί ο χρόνος φόρτωσης σελίδας και να βελτιωθεί η απόδοση, μπορούν να εφαρμοστούν οι ακόλουθες τεχνικές:
- Εφαρμόστε τις τελευταίες εκδόσεις τεχνολογιών δημιουργίας ιστοσελίδων όπως CSS3 και HTML5
- Χρησιμοποιήστε το JavaScript και τα φύλλα στυλ στο ελάχιστο
- Προσπαθήστε να αποφύγετε τη χρήση ανακατευθύνσεων
- Χρησιμοποιήστε το μικρό μέγεθος των εικόνων
- Συμπερίληψη κωδικού από το δίκτυο παράδοσης περιεχομένου (CDN)
- Εφαρμόστε το AJAX για γρήγορες και γρήγορες εφαρμογές ιστού
Ε # 17) Αναφέρετε τις διαφορές μεταξύ HTTP 1.1 και 2.0;
Απάντηση: Οι διαφορές μεταξύ HTTP 1.1 και HTTP 2 παρατίθενται στον παρακάτω πίνακα:
HTTP 1.1 | HTTP 2 |
---|---|
Το HTTP 1.1 μπορεί να χειριστεί μόνο απλό κείμενο και δεν είναι συμβατό για επεξεργασία CSS, JavaScript, εικόνων, ήχων, βίντεο και ψηφιοποιημένων δειγμάτων οσμής, αφής. | Χρησιμοποιεί βοήθεια ώθησης διακομιστή για την αποθήκευση πόρων που θα χρησιμοποιηθούν στο αίτημα στην κρυφή μνήμη του προγράμματος περιήγησης, ακόμη και πριν από το αίτημα, εμφανίζοντας περιεχόμενο γρήγορα. |
Το αίτημα που στάλθηκε και οι απαντήσεις που ελήφθησαν ήταν σε μορφή απλού κειμένου. | Τα μηνύματα τόσο της αίτησης όσο και της απόκρισης ενσωματώνονται σε δυαδική μορφή, παρέχοντας μεγαλύτερη προστασία από τυχόν μη εξουσιοδοτημένες αλλαγές. |
Βρίσκει δυσκολία στο χειρισμό κενών, κεφαλαίων και τελικών γραμμών. | Χρησιμοποιήστε δυαδικά πρωτόκολλα που χειρίζονται στοιχεία όπως το κενό διάστημα, την κεφαλαιοποίηση και τις καταλήξεις γραμμών πιο αποτελεσματικά |
Χρειάζεται περισσότερο εύρος ζώνης για την επεξεργασία των περιεχομένων της σελίδας | Καταναλώνει μικρότερο εύρος ζώνης για την εμφάνιση περιεχομένου σελίδας |
Η προτεραιότητα φόρτωσης περιεχομένων δεν είναι δυνατή στο HTTP 1.1 | Οι προγραμματιστές έχουν τον έλεγχο της ιεράρχησης / μεταφόρτωσης περιεχομένου με τη σειρά της προτίμησής τους. |
Φορτώνει πόρους το ένα μετά το άλλο, παίρνοντας χρόνο για να φορτώσει το περιεχόμενο σε μια σελίδα | Στέλνει πολλές ροές δεδομένων χρησιμοποιώντας μία σύνδεση TCP., Επιλύοντας πρόβλημα αποκλεισμού head-of-line στο HTTP 1.1 |
Τα μεταδεδομένα μεταφέρονται σε απλό κείμενο, επομένως χρειάζονται περισσότερα γενικά έξοδα για τον χειρισμό τους | Χρησιμοποιεί μηχανισμό συμπίεσης κεφαλίδας, που μειώνει τα γενικά έξοδα |
Ε # 18) Ποιες προτεραιότητες θα σκεφτόσασταν κατά τη δημιουργία μιας διαδικτυακής εφαρμογής;
Απάντηση: Οι ακόλουθες προτεραιότητες πρέπει να ληφθούν υπόψη κατά τη δημιουργία εφαρμογών ιστού:
- Οι σελίδες του ιστότοπου πρέπει να δοκιμάζονται για απόδοση, καθώς πρέπει να φορτώνονται το συντομότερο δυνατό.
- Οι σελίδες εφαρμογών δεν πρέπει να έχουν κατεστραμμένους συνδέσμους.
- Η εφαρμογή πρέπει να είναι συμβατή με όλα τα μεγάλα προγράμματα περιήγησης όπως το Mozilla Firefox, το Google Chrome, ο Internet Explorer και το Opera.
- Ο ιστότοπος πρέπει να περιέχει λέξεις-κλειδιά που είναι προσβάσιμες στις μηχανές αναζήτησης.
- Θα πρέπει να υπάρχει απρόσκοπτη συνδεσιμότητα με τη βάση δεδομένων.
- Οι οντότητες της βάσης δεδομένων, όπως οι αποθηκευμένες διαδικασίες, πρέπει να ελέγχονται διεξοδικά με έγκυρη είσοδο.
- Οι πίνακες backend πρέπει να είναι ασφαλείς, αδιάβροχοι.
- Η εισαγωγή δεδομένων πρέπει να επικυρώνεται από περιορισμούς σε επίπεδο στήλης και γραμμής.
- Η εισαγωγή δεδομένων σε πίνακες DB και η προβολή τους στη διεπαφή χρήστη πρέπει να γίνεται όσο το δυνατόν γρηγορότερα.
- Το πλαίσιο που χρησιμοποιείται για την ενσωμάτωση σελίδων πρέπει να είναι απλό και να δοκιμάζεται χωρίς καμία συλλογή.
- Οι σελίδες εισαγωγής χρήστη πρέπει να σχεδιάζονται με ελάχιστες εισόδους από τον χρήστη, τα στοιχεία που χρησιμοποιούνται πρέπει να είναι φιλικά προς τον χρήστη για πρόσβαση.
- Χρήση HTTP2 για γρήγορη φόρτωση περιεχομένου σελίδας.
- Η χρήση του JavaScript πρέπει να είναι ελάχιστη.
- Παροχή προσβασιμότητας, όπως ένα ηχείο για ανάγνωση του κειμένου, μεγαλύτερο μέγεθος γραμματοσειράς, πρόσβαση στην οθόνη αφής, ώστε τα άτομα με φυσικούς περιορισμούς να μπορούν επίσης να έχουν εύκολη πρόσβαση στον ιστότοπο.
- Πρέπει να ενσωματώσει αρχεία πολυμέσων όπως ήχο και βίντεο που μπορούν να ανοιχτούν χωρίς να βασίζονται σε τοπικό λογισμικό για την εκτέλεση αυτών των αρχείων.
- Οι ιστοσελίδες πρέπει να ανταποκρίνονται στις οθόνες των κινητών.
Q # 19) Ποιες είναι οι νέες δυνατότητες που εισάγονται στο HTML5;
Απάντηση: Νέα σημασιολογικά, γραφικά, στοιχεία πολυμέσων εισήχθησαν σε HTML5, προστέθηκαν διάφορα χαρακτηριστικά σε στοιχεία ενώ λίγα στοιχεία αφαιρέθηκαν.
Πρόσθεσε σημαντικά νέα χαρακτηριστικά, όπως στοιχεία πολυμέσων βίντεο και ήχο, API γεωγραφικής θέσης, API στο χώρο αποθήκευσης ιστού, υποδοχή web, JS web worker, Canvas και Drag-n-Drop.
Ε # 20) Εξηγήστε με παραδείγματα, διαφορές μεταξύ καμβά και SVG.
Απάντηση: Τα Canvas και SVG και τα δύο κοντέινερ χρησιμοποιούνται για την αποθήκευση γραφικών στη σελίδα HTML, ωστόσο, έχουν τις ακόλουθες διαφορές μεταξύ τους.
c ++ ερωτήσεις και απαντήσεις
SVG | Καμβάς |
---|---|
είναι ένα στοιχείο κοντέινερ για γραφικά όπως κουτί, κύκλο, έλλειψη κλπ στη σελίδα HTML | είναι κοντέινερ για σχεδίαση γραφικών χρησιμοποιώντας javascript |
Το SVG είναι επεκτάσιμο και κατάλληλο για εκτύπωση υψηλής ανάλυσης | Ο καμβάς δεν είναι επεκτάσιμος και δεν είναι κατάλληλος για εκτύπωση υψηλής ανάλυσης |
Εμφάνιση καλύτερης απόδοσης φορτώνοντας μικρό αριθμό αντικειμένων και μεγάλων επιφανειακών αντικειμένων | Εμφάνιση καλύτερης απόδοσης φορτώνοντας μεγάλο αριθμό αντικειμένων και μικρού επιφανειακού αντικειμένου |
Το SVG μπορεί να τροποποιηθεί με script και css | Ο καμβάς μπορεί να τροποποιηθεί μόνο με σενάριο |
Το SVG βασίζεται σε διανυσματικά σχήματα | Ο καμβάς βασίζεται σε ράστερ από εικονοστοιχεία |
Q # 21) Ποιο είναι το στοιχείο DOM και η ιεραρχία του;
Απάντηση: Το αντικείμενο εγγράφου είναι ένα έγγραφο HTML που εμφανίζεται σε ένα παράθυρο του προγράμματος περιήγησης όταν έχουμε πρόσβαση στην ιστοσελίδα. Το μοντέλο DOM ή Document Object είναι ο τρόπος πρόσβασης ή τροποποίησης αυτού του εγγράφου.
Το αντικείμενο παραθύρου είναι ένας γονέας όλων των στοιχείων, ακολουθούμενος από ένα αντικείμενο εγγράφου που εμφανίζει το περιεχόμενο της σελίδας και στη συνέχεια έρχεται το Αντικείμενο φόρμας , το οποίο προσδιορίζεται με ετικέτες.
Στοιχεία ελέγχου φόρμας: Όλα τα στοιχεία εισαγωγής όπως πεδία κειμένου, κουμπιά, κουμπιά επιλογής, πλαίσια ελέγχου, λίστες κ.λπ. περιέχονται στο αντικείμενο φόρμας.
Q # 22) Πότε πρέπει να χρησιμοποιείτε τον επιλογέα ταυτότητας και τάξης;
Απάντηση: Το αναγνωριστικό ως επιλογέας ορίζεται για να το αναγνωρίσει μοναδικά ως στοιχείο, επομένως δεν πρέπει να εφαρμόζεται το ίδιο αναγνωριστικό σε οποιοδήποτε άλλο στοιχείο στην ίδια σελίδα. Ενώ οι επιλογείς τάξης είναι τύποι επιλογών CSS που εφαρμόζονται για να προσθέσουν στυλ σε αυτό το στοιχείο, Για παράδειγμα, οικογένεια γραμματοσειρών, μέγεθος γραμματοσειράς ή χρώμα, επομένως οι επιλογείς τάξης μπορούν να εφαρμοστούν σε πολλά στοιχεία.
Στο JavaScript έχουμε getElementById () μέθοδος που επιστρέφει το πρώτο στοιχείο που βρίσκεται στον πηγαίο κώδικα, ενώ getElementsByClassName () Η μέθοδος επιστρέφει τη συλλογή στοιχείων με συγκεκριμένο όνομα κλάσης.
Q # 23) Εξηγήστε τα API που εισήχθησαν από το HTML5.
Απάντηση: Το HTML 5 εισήγαγε τις ακόλουθες μεθόδους API:
- API χρόνου υψηλής ανάλυσης: Δίνει τον τρέχοντα χρόνο σε ανάλυση σε δευτερόλεπτα δευτερολέπτου, ανεξάρτητα από την ανατροπή του ρολογιού συστήματος ή τις ρυθμίσεις.
- API χρονισμού χρήστη: Αυτό επιτρέπει την ακριβή μέτρηση της απόδοσης κώδικα JavaScript.
- API χρονισμού πλοήγησης: Βοηθά στην αξιολόγηση του ημερολογίου καθυστέρησης κατά τη διάρκεια καθυστερήσεων φόρτωσης σελίδας και λαμβάνει υπόψη την ανακατεύθυνση σελίδας, την αναζήτηση DNS και τον χρόνο για την κατασκευή DOM, καθυστερήσεις σύνδεσης TCP κ.λπ.
- API πληροφοριών δικτύου: Βοηθά στον προσδιορισμό του τύπου σύνδεσης του επισκέπτη ιστού και της κατάστασης ολόκληρου του αρχείου καταγραφής εύρους ζώνης.
- API δόνησης: Μπορεί να διεγείρει την αντίδραση κατά τη διάρκεια συγκεκριμένων εκδηλώσεων σε εφαρμογές παιχνιδιών με δόνηση συσκευών χρήστη (κινητό τηλέφωνο) παρέχοντας απόλυτη εμπειρία χρήστη.
- API κατάστασης μπαταρίας: Προσφέρει πληροφορίες σχετικά με την κατάσταση της μπαταρίας της συσκευής, όπως φόρτιση, υπόλοιπα δευτερόλεπτα έως ότου αποφορτιστεί πλήρως κ.λπ.
- API ορατότητας σελίδας: Δίνει λεπτομέρειες σχετικά με τις καταστάσεις ορατότητας σελίδας, όπως ελαχιστοποιημένες, επί του παρόντος εστιασμένες, παρέχοντας αποφάσεις για τη διακοπή της κατανάλωσης CPU ή εύρους ζώνης.
- API πλήρους οθόνης: Επιτρέπει την προβολή πλήρους οθόνης από το χρήστη με βάση τις προδιαγραφές της εφαρμογής.
- API getUserMedia: Παρέχει πρόσβαση σε ροές πολυμέσων όπως βίντεο, ήχο ή και τα δύο ενσωματωμένα σε μια ιστοσελίδα.
- API WebSocket: Διατηρεί μια επίμονη σύνδεση μεταξύ προγράμματος περιήγησης και διακομιστή.
- API γεωγραφικής τοποθεσίας: Αυτό βοηθά στην παρακολούθηση της γεωγραφικής θέσης του τόπου και των ατόμων μέσω του Global Positioning System (GPS) και ανακτά το γεωγραφικό πλάτος και γεωγραφικό μήκος, σχεδιάζοντας έτσι τη θέση σε πραγματικό χρόνο στο χάρτη.
Q # 24) Ποια είναι η διαφορά μεταξύ της τιμής Null, Empty και Undefined και πώς μπορείτε να χειριστείτε το καθένα;
Απάντηση: Η κενή συμβολοσειρά, το Null και το Undefined είναι παρόμοιου τύπου, αλλά διαφέρουν μεταξύ τους.
Απροσδιόριστος: Όταν δηλώνουμε απλώς μια μεταβλητή αλλά δεν έχουμε εκχωρήσει καμία τιμή. Η μεταβλητή Ή δεν υπάρχει ή δεν δηλώνεται. Παράδειγμα: αξία; console.log (τιμή); ==> απροσδιόριστο
Μηδενικό: Τα αναγνωριστικά ή τα ονόματα που δίνονται σε συναρτήσεις, μεταβλητές, υπάρχουν, αλλά δεν έχουν καμία αξία. δηλ. η τιμή είναι μηδενική. Παράδειγμα: val = μηδέν
Κενή συμβολοσειρά: Όταν μια μεταβλητή με τον τύπο δεδομένων συμβολοσειράς δεν περιέχει δεδομένα χαρακτήρων. Παράδειγμα: a = '';
Ε # 25) Εξηγήστε διαφορετικά αναδυόμενα παράθυρα που χρησιμοποιούνται στο JavaScript.
Απάντηση: Υπάρχουν κυρίως τρεις τύποι αναδυόμενων κουτιών σε JavaScript, δηλαδή. Ειδοποίηση, επιβεβαίωση και προτροπή.
Συναγερμός είναι ένα αναδυόμενο παράθυρο που δίνει πληροφορίες στο χρήστη με το κουμπί Ok. Οι χρήστες μπορούν να διαβάσουν το μήνυμα και να κάνουν κλικ στο κουμπί Ok για να κλείσουν αυτό το παράθυρο.
Η σύνταξη που χρησιμοποιείται για ειδοποίηση σε JavaScript:
alert('message');
Επιβεβαιώνω είναι ένα αναδυόμενο παράθυρο για τους χρήστες να αποφασίσουν και να επιλέξουν μία από τις επιλογές, από το OK και το Cancel.
- Για να συμφωνήσετε με το μήνυμα όπως Θέλεις να? , ο χρήστης μπορεί να κάνει κλικ στο OK για να επιβεβαιώσει την απόφαση.
- Για να διαφωνήσει με το μήνυμα, ο χρήστης μπορεί να κάνει κλικ στο Ακύρωση και να εξαιρεθεί από την απόφαση.
Προτροπή είναι ένας τύπος αναδυόμενου παραθύρου όπου ο χρήστης συνιστάται να εισαγάγει κάποια τιμή όπως όνομα ή ηλικία, και κάνοντας κλικ στο κουμπί OK, αποδέχεται την τιμή που έχει εισαχθεί. Παράδειγμα: yourage = prompt ('Εισαγάγετε την έγκυρη ηλικία σας');
Q # 26) Περιγράψτε τη χρήση του CSS animation με παράδειγμα.
Απάντηση: Μπορείτε να προσθέσετε κινούμενα σχέδια (σταδιακά αλλάξτε από το ένα στυλ στο άλλο) σε στοιχεία HTML χωρίς τη χρήση JavaScript ή Flash, χρησιμοποιώντας κινούμενες εικόνες CSS.
Καθορίζονται βασικά καρέ που διατηρούν τα στυλ που θα αλλάξει το στοιχείο σε συγκεκριμένες ώρες.
Ένα παράδειγμα είναι όπως δίνεται στην παρακάτω οθόνη:
CSS animation παράδειγμα αλλαγής χρώματος από κόκκινο σε aqua
Ε # 27) Εξηγήστε τον σκοπό κάθε τύπου αιτήματος HTTP που υποστηρίζεται από υπηρεσίες RESTful Web
Απάντηση: Στην υπηρεσία RESTful web, κάθε τύπος αιτήματος HTTP έχει έναν συγκεκριμένο σκοπό. Αυτά εξηγούνται παρακάτω:
- ΠΑΙΡΝΩ είναι ένας τύπος αιτήματος που ανακτά δεδομένα από το διακομιστή.
- ΘΕΣΗ είναι ένας τύπος αιτήματος που χρησιμοποιείται για την υποβολή νέων στοιχείων φόρμας δεδομένων και στη συνέχεια μεταφόρτωση ενός αρχείου.
- ΒΑΖΩ είναι ένα αίτημα παρόμοιο με το POST αλλά εφαρμόζεται για την ενημέρωση μιας υπάρχουσας οντότητας.
- ΔΙΑΓΡΑΦΩ είναι ένα αίτημα παρόμοιο με το PUT και χρησιμοποιείται για τη διαγραφή του πόρου από το διακομιστή.
- ΙΧΝΟΣ χρησιμοποιείται για την επικύρωση περιεχομένου που λαμβάνεται μαζί με το δίκτυο κατά τη διάρκεια ενός αιτήματος.
- ΚΕΦΑΛΙ είναι παρόμοιο με το GET αλλά λαμβάνει κεφαλίδες απόκρισης κατά τη διάρκεια του αιτήματος.
Q # 28) Ποιες είναι οι διαφορές μεταξύ της ετικέτας Span και Div στο HTML5;
Απάντηση: Τα Div και Span χρησιμοποιούνται και τα δύο για να αντιπροσωπεύουν ένα συγκεκριμένο τμήμα της ιστοσελίδας, αλλά και τα δύο διαφέρουν μεταξύ τους, όπως εξηγείται στον παρακάτω πίνακα:
Διχ | Σπιθαμή |
---|---|
Το Div είναι ένα στοιχείο επιπέδου μπλοκ | Το Span είναι ένα ενσωματωμένο στοιχείο |
Η ετικέτα Div χρησιμοποιείται για την αναδίπλωση τμημάτων του εγγράφου | Η ετικέτα Span χρησιμοποιείται για την αναδίπλωση κειμένου και εικόνων σε μικρές μερίδες |
Το Div χρησιμοποιείται για τη δημιουργία διατάξεων που βασίζονται σε CSS | Το Span χρησιμοποιείται για την προσθήκη στυλ στο κείμενο |
Το Div αποδέχεται το χαρακτηριστικό align | Το Span δεν αποδέχεται το χαρακτηριστικό align |
Ε # 29) Εξηγήστε την ψευδοκλάση στο CSS με παραδείγματα.
Απάντηση: Η κλάση ψευδώνων σε επικαλυπτόμενα φύλλα στυλ είναι μια λέξη-κλειδί που εφαρμόζεται στους επιλογείς στοιχείων HTML, για να προσθέσει ειδικό στυλ σε γεγονότα HTML όπως onblur, onclick, onchange, onhover κ.λπ., σε σχέση με εξωτερικούς παράγοντες όπως προηγούμενη επίσκεψη ιστότοπου από το ιστορικό πλοήγησης, τη θέση ή την κίνηση το ποντίκι, την κατάσταση περιεχομένου του στοιχείου φόρμας.
Η σύνταξη για την κατηγορία Ψευδο:
cssselector : pseudo-class { attribute: value; }
Παράδειγμα:
Ψευδο-κλάση CSS σε σελίδα HTML:
πώς να δημιουργήσετε μια διπλά συνδεδεμένη λίστα στο java
Τοποθετώντας το ποντίκι πάνω από διαφορετικά στοιχεία εμφανίζονται εφέ ψευδο-κατηγορίας.
συμπέρασμα
Έτσι, σε αυτό το σεμινάριο, έχουμε συζητήσει ερωτήσεις συνέντευξης που σχετίζονται με την ανάπτυξη και τη συντήρηση ιστότοπων και εφαρμογών που βασίζονται στον ιστό. Είναι απαραίτητο να έχουμε καλή κατανόηση και πρακτική γνώση της ενσωμάτωσης νέων τεχνολογιών, βιβλιοθηκών γλωσσών σεναρίων, HTML5 API, CSS3 και γλωσσών όπως Java, ASP, PHP. Επίσης, πρέπει να γνωρίζουμε τη διαμόρφωση εφαρμογών σε διακομιστές ιστού και σε βάση δεδομένων, χειρισμό λέξεων-κλειδιών SEO, ασφάλειας ιστού και συμβατότητας προγράμματος περιήγησης.
Θα πρέπει να είστε εξοικειωμένοι με τις γνώσεις δικτύωσης όπως πρωτόκολλο, υπηρεσίες ιστού, εμπειρία χρήστη, επίλυση προβλημάτων και καινοτομίες σε εφαρμογές ιστού και κινητών, καθώς και δυνατότητες ασφάλειας, χειρισμού συνεδριών και προσβασιμότητας.
Όλα τα καλύτερα με την επερχόμενη συνέντευξη για προγραμματιστές ιστού.
Συνιστώμενη ανάγνωση
- Πλήρης οδηγός δοκιμών εφαρμογών ιστού (Πώς να δοκιμάσετε έναν ιστότοπο)
- 25 Καλύτερες Ερωτήσεις και Απαντήσεις Συνέντευξης για Ευέλικτη Δοκιμή
- Κορυφαίες 30+ δημοφιλείς ερωτήσεις και απαντήσεις συνέντευξης CSS
- 25+ πιο δημοφιλείς ερωτήσεις και απαντήσεις συνέντευξης ADO.NET
- Κορυφαίες ερωτήσεις και απαντήσεις συνέντευξης 20+ .NET
- 30 Κορυφαίες ερωτήσεις και απαντήσεις συνέντευξης HTML (2021 LIST)
- Κορυφαίες 25 ερωτήσεις & απαντήσεις συνέντευξης Java Web Services
- Κορυφαίες 20 πιο σημαντικές ερωτήσεις και απαντήσεις συνέντευξης δοκιμών API