Топ 25 и више питања и одговора за интервјуе за веб програмере

top 25 web developer interview questions

Овај водич пружа скуп најчешће постављаних питања Питања и одговори за интернетске програмере за млађе и старије веб програмере:

За маркетиншки тим је неопходно да створи поуздано присуство на мрежи, оглашава своје производе и услуге својим потенцијалним купцима, прати и пружа постпродајне услуге постојећим купцима.

Веб апликације су направљене са циљем да буду глобално доступне, препознате и нуде своје производе и услуге на међународном тржишту.

најбоља шпијунска апликација за андроид

За изградњу апликација заснованих на Интернету, обавезно је детаљно познавање језика за означавање као што су ХТМЛ5, Цасцадинг Стиле Схеет ЦСС3, ЈаваСцрипт и ЈС библиотеке за корисничке интеракције, за руковање ДОМ елементима, за потврђивање уноса клијента и за израду динамичких и прилагодљиве веб странице.

Шта ћете научити:

• Шта је веб развој
• Често постављана питања о интервјуу за веб програмере
• Закључак
  • Препоручено читање

Шта је веб развој

Веб развој се односи на рад који је укључен у изградњу и одржавање веб страница и веб апликација заснованих на веб локацијама е-трговине на мрежи, Амазону, Флипкарту, еБаиу итд. И веб локацијама друштвених мрежа као што су Фацебоок, ЛинкедИн, Инстаграм и Твиттер.

То такође укључује рад на изради веб страница за железнице, банке, све главне владине сајтове за емитовање информација и подизање свести.

Створите свест јавности и пружите образовање путем вести помоћу софтвера за веб конференције Скипе, Зоом, ГоТоМеетинг. Обезбедите интернетску забаву путем веб серија попут Нетфлика, Амазон Примеа, МКС плејера итд. Образујте студенте, одржавајте састанке да бисте се обраћали купцима и тимовима преко географских граница.

Сада пређимо на најчешћа питања за интервјуе за програмере за програмере за јуниоре као и за старије нивое.

Често постављана питања о интервјуу за веб програмере

П # 1) Објасните функционалност прегледача.

Одговор: Прегледник нуди разне функције. То су следећи:

• Помаже у приступу ХТМЛ страницама и свим веб елементима који се користе у веб-апликацијама, као и веб локацијама, и приказује одговоре са других веб локација као одговор на захтеве.
• Омогућава веб претрагу веб локације која вас занима уношењем УРЛ адресе или веб адресе у траку за адресу и преглед одговора помоћу било ког претраживача.
• Контроле за навигацију се користе за повратак на недавно отворене странице кликом на дугме Назад и дугме Следеће за померање напред.
• Историја евидентира посећене локације хронолошким редоследом. Омогућава памћење или обележавање локација које вас занимају да их касније упутите или истражите. Такође штеди претходно посећене веб локације у облику кеш меморије и чини да их посетиоци препознају, чинећи њихов приступ бржим.
• Управља лозинкама за често коришћене веб локације које захтевају потврду идентитета и у већини случајева задржава кориснике већ пријављене на налог.
• Омогућава приступ разним веб локацијама, размену информација путем АПИ позива, комуникацију путем е-поште, података и софтвера за размену медијских датотека.

Пример прегледача: Интернет Екплорер, Мозилла Фирефок, Гоогле Цхроме, Опера, Сафари.

П # 2) Објасните ХТМЛ 5, ЦСС3, ЈаваСцрипт и њихов значај у веб развоју.

Одговор:

• ХТМЛ је језик за означавање независан од платформе и прегледача са низом ознака које пружају структуру веб странице.
• ЦСС стилом побољшава изглед странице и њен садржај.
• ЈаваСцрипт контролише понашање веб елемената, а самим тим чини вашу веб страницу интерактивном / прилагодљивом, проверава вредности уноса корисника, прикупља информације о посетиоцима веб локације и препознаје претходне посетиоце, помаже у анализи процента стопе кликања посетилаца поста на блогу.

