Топ 25+ Въпроси и отговори за интервю за уеб разработчици

top 25 web developer interview questions

Този урок предоставя набор от често задавани въпроси Въпроси и отговори за интервю за уеб разработчици за уеб разработчици от преден клас за младши и старши:

От съществено значение е маркетинговият екип да изгради надеждно присъствие в мрежата, да рекламира своите продукти и услуги на потенциалните си клиенти, да следи и да предоставя следпродажбени услуги на съществуващи клиенти.

Уеб приложенията са създадени с цел да бъдат достъпни в световен мащаб, да бъдат признати и да предлагат своите продукти и услуги на международния пазар.

как да инициализирам списък в java -

За изграждането на уеб-базирани приложения е задължително да имате задълбочени познания за езици за маркиране като HTML5, Cascading Style Sheet CSS3, JavaScript и JS библиотеки за потребителски взаимодействия, за обработка на DOM елементи, за проверка на клиентските входове и за динамична динамика и отзивчиви уеб страници.

Какво ще научите:

• Какво е уеб разработка
• Често задавани въпроси за интервю за уеб разработчици
• Заключение
  • Препоръчително четене

Какво е уеб разработка

Уеб разработването се отнася до работата, свързана с изграждането и поддържането на уебсайтове и уеб-базирани приложения като сайтове за онлайн електронна търговия, Amazon, Flipkart, eBay и др. И сайтове за социални мрежи като Facebook, LinkedIn, Instagram и Twitter.

Това включва и работата по изграждането на уебсайтове за железници, банки, всички основни държавни сайтове за излъчване на информация и повишаване на осведомеността.

Генерирайте обществена осведоменост и осигурете образование чрез новинарски канали, използвайки софтуер за уеб конференции Skype, Zoom, GoToMeeting. Осигурете онлайн забавление чрез уеб сериали като Netflix, Amazon Prime, MX плейър и др. Обучавайте ученици, провеждайте срещи, за да се обръщате към клиенти и екипи от географски граници.

Сега нека преминем към най-често срещаните въпроси за интервю за уеб разработчици за интервюта за младши, както и за интервюта за старши.

Често задавани въпроси за интервю за уеб разработчици

В # 1) Обяснете функционалността на браузъра.

Отговор: Браузърът предлага различни функции. Те са както следва:

• Той помага за достъп до HTML страници и всички уеб елементи, използвани в уеб-базирани приложения, както и уебсайтове, и показва отговори от други сайтове като отговор на заявките.
• Позволява уеб търсене на сайта, който ви интересува, като въведете URL или уеб адрес в адресната лента и прегледате отговора, като използвате някоя от търсачките.
• Навигационните контроли се използват за връщане към наскоро отворени страници, като щракнете върху бутона за връщане назад и следващия, за да се придвижите напред.
• Историята следи посетените сайтове в хронологичен ред. Тя позволява запомнянето или маркирането на сайтове, които ви интересуват, да се отнасят или изследват на по-късен етап. Той също така запазва вече посетени сайтове под формата на кеш и прави посетителите разпознати от сайтовете, като прави достъпа до тези сайтове по-бърз.
• Управлява пароли за често използвани уебсайтове, изискващи удостоверяване и в повечето случаи поддържа потребителите вече влезли в акаунта.
• Позволява достъп до различни сайтове, обмен на информация чрез API разговори, комуникация чрез имейл, данни и софтуер за споделяне на медийни файлове.

Пример за браузъри: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.

В # 2) Обяснете HTML 5, CSS3, JavaScript и тяхното значение при уеб разработката.

Отговор:

• HTML е независим от браузъра език за маркиране с поредица от маркери, които осигуряват структурата на уеб страница.
• CSS подобрява оформлението на страниците и съдържанието му със стил.
• JavaScript контролира поведението на уеб елементите и по този начин прави уебсайта Ви интерактивен / отзивчив, потвърждава входните стойности на потребителя, улавя информацията за посетителите на уебсайта и разпознава предишни посетители, помага при анализирането на процента на честотата на кликване на посетителите на публикации в блога.

В # 3) Какво разбирате под Framework?

