Nangungunang 25 Mga Tanong at Sagot sa Panayam ng Web Developer na Dapat Alam

Patuloy na in demand ang mga web developer habang patuloy na lumalaki ang Internet. Para makuha ang trabaho, kailangan mo munang sukatin ang sesyon ng panayam ng employer.

Bagama't ang mga malalaking team ay may posibilidad na kumuha ng alinman sa front-end o back-end na mga developer partikular, ang mas maliliit na team at startup ay madalas na pumunta para sa mga full-stack na developer. Kaya, nakakatulong na malaman hangga't kaya mo.

Ang sumusunod ay isang listahan ng nangungunang 25 na dapat malaman na mga tanong sa panayam ng web developer at ang kanilang mga sagot upang matulungan kang maghanda.

1. Ano ang Mga Tungkulin ng HTML, JavaScript, At CSS sa Web Development?

Ang HTML ay kumakatawan sa HyperText Markup Language at ito ang karaniwang wika para sa pagbuo ng mga dokumentong ilalathala sa web. Ang JavaScript at CSS ay mga dagdag.

Ang JavaScript ay orihinal na idinisenyo bilang isang client-side programming language, ito ay isinasagawa sa browser upang makabuo ng higit pang functionality sa webpage. Ang CSS ay kumakatawan sa Cascading Style Sheets at ginagamit para sa pagpapakita ng mga elemento sa screen.

2. Ano ang Responsive Web Design

Ang tumutugon na disenyo ng web ay isang diskarte sa web development na naglalayong lumikha ng pinakamahusay na karanasan para sa isang user sa pamamagitan ng pag-angkop sa hitsura ng website batay sa device o kapaligiran ng user na iyon.

Ang layunin ay para sa website na maging maganda ang hitsura sa lahat ng mga device at ito ay nangangailangan ng mga dynamic na pagbabago na maaaring mabawasan sa pagtaas ng mga laki ng kahon at pagkakahanay batay sa laki ng screen o oryentasyon ng device.

3. Ano ang Mga Benepisyo ng Paggamit ng Framework?

Maraming benepisyo ang paggamit ng balangkas sa pagbuo ng isang web application. Ang mga pangunahing ay ang mga sumusunod:

1. Mas madaling proseso ng pagbuo na may pinakamahuhusay na kagawian.
2. Ang mas mabilis na pag-unlad na may mga starter na proyekto ay nakakatipid ng oras.
3. Ang paggamit ng sinubukan at nasubok na code.
4. Kadalasan ay nagbibigay ng mas mahusay na seguridad.
5. Makakatipid ng mga gastos, lalo na sa malalaking proyekto.

4. Ano ang JavaScript Callback?

Ang JavaScript callback ay isang function na dapat isagawa pagkatapos ng isa pang function. Ang pangalan ng callback function at mga argumento ay maaaring ipasa bilang mga argumento sa unang function, at ang unang function ay maaari ding magpasa ng mga argumento sa loob ng callback function na resulta ng mga kalkulasyon nito.

Ang mga function ng callback ay pinakamahusay na ginagamit sa mga asynchronous na function na kailangang maghintay para sa iba pang mga function na unang matapos ang pagpapatupad.

5. Ipaliwanag ang Lokal vs Global Saklaw sa JavaScript

Ang mga tinukoy na variable ay nakasulat sa mga salita at ang mga ito ay makabuluhan lamang sa tamang konteksto. Ang lokal at pandaigdigang saklaw ay tumutukoy sa kontekstong ito ng mga tinukoy na variable. Ang isang pandaigdigang variable ay dapat tukuyin sa labas ng isang function, habang ang mga lokal na variable ay tinukoy sa loob ng isang function.

Kaya, ang isang pandaigdigang variable ay may pandaigdigang saklaw, na nangangahulugang maaari itong ma-access mula sa kahit saan sa programa. Ang isang lokal na variable, gayunpaman, ay may lokal na saklaw at nangangahulugan ito na maaari lamang itong ma-access mula sa loob ng function.

6. Ipaliwanag ang Z-Index sa CSS