П # 3) Шта разумете под Фрамеворк?

Одговор: Фрамеворк је структура која пружа платформу за креирање апликација. То је колекција сличних врста датотека смештених на такав начин да су конфигурисане да се међусобно повезују / интегришу.

Пример: АПИ оквир, који садржи добро тестиране, унапред написане и компајлиране класе за постизање уобичајених функционалности попут функције отпремања датотека, читања садржаја датотеке, извештаја у ПДФ-у и сличних формата интегрисаних у њихову веб апликацију.

П # 4) Шта је библиотека с контекстом веб развоја?

Одговор: Библиотека је колекција кода који је унапред тестиран и дизајниран за очекиване функционалности које су развили програмери и доступан је у спремиштима. Веб програмери могу да интегришу ове библиотеке и користе њихове функционалности, уместо да поново измишљају код да би постигли исту функцију од почетка.

Можете користити иТект и Апацхе ФОП библиотеке у својој апликацији за помоћ при извозу података у пдф формату.

П # 5) Који су разлози за проблем замрзавања прегледача?

Одговор: Да бисте идентификовали основни узрок и решили учестали проблем замрзавања прегледача, следите доле наведене кораке:

Овде разматрамо Гоогле Цхроме као задати прегледач.

1. Проверите било који проблем везан за Интернет: Кликните на икону Прозор (Старт) -> Изаберите Контролну таблу -> Под Мрежа и Интернет -> Кликните на Приказ статуса и задатака мреже -> Провери Преглед активне мреже - кликните на повезивање или прекид везе -> Требало би приказати Интернет везу за изабрани мрежа.
2. Цхроме није правилно затворен: У крајњем доњем десном углу кликните десним тастером миша и изаберите Старт таск манагер, ако на картици процеса пронађете више цхроме.еке, кликните десним тастером миша на тај запис и изаберите Енд процесс. Ово ће ослободити РАМ простор. Затим поново покрените Цхроме.
3. Онемогући Цхроме проширења: Отворите прегледач Цхроме и унесите у траку за адресу -> цхроме: // ектенсионс / и притисните Ентер. Онемогућите све активне додатке и поново покрените прегледач Цхроме. Идите на додатке за Цхроме и омогућите све додатке.
4. Скенирајте рачунар на било који малвер: Покрените Цхроме и идите до подешавања. Кликните на Адванцед, пронађите Ресет и Цлеан уп. Кликните на Цлеан уп цомпутер (Очисти рачунар).
5. Ресетујте подешавања Цхроме-а: Покрените Цхроме, идите на подешавања, кликните на Напредно, пронађите Ресетуј и очисти и кликните Врати поставке на првобитне подразумеване вредности.
6. Уклоните некомпатибилне апликације: Током скенирања, ако Цхроме открије неку некомпатибилну апликацију, кликните на ажурирање или уклоните некомпатибилне апликације.
7. Коначно, ако се проблем и даље јавља, деинсталирајте верзију Цхроме-а и инсталирајте најновију верзију.

П # 6) Како побољшати корисничко искуство за кориснике који посећују вашу веб страницу?

Одговор: Следе предлози за побољшање корисничког искуства:

• Ваша веб локација / апликација треба да ради 24 × 7.
• Требало би да обради вишеструки приступ корисника током врхунца времена или сезоне.
• Требало би да буде лако за употребу и лако се креће ка карактеристикама које посетилац тражи.
• Требали бисте имати занимљиве видео записе за представљање карактеристика вашег производа.
• Веб локацију треба претраживати из претраживача на основу унетих кључних речи.
• Веб локација треба да буде интегрисана са платним пролазом са свим могућим алтернативама за трансакције.
• Требали би имати бесплатне функције које су доступне корисницима да би се одлучиле о куповини вашег производа.
• Подаци корисника треба да буду заштићени током приступа веб локацији.
• Функције сесија и кеш меморије треба да препознају посетиоце који се враћају.

П # 7) Који се видео формати користе у веб развоју?

Одговор: У наставку су наведени неки видео формати подржани и коришћени у веб развоју:

• АВИ компаније Мицрософт
• ФЛВ Адобе Фласх видео плејер
• ВМВ који подржава Виндовс медиа плаиер
• МОВ би КуицкТиме плаиер
• МП4 подржан од мобитела и других платформи

П # 8) Како бисте на своју веб страницу укључили функције приступачности?

Одговор: Приступачност је основна карактеристика која је потребна да би се применила на вашој веб локацији како би посетиоци са посебним потребама и инвалидитетом могли да приступе и истражују вашу веб страницу.

• Веб локација треба да буде прилагођена тастатури, тј. Све функције би требало да буду доступне без употребе миша.
• Корисници би требали моћи искључити динамични и покретни садржај као што су ГИФ датотеке, анимације, видео датотеке. Овај садржај може негативно утицати на кориснике епилепсије.
• Транскрипти / натписи за гледање видео записа. За глуве кориснике гледање видео записа са титловима није довољно, током приказивања видео снимка треба приказати функције попут натписа.
• Функција гласовне помоћи и означавање фотографија, графика и дугмади за посетиоце са оштећеним видом су неопходни да би се следили кораци како је предвиђено за истраживање и коришћење функција понуђених на веб локацији
• Аутоматско допуњавање функција на траци за претрагу и лако проналажење карактеристика за посетиоце са одложеном или лошом моториком.
• Повећајте величину подручја на које је могуће кликнути. Користите суптилне боје за посетиоце који имају далтонизам.

П # 9) Када бисте применили АЈАКС у својој веб апликацији?

Одговор: АЈАКС ажурира одељак садржаја странице, без поновног учитавања целе странице. Ова функција је неопходна када су кориснику потребни брзи резултати, без одлагања чекања на послати захтев кликом на дугме за слање и чекања на одговор. Оптерећење сервера може се смањити применом АЈАКС-а са мањим бројем захтева што штеди пропусност.

За валидацију обрасца можете да користите АЈАКС. Уместо искачућих прозора, лајтбокс се може користити за сортирање и филтрирање садржаја у табеларном формату, приказивање резултата или гласова помоћу апликације за ћаскање, поновно учитавање цаптцха-е за провере аутентичности.

П # 10) Како можемо имплементирати веб услуге у веб апликације?

Одговор: Веб апликација шаље захтеве веб услузи помоћу ХТТП протокола. На датом УРЛ-у, веб услуга обрађује захтев и враћа одговор назад апликацији. СОАП и РЕСТфул су две врсте веб услуга.

П # 11) Како и које безбедносне функције можете применити на своју веб локацију?

Одговор: Да бисте заштитили своју веб локацију од крађе података, морате да побољшате сигурност своје веб странице, као што је

• Примените јаку политику лозинке, дозвољавајући да лозинка има најмање 10 знакова и треба да садржи горње, доње, посебне знакове и бројеве.
• Домаћин који инсталира вашу веб локацију треба да има резервну копију, инсталиран антивирус и заштитни зид да би заштитио ваш садржај.
• Страница за пријаву треба да има Цаптцха, ОТП функције, функцију блокаде налога (у случају уноса 3 погрешне лозинке) итд. Како би неовлашћени посетилац спречио приступ вашем налогу.

П # 12) Која је конфигурација и подешавање потребна за слање е-поште путем ваше веб локације?

Одговор: У идеалном случају можете да конфигуришете свој СМТП на једном серверу помоћу независне услуге као што је Гмаил СМТП или да користите еластичну е-пошту користећи име хоста, порт, корисничко име и лозинку.

П # 13) За шта бисте направили одзивни веб сајт?

Одговор: Прилагодљиви веб дизајн помаже вам да аутоматски промените величину ширине и висине прегледача на основу стоних рачунара, таблета и мобилних уређаја у односу на величину монитора за радну површину или лаптоп рачунар.

П # 14) Који су формати за размену података?

Одговор: Различити формати за размену података су КСМЛ, ЦСВ, ЈСОН и Тект формати.

најбољи софтвер за компресовање видео датотека