Отговор: Framework е структура, която предоставя платформа за създаване на приложения. Това е колекция от подобни типове файлове, поставени по такъв начин, че да са конфигурирани да се свързват / интегрират вътрешно помежду си.

Пример: API рамка, която съдържа добре тествани, предварително написани и компилирани класове за изпълнение на общи функции като функция за качване на файлове, четене на съдържанието на файлове, отчети в PDF и подобни формати, интегрирани с тяхното уеб приложение.

В # 4) Какво представлява библиотеката с контекст на уеб разработката?

Отговор: Библиотеката е колекция от кодове, които са предварително тествани и проектирани за очакваните функционалности, разработени от разработчици и са налични в хранилища. Уеб разработчиците могат да интегрират тези библиотеки и да използват техните функционалности, вместо да преоткриват кода, за да изпълнят същата функционалност от самото начало.

Можете да използвате библиотеките iText и Apache FOP във вашето приложение, за да подпомогнете експортирането на вашите данни във файлове във формат pdf.

В # 5) Какви са причините за проблема със замразяването на браузъра?

Отговор: За да идентифицирате първопричината и да разрешите честия проблем със замразяването на браузъра, следвайте стъпките, споменати по-долу:

Тук разглеждаме Google Chrome като браузър по подразбиране.

1. Проверете всеки проблем, свързан с интернет: Щракнете върху иконата на прозореца (Старт) -> Изберете контролен панел -> Под Мрежа и интернет -> Щракнете върху Преглед на състоянието и задачите на мрежата -> Проверка Преглед на вашата активна мрежа - щракнете върху свързване или прекъсване на връзката -> Трябва да покаже интернет връзка за избрания мрежа.
2. Chrome не е затворен правилно: В крайния до десния ъгъл щракнете с десния бутон и изберете стартиране на диспечера на задачите, ако откриете множество chrome.exe в раздела процеси, щракнете с десния бутон върху този запис и изберете Край на процеса. Това ще освободи RAM място. След това рестартирайте отново Chrome.
3. Деактивиране на разширенията за Chrome: Отворете браузъра Chrome и въведете в адресната лента -> chrome: // extensions / и натиснете Enter. Деактивирайте всички активни разширения и рестартирайте отново браузъра Chrome. Отидете на разширенията на Chrome и активирайте всички разширения.
4. Сканирайте компютъра за злонамерен софтуер: Стартирайте Chrome и отидете до настройките. Кликнете върху Разширени, намерете Нулиране и Почистване. Щракнете върху Почистване на компютъра.
5. Нулиране на настройките на Chrome: Стартирайте Chrome, отидете в настройките, щракнете върху Разширени, намерете Нулиране и почистване и щракнете върху Възстановяване на настройките до първоначалните им настройки.
6. Премахване на несъвместими приложения: По време на сканиране, ако Chrome открие несъвместимо приложение, кликнете върху актуализиране или премахване на несъвместими приложения.
7. И накрая, ако проблемът продължава, деинсталирайте версията на Chrome и инсталирайте най-новата версия.

В # 6) Как да подобрим потребителското изживяване за потребителите, посещаващи вашия уебсайт?

Отговор: Следват предложенията за подобряване на потребителското изживяване:

• Вашият уебсайт / приложение трябва да работи 24 × 7.
• Той трябва да се справя с множество натоварвания на потребителски достъп по време на пиковите часове или сезона.
• Той трябва да е удобен за потребителя и лесен за придвижване до функциите, които посетителят търси.
• Трябва да имате ангажиращи видеоклипове, за да представите характеристиките на продукта си.
• Уебсайтът трябва да се търси от търсачките въз основа на въведените ключови думи.
• Уебсайтът трябва да бъде интегриран с платежен шлюз с всички възможни алтернативи за транзакции.
• Трябва да разполагате с безплатни функции, достъпни за потребителите, за да вземат решение относно закупуването на вашия продукт.
• Потребителските данни трябва да бъдат защитени по време на достъпа до уебсайта.
• Функциите на сесиите и кеша трябва да разпознават завръщащите се посетители.

В # 7) Какви са видео форматите, използвани при уеб разработката?