Ang z-index ay isang katangian ng elemento na ginagamit upang tukuyin ang pagkakasunud-sunod ng stack ng elemento. Ang pagkakasunud-sunod ng stack ay tumutukoy sa kakayahan ng isang elemento na nasa likod o nasa harap ng iba pang mga elemento tulad ng isang stack ng mga baraha.

Ang mga elemento na may mas mataas na pagkakasunud-sunod ng stack ay lumalabas sa harap ng mga elemento na may mas mababang pagkakasunud-sunod ng stack. Sa kontekstong ito, ang pagbibigay sa isang elemento ng isang stack order na 2 o 100 ay ginagarantiyahan na ito ay ipapakita sa itaas ng lahat ng iba pa sa isang pahina. Katulad nito, ang isang pahina na walang tinukoy na mga order ng stack ay magta-stack ng mga elemento sa ibaba mula sa pinagmulan na mas mataas kaysa sa mga nangunguna.

7. Ano ang Marquee sa HTML?

Ang Marque ay isang container tag sa HTML, na ginagamit upang ipakita ang pag-scroll ng text. Hinahayaan ka nitong kontrolin ang direksyon ng pag-scroll, pati na rin ang bilis. Gayunpaman, hindi na ginagamit ang Marquee sa HTML5, at pinapayuhan kang gumamit na lang ng CSS.

Halimbawa ng pag-scroll gamit ang marquee:

Marquee scroll text

8. Maglista ng Mga Pangunahing Paraan para Bawasan ang Oras ng Pag-load ng Pahina

Mayroong maraming mga hakbang na maaaring gawin ng isang developer upang mapabuti ang oras ng pag-load ng isang pahina, ang mga pangunahing hakbang ay:

• I-optimize ang mga larawan at bawasan ang kanilang laki
• Alisin ang mga hindi kinakailangang widget
• Bawasan ang mga paghahanap hanggang sa pinakamababa
• I-host ang website sa isang disenteng host
• Gumamit ng Accelerated Mobile Pages o mga static na site
• Tamad na mag-load ng mga larawan
• Bawasan ang iyong code

9. Ano ang Mga Pagkakaiba sa pagitan ng Canvas at SVG?

Ang SVG ay kumakatawan sa Scalable Vector Graphics at ang Ang tag ay isang elemento ng lalagyan para sa paglikha ng mga graphics, tulad ng isang bilog, isang kahon, isang ellipse, at iba pa. Maaari mong baguhin ang SVG gamit ang CSS o JavaScript at ang pagiging scalable ay nangangahulugan na ito ay mahusay na gumagana para sa mga high-resolution na output.

Ang container, sa kabilang banda, ay raster based at hindi scalable. Ginagamit din ito para sa paglikha ng mga graphics ngunit nababago lamang ng JavaScript. Ito ay mas mahusay sa paghawak ng mas malaking bilang ng mga bagay bagaman.

10. Paano ba Walang bisa Magkaiba sa Hindi naipalilawanag?

Ang null ay isang representasyon ng walang halaga. Ito ay karaniwang ginagamit bilang isang placement holder upang simulan ang isang tinukoy na variable na hindi naitalaga ng isang tunay na halaga. Ang Undefined, sa kabilang banda, ay tumutukoy sa isang tinukoy na variable na hindi pa nasimulan.

Sa JavaScript:

var variableA;

var variableB = null;

alerto(variableA); // ay nagpapakita ng hindi natukoy

alerto(variableB); // ay nagpapakita ng null

11. Paano Naiiba ang ID sa Klase?

Ang ID at klase ay dalawang paraan ng pagtukoy at paghawak ng mga elemento sa isang HTML na dokumento. Ang pangunahing pagkakaiba sa pagitan ng dalawa, gayunpaman, ay ang ID ay dapat na natatangi. Sa madaling salita, hindi maaaring ibahagi ng dalawang elemento ang parehong ID, ngunit ang dalawa o higit pang elemento ay maaaring magbahagi ng parehong klase.

Ang isang ID ay ginagamit upang pangasiwaan ang mga partikular na elemento, habang ang isang klase ay ginagamit upang pangasiwaan ang isang pangkat ng mga elemento na may isa o higit pang karaniwang mga katangian.