П # 15) Шта подразумевате под протоколом?

Одговор: У терминологији умрежавања, протокол је скуп правила за форматирање и обраду података. Да би комуницирали, оба уређаја треба да имају исти протокол. Интернет протокол (ИП) је протокол мрежног слоја и одговоран је за рутирање. Протокол за контролу преноса (ТЦП) преноси пакете података преко мрежа.

Протокол за пренос хипертекста (ХТТП) је слој 7 који се користи на Интернету и преноси податке између уређаја. Кориснички протокол датаграма (УДП) користе се у апликацијама за брзу размену података, као што су видео стреаминг и игре.

П # 16) Које бисте технике применили за смањење времена учитавања странице?

Одговор: Да би се смањило време учитавања странице и побољшале перформансе, могу се применити следеће технике:

• Примените најновије верзије технологија за израду веб страница као што су ЦСС3 и ХТМЛ5
• Користите ЈаваСцрипт и табеле стилова на минимум
• Покушајте да избегнете употребу Преусмеравања
• Користите слике мале величине
• Укључите код са мреже за испоруку садржаја (ЦДН)
• Примените АЈАКС за брзе и прилагодљиве веб апликације

П # 17) Наведи разлике између ХТТП 1.1 и 2.0?

Одговор: Разлике између ХТТП 1.1 и ХТТП 2 наведене су у доњој табели:

П # 18) Које бисте приоритете узели у обзир приликом израде веб апликације?

Одговор: При изради веб апликација треба имати на уму следеће приоритете:

• Странице веб страница треба тестирати на перформансе јер би се требале учитавати што је брже могуће.
• Странице апликација не смеју имати неисправне везе.
• Апликација треба да буде компатибилна са свим главним прегледачима као што су Мозилла Фирефок, Гоогле Цхроме, Интернет Екплорер и Опера.
• Сајт треба да садржи кључне речи које су доступне претраживачима.
• Требало би да постоји непрекидна повезаност са базом података.
• Ентитети базе података, као што су ускладиштене процедуре, треба темељно тестирати са ваљаним уносом.
• Беккенд столови треба да буду заштићени, заштићени од неовлашћеног коришћења.
• Уметање података треба потврдити ограничењима на нивоу колона и редова.
• Уметање података у ДБ табеле и њихово гледање у процесу корисничког интерфејса требало би да буде што је брже могуће.
• Оквир који се користи за интеграцију страница требао би бити једноставан и требало би га тестирати без икакве компилације.
• Странице за унос корисника треба да буду дизајниране са минималним уносима од корисника, а елементи који се користе требају бити приступачни кориснику.
• Употреба ХТТП2 за брзо учитавање садржаја странице.
• Употреба ЈаваСцрипт-а треба бити минимална.
• Треба обезбедити могућност приступачности, попут звучника за читање текста, веће величине слова, приступа додиром екрана, тако да људи са физичким ограничењима такође могу лако приступити веб локацији.
• Требало би да интегришу медијске датотеке попут аудио и видео записа које се могу отворити без ослањања на локални софтвер за извршавање ових датотека.
• Веб странице треба да реагују на мобилне екране.

П # 19) Које су нове функције уведене у ХТМЛ5?

Одговор: У ХТМЛ5 су уведени нови семантички, графички, мултимедијални елементи, додани су различити атрибути елементима, док је уклоњено мало елемената.

Додао је главне нове функције као што су мултимедијални елементи видео и аудио, АПИ за геолокацију, АПИ-ји на веб складишту, веб утичница, ЈС веб радник, Цанвас и Драг-н-Дроп су такође представљени.

П # 20) Објасните на примерима, разлике између Цанвас-а и СВГ-а.

Одговор: Оба платна и СВГ контејнери користе се за складиштење графике на ХТМЛ страници, међутим, међу њима постоје следеће разлике.

П # 21) Шта је ДОМ елемент и његова хијерархија?

Одговор: Објекат документа је ХТМЛ документ који се приказује у прозору прегледача када приступимо веб страници. ДОМ или модел објекта документа је начин на који се овом документу приступа или мења.