Отговор: Някои видео формати, поддържани и използвани при уеб разработката, са изброени по-долу:

• AVI от Microsoft
• FLV Adobe Flash видео плейър
• WMV, поддържан от медиен плейър на Windows
• MOV от QuickTime плейър
• MP4, поддържан от мобилни телефони и други платформи

В # 8) Как бихте включили функциите за достъпност към вашия уебсайт?

Отговор: Достъпността е основна функция, която се изисква да бъде внедрена във вашия уебсайт, за да позволи на посетителите със специални нужди, увреждания да имат достъп и да изследват вашия уебсайт.

• Уебсайтът трябва да е удобен за клавиатурата, т.е.всички функции трябва да бъдат достъпни без използване на мишка.
• Потребителите трябва да могат да изключват динамично и движещо се съдържание, като GIF файлове, анимации, видео файлове. Това съдържание може да повлияе неблагоприятно на потребителите на епилепсия.
• Преписи / надписи за гледане на видеоклипове. За глухите потребители гледането на видео със субтитри не е достатъчно, функции като надписи трябва да се показват по време на изпълнението на видеото.
• Функцията за гласова помощ и маркирането на снимки, графики и бутони за посетители с увредено зрение са от съществено значение, за да се следват стъпките според указанията за изследване и използване на функциите, предлагани в уебсайта
• Функции за автоматично попълване в лентата за търсене и лесни за намиране функции за посетители със забавени или лоши двигателни умения.
• Увеличете размера на кликващата област. Използвайте фини цветове за посетители с далтонизъм.

В # 9) Кога бихте приложили AJAX във вашето уеб приложение?

Отговор: AJAX актуализира раздела на съдържанието на страницата, без да презарежда цялата страница. Тази функция е от съществено значение, когато потребителят се нуждае от бързи резултати, без никакво забавяне в чакането на изпратената заявка, като щракне върху бутона за изпращане и изчаква отговора. Натоварването на сървъра може да бъде намалено чрез прилагане на AJAX с по-малък брой заявки, което спестява честотна лента.

Можете да използвате AJAX за проверка на формуляра. Вместо изскачащи прозорци може да се използва лайтбокса, сортиране и филтриране на съдържанието в табличен формат, показване на резултати или гласове с помощта на приложението за чат, презареждане на captcha за проверки за удостоверяване.

В # 10) Как можем да внедрим уеб услуги в уеб-базирани приложения?

Отговор: Уеб приложението изпраща заявки към уеб услуга, използвайки HTTP протокола. При даден URL адрес уеб услугата обработва заявката и връща отговора обратно в приложението. SOAP и RESTful са два вида уеб услуги.

В # 11) Как и какви функции за сигурност можете да приложите към вашия уебсайт?

Отговор: За да предпазите уебсайта си от кражба на данни, трябва да подобрите сигурността на уебсайта си, като например

• Прилагайте силна политика за пароли, позволявайки на паролата да има поне 10 знака и трябва да съдържа горни, долни, специални знаци и цифри.
• Хостът, който инсталира вашия уебсайт, трябва да има резервно съоръжение, инсталиран антивирус и защитна стена, за да защити вашето съдържание.
• Страницата за вход трябва да има Captcha, OTP функции, функция за блокиране на акаунт (в случай на въвеждане на 3 грешни пароли) и др., За да се предотврати достъп до вашия акаунт от неоторизиран посетител.

В # 12) Каква конфигурация и настройка са необходими за изпращане на имейли чрез вашия уебсайт?

Отговор: В идеалния случай можете да конфигурирате вашия SMTP на един сървър, като използвате услуга на трета страна като Gmail SMTP, или да използвате еластичен имейл, като използвате име на хост, порт, потребителско име и парола.

В # 13) За какво бихте създали отзивчив уебсайт?

Отговор: Отзивчивият уеб дизайн помага автоматично да преоразмерите ширината и височината на браузъра въз основа на настолни компютри, таблети и мобилни устройства по отношение на размера на монитора за настолни компютри или лаптопи.

В # 14) Какви са форматите за обмен на данни?