12. Paano Mo Mapapabuti ang Mga Tampok ng Seguridad ng Website?

Ang ilang mga hakbang na maaari mong gawin upang mapabuti ang seguridad ng isang website ay kinabibilangan ng:

1. Pagpapatupad ng malakas na patakaran sa password. Nangangahulugan ito ng pagsuri na ang isang napiling password ay may higit sa 8 character at naglalaman ng mga numeral, espesyal na character, at upper-at lower-case na character.
2. Paggamit ng captcha o anumang anti-bot measure.
3. Gumagamit ng 2-factor o multi-factor na paraan ng pagpapatotoo gaya ng mga OTP (One-Time-Passwords) at hardware dongle, kung kinakailangan.
4. Paggamit ng host na may proteksyon ng DDoS at mga awtomatikong backup na feature.

13. Paano Naiiba ang localStorage Sa sessionStorage?

Ang localStorage at sessionStorage system ay parehong nagpapahintulot sa isang developer na mag-imbak ng data sa isang web browser. Gayunpaman, ang localStoarage ay nagpapatuloy, habang ang sessionStorage ay hindi. Sa madaling salita, ang data na nakaimbak sa localStorage ay magiging available sa browser sa maraming session, habang ang data na nakaimbak sa sessionStorage ay matatanggal kapag nagsara ang tab ng browser.

14. Ilista ang HTTP2.0 Mga Pagpapabuti Higit sa HTTP 1.1

Na-publish ang HTTP/2 protocol noong 2015 at nag-aalok ng mga makabuluhang pagpapabuti, tulad ng:

1. Mas mahusay na seguridad gamit ang binary sa text.
2. Mas magandang pagtanghal.
3. Mababang Latency.
4. Mas mahusay na paghawak ng error.
5. Ibaba ang overhead.

15. Ano ang Pagkakaiba sa pagitan ng Git Pull at Git Merge?

Hinahayaan ka ng git pull command na mag-download ng nilalaman mula sa isang malayuang imbakan, pagkatapos ay ina-update nito ang iyong lokal na imbakan gamit ang na-download na nilalaman.

Ang git merge command, sa kabilang banda, ay hinahayaan kang pagsamahin ang dalawang magkahiwalay na binuo na mga sangay ng parehong proyekto. Ang utos ng merge ay dapat gawin mula sa sangay na gusto mong pagsamahin, at ito ang karaniwang pangunahing sangay.

16. Paano Naiiba ang GET Sa POST At PUT?

Ang HTML GET method ay ginagamit ng isang browser upang humiling ng impormasyon mula sa isang server, habang ang POST at PUT method ay ginagamit upang magpadala ng impormasyon mula sa browser patungo sa isang server.

Ngunit habang ang isang kahilingan sa POST ay maaari lamang magdagdag ng data sa isang mapagkukunan ng server, ang isang kahilingan sa PUT ay ginagamit upang palitan ang mapagkukunan nang buo gamit ang payload ng kahilingan.

17. Ilista ang Mga Pinakatanyag na Format ng Data Exchange

Narito ang pinakasikat na mga format ng palitan ng data sa ngayon:

1. XML
2. Yaml
3. CSV
4. JSON
5. HTTP
6. SQL

18. Ilista ang 3 Uri ng Mga Popup Box

Ang mga popup box sa JavaScript ay ginagamit upang magpakita ng mga mensahe sa user, para humiling ng input, at kung minsan ay gawin pareho. Narito ang 3 uri ng mga popup ng JavaScript:

1. Kahon ng Alerto – Ipinapakita nito ang iyong mensahe kasama ang isang 'OK' na buton.
2. Kumpirmahin ang Kahon – Kasama sa dialog box na ito ang parehong 'OK' at 'Cancel' na mga button na maaaring makaapekto sa code.
3. Prompt Box – Ang kahon na ito ay may kasamang text input box para sa pagkolekta ng impormasyon mula sa user.

19. Pangalanan ang Iba't Ibang Paraan para Isama ang CSS Code