Прозорни објект је родитељ свих елемената, затим објекат Доцумент који приказује садржај странице, а затим долази Облик објекта , који се препознаје по ознакама.

Елементи контроле обрасца: Сви елементи за унос као што су текстуална поља, дугмад, радио дугмад, поља за потврду, листе итд. Садржани су у објекту обрасца.

П # 22) Када треба да користите селектор ид-а и класе?

Одговор: ИД као селектор дефинисан је тако да га јединствено идентификује као елемент, стога не би требало да се исти ИД примењује на било који други елемент на истој страници. Док су селектори класа типови ЦСС селектора који се примењују да би се елементу додао стил, за пример, породица фонтова, величина или боја, стога се бирачи класа могу применити на више елемената.

У ЈаваСцрипт-у имамо гетЕлементБиИд () метода која враћа први елемент пронађен у изворном коду, док гетЕлементсБиЦлассНаме () метода враћа колекцију елемената са одређеним именом класе.

П # 23) Објасните АПИ-је које је увео ХТМЛ5.

Одговор: ХТМЛ 5 је представио следеће АПИ методе:

• АПИ високе резолуције за време: Даје тренутно време у резолуцији до милисекунди, независно од искривљености системског сата или подешавања.
• Усер Тиминг АПИ: Ово омогућава тачно мерење перформанси ЈаваСцрипт кода.
• АПИ за навигацију времена: Помаже у процени евиденције временских интервала током кашњења учитавања странице и узима у обзир преусмеравање странице, ДНС претрагу и време за изградњу ДОМ-а, кашњења ТЦП везе итд.
• АПИ за мрежне информације: Помаже у идентификовању типа везе и статуса целог дневника пропусног опсега веб посетиоца.
• АПИ за вибрације: Може да стимулише реакцију током одређених догађаја у играчким апликацијама вибрирајући корисничке уређаје (мобилни телефон) пружајући крајње корисничко искуство.
• АПИ статуса батерије: Нуди информације о стању батерије уређаја као што је пуњење, преостале секунде док се потпуно не испразни итд.
• АПИ за видљивост странице: Даје детаље о статусима видљивости странице као што су минимизирани, тренутно фокусирани, пружајући одлуке о заустављању потрошње процесора или пропусног опсега.
• АПИ преко целог екрана: Омогућава приказ преко целог екрана од корисника на основу спецификација апликације.
• гетУсерМедиа АПИ: Омогућава приступ мултимедијалним токовима као што су видео, аудио или обоје уграђени у веб страницу.
• ВебСоцкет АПИ: Одржава трајну везу између прегледача и сервера.
• АПИ за геолокацију: Ово помаже у праћењу географског положаја места и људи путем Глобалног система за позиционирање (ГПС) и проналази географску ширину и дужину, чиме се приказује карта у реалном времену на мапи.

П # 24) Која је разлика између вредности Нулл, Емпти и Недефинисана и како можете да се носите са сваком од њих?

Одговор: Празни низ, Нулл и Ундефинед су слични по типу, али се међусобно разликују.

Недефинисан: Када само декларишемо променљиву, али нисмо доделили вредност. ИЛИ променљива не постоји или није декларисана. Пример: вредност; цонсоле.лог (вредност); ==> недефинисано

Нула: Идентификатори или имена дата функцијама, променљивим, постоје, али немају вредност. односно вредност је нула. Пример: вал = нула

Празан низ: Када променљива са низом података типа података не садржи податке о знаковима. Пример: а = '';

П # 25) Објасните различите искачуће прозоре који се користе у ЈаваСцрипт-у.

Одговор: У ЈаваСцрипт-у постоје углавном три врсте искачућих оквира, тј. Упозорење, потврда и упит.

Упозорење је искачући прозор за давање информација кориснику помоћу дугмета Ок. Корисници могу прочитати поруку и кликнути на дугме Ок да би затворили овај прозор.

Синтакса која се користи за упозорење у ЈаваСцрипт-у:

Потврди је искачући прозор за који корисници могу да одлуче и изаберу било коју од опција, од У реду и Откажи.

• Да би се сложио са поруком попут Да ли желите да? , корисник може да кликне на ОК да би потврдио одлуку.
• Да се ​​не би сложио са поруком, корисник може да кликне на „Откажи“ и да одустане од одлуке.

Промпт је врста искачућег прозора у којем се кориснику саветује да унесе неку вредност попут имена или старости, а кликом на дугме У реду прихвата унету вредност. Пример: иоураге = промпт („Унесите своју важећу старост“);

П # 26) Опишите употребу ЦСС анимације на примеру.

Одговор: Можете додати анимацију (постепено мењати из једног стила у други) ХТМЛ елементима без употребе ЈаваСцрипт-а или Фласх-а, користећи ЦСС анимације.

Наведени су кључни оквири који садрже које стилове ће елемент мењати у одређено време.

Пример је дат на доњем екрану:

Пример ЦСС анимације промена боје са црвене на аква

П # 27) Објасните сврху сваког од ХТТП типова захтева које подржавају РЕСТфул Веб услуге

Одговор: У РЕСТфул веб услузи, сваки тип ХТТП захтева има одређену сврху. Они су објашњени у наставку:

• ДОБИТИ је врста захтева која преузима податке са сервера.
• ПОШТА је врста захтева која се користи за слање података о обрасцу нових података, а затим за отпремање датотеке.
• СТАВИТИ је захтев сличан ПОСТ-у, али се примењује за ажурирање постојећег ентитета.
• ИЗБРИШИ је захтев сличан ПУТ-у и користи се за брисање ресурса са сервера.
• ТРАЦЕ користи се за потврђивање садржаја примљеног заједно са мрежом током захтева.
• ГЛАВА је сличан ГЕТ-у, али прима заглавља одговора током захтева.

П # 28) Које су разлике између Спан и Див ознаке у ХТМЛ5?

Одговор: Див и Спан се користе за представљање одређеног одељка веб странице, али се оба међусобно разликују како је објашњено у доњој табели:

П # 29) Објасните на примерима класу Псеудо у ЦСС-у.

Одговор: Псеудо класа у каскадним табелама стилова је кључна реч која се примењује на бираче ХТМЛ елемената, за додавање посебног стила ХТМЛ догађајима попут онблур, онцлицк, онцханге, онховер итд., У односу на спољне факторе попут претходне посете веб локацији из историје навигације, положаја или кретања миш, статус садржаја елемента обрасца.

Синтакса за Псеудо класу:

Пример:

ЦСС псеудо-класа на ХТМЛ страници:

топ мп3 довнлоад апликације за андроид

Прелазак мишем преко различитих елемената приказује ефекте псеудо-класе.

Закључак

Стога смо у овом упутству разговарали о питањима интервјуа која се односе на развој и одржавање веб страница и апликација заснованих на вебу. Неопходно је добро разумевање и практично знање о интегрисању нових технологија, библиотекама скриптних језика, ХТМЛ5 АПИ-ји, ЦСС3 и језицима попут Јава, АСП, ПХП. Такође, морамо знати да конфигуришемо апликације на веб серверима и базама података, руковање СЕО кључним речима, веб сигурност и компатибилност прегледача.

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

Све најбоље са предстојећим интервјуом за веб програмере.

Препоручено читање

• Комплетан водич за тестирање веб апликација (Како тестирати веб локацију)
• 25 најбољих агилних тестова за интервју и питања и одговори
• 30 и више најпопуларнијих ЦСС питања и одговора у интервјуу
• 25+ најпопуларнијих питања и одговора за интервју за АДО.НЕТ
• Топ 20+ .НЕТ питања и одговори за интервјуе
• 30 најважнијих ХТМЛ питања и одговора у интервјуима (ЛИСТА 2021)
• Топ 25 питања и одговора за интервју за Јава Веб Сервицес
• 20 најважнијих питања и одговора за испитивање АПИ тестирања