Отговор: Различни формати за обмен на данни са XML, CSV, JSON и текстови формати.

В # 15) Какво имате предвид под протокол?

Отговор: В мрежовата терминология протоколът представлява набор от правила за форматиране и обработка на данни. За да комуникират, двете устройства трябва да имат един и същ протокол. Интернет протоколът (IP) е протокол от мрежов слой и отговаря за маршрутизацията. Протоколът за контрол на предаването (TCP) прехвърля пакети данни през мрежи.

HyperText Transfer Protocol (HTTP) е слой 7, използван в Интернет и прехвърля данни между устройства. Протоколът за потребителски дейтаграми (UDP) се използва в приложения за бърз обмен на данни като видео стрийминг и игри.

В # 16) Какви техники бихте приложили, за да намалите времето за зареждане на страницата?

Отговор: За да се намали времето за зареждане на страницата и да се подобри производителността, могат да се приложат следните техники:

• Приложете най-новите версии на технологии за уеб изграждане като CSS3 и HTML5
• Използвайте JavaScript и таблици със стилове до минимум
• Опитайте се да избягвате използването на пренасочвания
• Използвайте малкия размер на изображенията
• Включете код от мрежата за доставка на съдържание (CDN)
• Приложете AJAX за бързи и отзивчиви уеб приложения

В # 17) Избройте разликите между HTTP 1.1 и 2.0?

Отговор: Разликите между HTTP 1.1 и HTTP 2 са изброени в таблицата по-долу:

Въпрос # 18) Какви приоритети бихте взели предвид, докато създавате уеб приложение?

Отговор: При създаването на уеб приложения трябва да се имат предвид следните приоритети:

• Страниците на уебсайта трябва да бъдат тествани за ефективност, тъй като те трябва да се зареждат възможно най-бързо.
• Страниците на приложенията не трябва да имат неработещи връзки.
• Приложението трябва да е съвместимо с всички основни браузъри като Mozilla Firefox, Google Chrome, Internet Explorer и Opera.
• Сайтът трябва да съдържа ключови думи, достъпни за търсачките.
• Трябва да има безпроблемна свързаност с базата данни.
• Обектите на базата данни, като съхранени процедури, трябва да бъдат щателно тествани с валиден вход.
• Бекенд масите трябва да бъдат защитени, защитени от фалшифициране.
• Вмъкването на данни трябва да се проверява чрез ограничения на нива на колони и редове.
• Вмъкването на данни в DB таблици и преглеждането им в процеса на потребителския интерфейс трябва да става възможно най-бързо.
• Рамката, използвана за интегриране на страници, трябва да бъде проста и трябва да бъде тествана без компилация.
• Страниците за въвеждане на потребителя трябва да бъдат проектирани с минимални входове от потребителя, използваните елементи трябва да бъдат лесни за достъп.
• Използване на HTTP2 за бързо зареждане на съдържанието на страницата.
• Използването на JavaScript трябва да бъде минимално.
• Трябва да се осигури достъпност като високоговорител за четене на текст, по-голям размер на шрифта, докосване на екрана, така че хората с физически ограничения също да могат лесно да осъществяват достъп до уебсайта.
• Трябва да интегрира медийни файлове като аудио и видео, които могат да бъдат отворени, без да се разчита на локален софтуер за изпълнение на тези файлове.
• Уеб страниците трябва да реагират на мобилни екрани.

В # 19) Кои са новите функции, въведени в HTML5?

Отговор: В HTML5 бяха въведени нови семантични, графични, мултимедийни елементи, бяха добавени различни атрибути към елементи, докато бяха премахнати малко елементи.

Той добави основни нови функции като мултимедийни елементи видео и аудио, API за геолокация, API на уеб хранилището, уеб сокет, JS уеб работник, Canvas и Drag-n-Drop също бяха въведени.

Въпрос # 20) Обяснете с примери, разлики между Canvas и SVG.

Отговор: Canvas и SVG и двата контейнера се използват за съхраняване на графики в HTML страницата, но те имат следните разлики помежду си.

В # 21) Какво представлява DOM елементът и неговата йерархия?

най-добрият софтуер за актуализиране на драйвери за Windows 10