Mayroong 3 paraan upang isama ang CSS sa isang HTML na dokumento. Sila ay:

1. Panlabas na CSS – Nagsama ka ng .css na dokumento gamit sa loob ng dokumento mga tag.
2. Naka-embed na CSS – Isama mo ang CSS code sa loob ng mga tag, kahit saan sa dokumento.
3. Inline na CSS – Ginagamit mo ang style=”CSS-property: value” na pares sa loob ng iyong mga HTML tag, hal. PSquare!

20. Paano ba window.onload Iba sa document.onload?

Ginagamit ang Window.onload upang magsagawa ng JavaScript code kapag na-load na ng browser ang DOM tree ng page at iba pang mga pangunahing kaalaman, kabilang ang mga larawan, CSS code, at mga script.

Habang ang document.onload ay gumagana kaagad pagkatapos na ang DOM ay handa na, ito ay maaaring mangahulugan bago pa man ma-load ang mga larawan at mga panlabas na aklatan.

21. Paano Mo Itatago ang isang Elemento gamit ang CSS?

Maaari mong itago ang isang elemento ng HTML gamit ang 3 pamamaraan ng CSS, ang mga ito ay:

1. Display: wala; – Ang elemento ay hindi nai-render o ipinapakita.
2. Visibility: nakatago; – Ang elemento ay nai-render ngunit hindi ipinapakita.
3. Posisyon: Absolute; – Ang elemento ay nai-render at ipinapakita, ngunit nakaposisyon sa labas ng lugar ng display.

22. Ano ang Mga Pinakamahusay na Gamit Para sa Ajax?

Ang Ajax ay isang paraan ng paglo-load ng data mula sa isang server sa background gamit ang JavaScript. Marami itong gamit, gaya ng data validation, chat app, komento, pag-filter ng data, visual editing, poll, at iba pa.

23. Maglista ng Ilang Bagong Tampok ng CSS3

Kasama sa CSS3 ang maraming moderno at kapaki-pakinabang na mga tampok sa CSS2, tulad ng:

1. Mga bilugan na sulok para sa mga kahon at larawan.
2. Animation ng mga bagay.
3. Mga variable at function para sa mga deklarasyon.
4. Grid at Flexbox para sa tumutugon na disenyo.
5. Mga gradient para sa mga kulay ng background.
6. Opacity control gamit ang rgba.
7. Shadow effect para sa mga kahon at teksto.
8. Mga Transition para sa Hover at Focus sa mga elemento.

24. Aling mga Bagong Uri ng Input ang Naipakilala sa HTML5?

Ang uri ng input ay ang halaga na ibibigay mo sa isang elemento ng input sa isang HTML na dokumento.

Ang isang halimbawa ay:

or

Kasama sa mga bagong uri ng input ng HTML5 ang:

1. petsa
2. kulay
3. Email
4. Maghanap
5. Tel
6. buwan
7. Bilang ng numero
8. buwan
9. URL
10. Datetime-lokal

25. Ilarawan Ang HTML5 Media Elements

Kasama sa HTML5 ang higit pang mga tag ng elemento upang pangasiwaan ang mga uri at pinagmulan ng media. Sila ay:

• – para sa mga MP4, WebM, at Ogg na video.
• – upang tukuyin ang maramihang mga mapagkukunan sa iba't ibang mga format.
• – para sa MP3, Ogg, at WAV na audio.
• – isang lalagyan upang isama ang mga panlabas na mapagkukunan mula sa mga larawan hanggang sa mga video at mga web page.
• – upang tukuyin ang mga subtitle na track para sa mga video.

Konklusyon

Sa pag-abot sa dulo ng aming listahan ng nangungunang 25 na dapat malaman na mga tanong sa panayam ng web developer, makikita mo na kailangan ng isang kumbinasyon ng mga teknolohiya upang maging isang full-stack na developer.

Bagama't ito ay isang gabay na humipo sa iba't ibang aspeto ng trabaho, hindi ito kumpleto. Kaya, nasa sa iyo na tukuyin ang mga lugar na hindi mo malinaw at pagkatapos ay matutunan.