Отговор: Обектът на документ е HTML документ, който се показва в прозореца на браузъра, когато имаме достъп до уеб страницата. DOM или документният обектен модел е начинът, по който този документ е достъпен или модифициран.

Обектът на прозореца е родител на всички елементи, последван от обект на документ, който показва съдържанието на страницата, след което идва Обект на форма , което се идентифицира с етикети.

Елементи за управление на формуляра: Всички елементи за въвеждане като текстови полета, бутони, радио бутони, квадратчета за отметка, списъци и т.н. се съдържат в обекта на формуляра.

Въпрос # 22) Кога трябва да използвате селектора за идентификация и клас?

Отговор: ID като селектор е дефиниран, за да го идентифицира уникално като елемент, следователно не трябва да има същия ID, приложен към който и да е друг елемент в рамките на същата страница. Докато селекторите на класове са типове CSS селектори, които се прилагат, за да се добави стил към този елемент, за пример, семейство шрифтове, размер или цвят, следователно селекторите на класове могат да се прилагат към множество елементи.

В JavaScript имаме getElementById () метод, който връща първия елемент, открит в изходния код, докато getElementsByClassName () метод връща колекция от елементи с конкретно име на клас.

В # 23) Обяснете API, въведени от HTML5.

Отговор: HTML 5 представи следните методи на API:

• API за време с висока разделителна способност: Той дава текущото време в разделителна способност до милисекунда, независимо от изкривяването на системния часовник или корекциите.
• API за потребителско време: Това позволява точно измерване на ефективността на JavaScript кода.
• API за синхронизиране на навигацията: Той помага при оценката на дневника със забавяне по време на закъснения при зареждане на страницата и отчита пренасочването на страницата, търсенето в DNS и времето за конструиране на DOM, закъснения на TCP връзка и т.н.
• API за мрежова информация: Той помага да се идентифицират типа на връзката на уеб посетителя и състоянието на целия дневник на честотната лента.
• API за вибрации: Той може да стимулира реакцията по време на определени събития в игрите, като вибрира потребителски устройства (мобилен телефон), предоставяйки крайно потребителско изживяване.
• API за състоянието на батерията: Той предлага информация за състоянието на батерията на устройството като зареждане, оставащи секунди до пълното й разреждане и т.н.
• API за видимост на страницата: Той дава подробности за състоянията на видимост на страни като минимизирани, фокусирани в момента, като предоставя решения за спиране на консумацията на CPU или честотна лента.
• API на цял екран: Той дава възможност на потребителя на цял екран да се показва въз основа на спецификацията на приложението.
• API на getUserMedia: Той осигурява достъп до мултимедийни потоци като видео, аудио или и двете, вградени в уеб страница.
• API на WebSocket: Той поддържа постоянна връзка между браузъра и сървъра.
• API за геолокация: Това помага за проследяване на географското местоположение на мястото и хората чрез Глобална система за позициониране (GPS) и извлича географска ширина и дължина, като по този начин нанася местоположение в реално време на картата.

В # 24) Каква е разликата между Null, Empty и Undefined value и как можете да се справите с всяка?

Отговор: Празният низ, Null и Undefined са сходни по вид, но се различават помежду си.

Неопределено: Когато просто декларираме променлива, но не сме присвоили стойност. ИЛИ променливата не съществува или не е декларирана. Пример: стойност; console.log (стойност); ==> неопределено

Нула: Идентификатори или имена, дадени на функции, променливи, наистина съществуват, но нямат стойност. т.е. стойност е нула. Пример: val = нула

Празен низ: Когато променлива с низовия тип данни не съдържа никакви символни данни. Пример: a = '';

Въпрос # 25) Обяснете различни изскачащи прозорци, използвани в JavaScript.

Отговор: В JavaScript има основно три вида изскачащи кутии, а именно. Сигнал, потвърждение и подкана.

Тревога е изскачащ прозорец за предоставяне на информация на потребителя с бутона Ok. Потребителите могат да прочетат съобщението и да натиснат бутона Ok, за да затворят този прозорец.

Синтаксисът, използван за предупреждение в JavaScript:

Потвърдете е изскачащ прозорец, който потребителите могат да решат и да изберат една от опциите, от OK и Отказ.

• За да се съгласите със съобщението като Искаш ли да? , потребителят може да щракне върху OK, за да потвърди решението.
• За да не се съгласи със съобщението, потребителят може да щракне Отказ и да се откаже от решението.

Подкани е вид изскачащ прозорец, при който на потребителя се препоръчва да въведе някаква стойност като име или възраст и след като щракне върху бутона OK, той приема въведената стойност. Пример: yourage = prompt („Въведете валидната си възраст“);

В # 26) Опишете използването на CSS анимация с пример.

Отговор: Можете да добавяте анимация (постепенно да променяте от един стил в друг) към HTML елементи, без да използвате JavaScript или Flash, като използвате CSS анимации.

Посочени са ключови кадри, които съдържат стиловете, в които елементът ще бъде променен в определени моменти.

Пример е както е даден на екрана по-долу:

Пример за CSS анимация промяна на цвета от червен на аква

В # 27) Обяснете целта на всеки от типовете HTTP заявки, поддържани от RESTful уеб услуги

Отговор: В уеб услугата RESTful всеки тип HTTP заявка има определена цел. Те са обяснени по-долу:

• ВЗЕМЕТЕ е тип заявка, която извлича данни от сървъра.
• ПОСТ е тип заявка, използвана за изпращане на нови данни за формуляра за данни и след това качване на файл.
• СЛАГАМ е заявка, подобна на POST, но приложена за актуализиране на съществуващ обект.
• ИЗТРИЙ е заявка, подобна на PUT и се използва за изтриване на ресурса от сървъра.
• СЛЕД се използва за проверка на съдържанието, получено заедно с мрежата по време на заявка.
• ГЛАВА е подобен на GET, но получава заглавки на отговори по време на заявката.

В # 28) Какви са разликите между Span и Div таг в HTML5?

Отговор: Div и Span се използват за представяне на определен раздел от уеб страницата, но и двете се различават помежду си, както е обяснено в таблицата по-долу:

Въпрос # 29) Обяснете клас Pseudo в CSS с примери.

Отговор: Псевдо класът в каскадни таблици със стилове е ключова дума, приложена към селекторите на HTML елемент, за да добави специален стил към HTML събития като onblur, onclick, onchange, onhover и т.н., във връзка с външни фактори като предишно посещение на уебсайта от историята на навигацията, позицията или движението на мишката, състояние на съдържанието на елемента на формата.

Синтаксисът за клас Pseudo:

Пример:

CSS псевдоклас в HTML страница:

преобразуване на char към int c ++

Задържането на мишката над различни елементи показва ефекти от псевдокласа.

Заключение

По този начин в този урок обсъдихме въпроси за интервюта, свързани с разработването и поддържането на уебсайтове и уеб-базирани приложения. От съществено значение е да имате добро разбиране и практически познания за интегриране на нови технологии, библиотеки на скриптове за преден край, API на HTML5, CSS3 и езици като Java, ASP, PHP. Също така трябва да знаем за конфигуриране на приложения на уеб сървъри и база данни, обработка на SEO ключови думи, уеб сигурност и съвместимост с браузъра.

Трябва да сте добре запознати с мрежови познания като протокол, уеб услуги, потребителски опит, решаване на проблеми и иновации в уеб и мобилни приложения, както и функции за сигурност, обработка на сесии и достъпност.

Всичко най-добро с предстоящото ви интервю за уеб разработчици.

Препоръчително четене

• Пълно ръководство за тестване на уеб приложения (Как да тествате уебсайт)
• 25 най-добри пъргави тестови интервюта Въпроси и отговори
• Топ 30+ популярни CSS интервюта Въпроси и отговори
• 25+ Най-популярни въпроси и отговори за интервю за ADO.NET
• Топ 20+ .NET интервюта и отговори
• 30 водещи въпроса и отговори за интервю за HTML (СПИСЪК 2021)
• Топ 25 Въпроси и отговори за интервю за уеб услуги в Java
• Топ 20 на най-важните въпроси и отговори за интервю за API тестване