29 kehittäjän haastattelukysymyksiä ja vastauksia (2023)

Miksi sinun pitäisi tietää kaikki yleisimmät käyttöliittymäkehittäjien haastattelukysymykset ja vastaukset?

Nykypäivän teknologiamaailmassa etupään kehittäjän tulee olla tekniikkaa tunteva ja taitava muuttamaan asiakkaiden tarpeet luoviksi ja interaktiivisiksi verkkosovelluksiksi ja mobiilisovellukset, joissa kehittäjät tarvitsevat erityistaitoja jälkimmäiseen. Näiden taitojen hankkiminen vaatii eturivin kehityskoulutusta. Nykyään monet huippuyritykset etsivät palkkaamista etupään kehittäjätehtäviin, jotta nämä kehittäjät voivat auttaa heitä rakentamaan tyylikkäitä, intuitiivisia, reagoivia ja interaktiivisia käyttöliittymiä, jotka toimivat hyvin eri laitteilla. Mutta ongelmana on, että useimmat ehdokkaat hämmentyvät tai eivät ole varmoja, millaisia ​​haastattelukysymyksiä heillä on valmistautuakseen etupään kehityshaastatteluun, joka lopulta auttaa heitä palkkaamaan.

Erilaisten käytännön kysymysten löytäminen on melko yksinkertaista, mutta näiden vaihtoehtojen joukosta on vaikea valita oikeita.

Oikeiden kysymysten tunteminen on ratkaisevan tärkeää kaikille, jotka haluavat ässätä kehittäjän etuosan haastattelun.

Olitpa aloittelija tai kokenut ehdokas, tutustu alla olevaan luetteloon kehittäjien haastattelujen parhaista kysymyksistä ja vastauksista. Tämä artikkeli auttaa sinua tuntemaan molemmat kysymykset ja valmistautumaan, joten onnistut haastattelussa.

Etuosan kehittäjän haastattelukysymykset ja vastaukset

Katsotaanpa, mihin tärkeisiin etupään kehittäjien haastattelukysymyksiin on valmistauduttava.

1. Mitkä ovat tekniset ja lisätaidot, joita tarvitaan käyttöliittymäkehittäjäksi?

Hyvällä käyttöliittymän kehittäjällä on oltava toimiva tieto seuraavista asioista:

• HTML
• CSS
• jQuery
• Javascript

Edellä mainittujen teknisten taitojen lisäksi käyttöliittymäkehittäjällä tulisi olla alla mainitut "hyvät hankkimiseksi" -taidot:

• Kokemus kaikista suosituimmista sisällönhallintajärjestelmistä (CMS), kuten WordPress, Drupal ja Joomla, ja jopa uudemmista, kuten Ghost
• Selainten välisen testauksen tuntemus
• Laitteiden välisen testauksen tuntemus
• Tieto OOPS: sta ja PHP: stä.
• Perustiedot SEO: sta ja työkaluista, kuten Adobe Photoshop, CSS3 ja HTML5, sekä erilaisista Javascript -tekniikoista, kuten natiiviskripti, Angular, joita käytetään verkkopohjaisten tietojen esittämiseen loppukäyttäjille.

2. Selitä, miten varmistaisit, että verkkosuunnittelusi on käyttäjäystävällinen, ja mitä toimia tekisit tämän saavuttamiseksi?

Käyttöliittymäkehittäjän on kommunikoitava usein ja työskenneltävä UX-suunnittelijoiden (User Experience) -suunnittelijoiden kanssa kuvitellakseen ja hahmottaakseen verkkosivun, joka suunnittelee käyttäjäkeskeisen kokemuksen, testaamalla verkkosivustoa käyttäjien kanssa varmistaakseen optimaalisen suunnittelun ja varmistaakseen, että verkkosivu tai sivusto on optimoitu matkapuhelimen selaamiseen. Jos meillä ei ole UX-suunnittelijaa käsillä, suorittaisimme käyttäjätestauksia tai käyttäjätallenteita, kuten Hotjaria, varmistaaksemme, että kehittämässämme web-suunnittelussa tai verkkosovelluksessa ei ole UX-estäjiä.

3. Kuvaile kahvin käsikirjoitusta?

CoffeeScript on pieni ohjelmointikieli, joka kääntyy JavaScriptiksi. Se on yritys käyttää Javascriptin parhaita osia yksinkertaisella tavalla. Se auttaa myös kehittäjiä kirjoittamaan JavaScript-koodin paremmin esittelemällä käyttäjälle johdonmukaisemman syntaksin ja asettamalla JavaScript-kielen epätavallisen luonteen.

4. Selitä mikä on selkeä ominaisuus CSS: ssä?

- clear ominaisuus määrittää, millä elementin puolilla kelluvia elementtejä ei saa kellua. Sitä käytetään, kun et halua elementin kietoutuvan toisen elementin, kuten kellukkeen, ympärille.

5. Kuvaile milloin käyttäisit CSS float -ominaisuutta?

Kellua käytetään, kun haluat, että verkkosivusi osa työnnetään oikealle tai vasemmalle ja muut elementit näytetään sen ympärillä.

6. Mikä on takaisinsoittotoiminto?

Takaisinsoittofunktio on funktio, joka välitetään toiselle funktiolle argumenttina, jota sitten käytetään ulkoisen funktion sisällä jonkinlaisen rutiinin tai toiminnon suorittamiseksi.

7. Kuinka rakennat lähdekoodisi, jotta kollegasi voivat käyttää sitä helposti?

Käyttöliittymäkehittäjän on käytettävä yhteisiä standardeja ja selitettävä koodin organisoinnin ja kommenttien käyttö. Heidän on selitettävä, kuinka he käyttävät muistiinpanoja ohjelmointiprosessissaan selittämään tekemiään vaiheita, mikä varmistaa yhteistyön tehokkuuden ymmärtämisen. Jos yrityksessä on standardeja kommentoida tai dokumentoida koodia, sinun on noudatettava näitä standardeja.

8. Selitä, mikä ero on luokan ja prototyyppiperinnön välillä Javascriptissa?

Perintö JavaScriptissä poikkeaa useimmista muista ohjelmointikielistä. JavaScript-objektijärjestelmä on prototyyppipohjainen, ei luokkaperusteinen. JavaScript-objektit ovat vain kokoelma nimeä (avain) ja arvopareja. Perinnössä JavaScriptillä on vain yksi rakenne: objektit. Jokaisella esineellä on yksityisomaisuus, joka sisältää linkin toiseen esineeseen, jota kutsutaan sen prototyypiksi.

9. Voitteko selittää eron näkyvyyden välillä: piilotettu; ja näyttö: ei mitään?

With Visibility: Piilotettu objekti ei ole näkyvissä, mutta käyttää sen alkuperäisen tilan. Näytöllä: Ei mitään; esine on piilotettu eikä vie tilaa.

10. Selitä, mikä on ero isäntäobjektin ja natiivin objektin välillä Javascriptissa?

Isäntäobjektit, jotka ovat tietyn ympäristön toimittamia objekteja. Natiiviobjektit ovat Javascriptin määrittelemiä vakiona sisäänrakennettuja objekteja. 

11. Mikä on ero XHTML: n ja HTML: n välillä?

HTML ja XHTML ovat molemmat merkintäkielet, joilla verkkosivut ja sivustot kirjoitetaan. Suurin ero näiden kahden välillä on se, että HTML-syntaksin perustana on SGML, kun taas XHTML-syntaksin perustana on XML.

12. Selitä, kuinka muuttujat eroavat CoffeeScriptissä verrattuna JavaScriptiin?

Ennen muuttujan käyttöä JavaScriptissa on ilmoitettava ja alustettava se (määritettävä arvo). Toisin kuin JavaScript, muuttujaa luodessa CoffeeScriptissä sitä ei tarvitse ilmoittaa var-avainsanalla. Luomme yksinkertaisesti muuttujan vain osoittamalla arvon kirjaimelle alla olevan kuvan mukaisesti.

13. Voitteko kertoa meille, mitkä ovat CoffeeScriptin edut JavaScriptiin verrattuna?

• Helposti ymmärrettävä - CoffeeScript on lyhyt muoto JavaScript, sen syntakse on melko yksinkertainen verrattuna JavaScriptiin. CoffeeScriptin avulla voimme kirjoittaa puhtaita, selkeitä ja helposti ymmärrettäviä koodeja.

• Kirjoittaa less tehdä enemmän - Tarvitsemme valtavan koodin JavaScriptissä suhteellisen paljon less CoffeeScript -rivien määrä.

• Luotettava - CoffeeScript on turvallinen ja luotettava ohjelmointikieli dynaamisten ohjelmien kirjoittamiseen.

• Luettavissa ja ylläpidettävissä - CoffeeScript tarjoaa aliakset useimmille operaattoreille, mikä tekee koodista luettavissa. CoffeeScriptillä kirjoitettujen ohjelmien ylläpito on myös helppoa.

• Luokkaperusteinen perintö - JavaScriptillä ei ole luokkia. Niiden sijaan se tarjoaa tehokkaita, mutta hämmentäviä prototyyppejä. Toisin kuin JavaScript, voimme luoda luokkia ja periä ne CoffeeScriptissä. Tämän lisäksi se tarjoaa myös instanssi- ja staattisia ominaisuuksia sekä sekoituksia. Se käyttää JavaScriptin alkuperäistä prototyyppiä luokkien luomiseen.

• Ei var-avainsanaa - Var-avainsanaa ei tarvitse käyttää muuttujan luomiseen CoffeeScriptiin, joten voimme välttää tahattoman tai ei-toivotun laajuuden hidastumisen.

• Välttää ongelmallisia symboleita - CoffeeScriptissä ei tarvitse käyttää ongelmallisia puolipisteitä ja sulkeita. Kihara-aaltosulkeiden sijasta voimme käyttää välilyöntejä erottamaan lohkokoodit, kuten toiminnot, silmukat jne.

• Laaja kirjastotuki - CoffeeScriptissä voimme käyttää JavaScript-kirjastoja ja päinvastoin. Siksi meillä on pääsy monipuoliseen kirjastoon työskennellessämme CoffeeScriptin kanssa. 

14. Selitä, mikä on ero GET- ja POST-pyyntöjen välillä?

Sekä GET- että POST-menetelmää käytetään tietojen siirtämiseen asiakkaasta palvelimeen HTTP-protokollassa. Suurin ero POST- ja GET-menetelmien välillä on se, että GET kuljettaa URL-merkkijonoon liitettyjä pyyntöparametreja, kun taas POST kuljettaa pyyntöparametreja viestirungossa, mikä tekee siitä turvallisemman tavan siirtää tietoja asiakkaalta palvelimelle HTTP: ssä.

15. Voitko kertoa meille, milloin käyttäisit CSS:n clear-ominaisuutta?

CSS clear -ominaisuutta käytetään, kun haluat, että elementti `kelluvan elementin vasemmalla tai oikealla puolella ei kääri sitä.

16. Kuvaile, mikä on ero Nullin ja undefinedin välillä?

JavaScriptissä, undefined tarkoittaa, että muuttuja on ilmoitettu, mutta sille ei ole vielä määritetty arvoa. null on tehtävän arvo. Se voidaan määrittää muuttujalle ilman arvoa.

17. Selitä HTML DOCTYPE: n merkitys?

DOCTYPE on verkkoselaimelle annettu ohje merkintäkielen versiosta, jolla sivu kirjoitetaan. DOCTYPE-ilmoituksen on oltava ensimmäinen asia HTML-dokumentissasi ennen tag. Doctype-ilmoitus osoittaa Document Type Definition (DTD). Doctype tarjoaa merkintäkielisäännöt, joten selain voi tulkita sisältöä oikein.

18. Selitä ero evästeiden, istuntotallennuksen ja paikallisen tallennustilan välillä?

Evästeiden avulla sovellukset voivat tallentaa tietoja asiakkaan selaimeen. Istuntotallennusominaisuuden avulla sovellukset voivat tallentaa tietoja, kunnes selainikkuna suljetaan, mutta niitä säilytetään yleensä palvelintasolla (ei selaimessa). Paikallinen tallennusominaisuus sallii sovellusten tallentaa tietoja ilman vanhentumispäivää.

19. Kuvaile, mikä on Thread-Local -objekti Python-pullossa?

Lanka-paikallinen objekti on objekti, joka on tallennettu omistettuun rakenteeseen, joka on liitetty nykyiseen ketjutunnukseen. Pullo hyödyntää paikallisia langankohteita sisäisesti, jotta käyttäjän ei tarvitse siirtää esineitä toiminnosta toiseen toimintaan pyytämällä säikeiden turvallisuutta. Langan paikallinen tallennustila toimii nykyisessä säikeessä. Tämä lähestymistapa on hyödyllinen, mutta se tarvitsee kelvollisen pyyntökontekstin riippuvuuden injektoimiseksi tai yritettäessä käyttää uudelleen koodia, joka käyttää pyyntöön sidottua arvoa.

20. Selitä syntaksia ja miten funktiota käytetään A-luokkaan?

function functionName(name){
this.name = name;
}
// Creating an object
var variable_name = new functionName(“Collective”);
console.log(variable_name.name); //Collective

21. Mikä on laiska lastaus?

Laiska lastaus (kutsutaan myös tilauslataukseksi) on verkkosisällön optimointitekniikka, olipa se sitten verkkosivusto tai verkkosovellus. Sen sijaan, että lataat koko verkkosivun tai kuvat ja renderöit sen käyttäjälle kerralla kuin joukkolatauksessa, laiska lataus auttaa lataamaan vain vaaditun osan ja viivästyttää jäljellä olevaa, kunnes käyttäjä sitä tarvitsee (esimerkiksi kun käyttäjä vierittää haluamasi kuvan kohdalle).

22. Selitä luokkien ja henkilöllisyystodistusten välinen ero?

Luokat ja tunnuksen valitsimet, molempia käytetään CSS-tyylien koukkuina. Tunnuksia käytetään yleisesti sellaisten elementtien tyyliin, jotka näkyvät vain kerran sivulla, kuten yksi navigointivalikon esiintymä. Luokat käytetään tyylittelemään erilaisia ​​elementtejä samalla tavalla, kuten linkkien, painikkeiden, lomakkeiden, tekstin jne. 

23. Mikä on tapahtumien delegointi?

Tapahtuman delegointi on tapahtumien etenemisen prosessi DOM: n korkeamman tason tapahtumien käsittelemiseksi sen elementin sijasta, jolta tapahtuma on alkanut. Sen avulla voit välttää tapahtumakuuntelijoiden lisäämistä tiettyihin solmuihin; sen sijaan voit lisätä yksittäisen tapahtuman kuuntelijan pääelementtiin. 

24. Kuinka voit parantaa sivun suorituskykyä?

• Siivoa HTML-asiakirja
• Vähennä ulkoisia HTTP-pyyntöjä ja ulkoisia komentosarjoja
• Käytä pakattua ja pienempää kuvaa
• Siirrä JavaScript sivun alareunaan
• Käytä koodin uusimpia versioita, kuten PHP
• Minimoi CSS, JavaScript, HTML
• Käytä CDN: tä ja välimuistia
• GZip- tai Brotli Compress -sisältö
• Hyödynnä selaimen välimuistia 

25. Mikä on Ajax?

AJAX (asynkroninen JavaScript ja XML) antaa sovellusten siirtää tietoja palvelimeen / palvelimelta asynkronisesti sivua päivittämättä. Tämä tarkoittaa, että se todennäköisesti päivittää verkkosivun osat lataamatta koko sivua uudelleen. Esimerkiksi uudet Gmail-viestisi saapuvat ja merkitään uusiksi, vaikka et ole päivittänyt verkkosivua. 

26. Mitä eroa on lohkon, rivin, rivin ja lohkon koon välillä?

• Inline on oletusarvo. Esimerkiksi: Sisäinen elementti on .
• Lohko näkyy lohkoelementtinä, kuten tai .
• Inline-block näyttää elementin inline-tason lohkosäiliönä.
• Laatikkokoko näyttää selaimen koonmuodostusominaisuudet.

27. Mikä on tapahtumakuplat?

Tapahtuman kupliminen on tapahtuman etenemisen tyyppi, jossa tapahtuma laukaisee ensin syvimmän kohdeelementin. Se aiheuttaa sen, että kaikki lapsisolmujen tapahtumat siirretään automaattisesti vanhempien solmuihin. Tämän menetelmän etuna on suorituskyky, koska koodi vaatii vain DOM-puun kulkemisen kerran.

28. Selitä, mikä on sulkeminen? 

A sulkeminen on yhdistelmä funktiota, joka on niputettu (liitteenä) viittauksiin ympäröivään tilaan ( leksikaalinen ympäristö). Sulkimella pääset ulkoisen toiminnon piiriin sisäisestä toiminnosta. JavaScriptissä sulkemiset luodaan aina, kun funktio luodaan, funktion luontihetkellä. 

29. Selitä, miten käsittelet selainkohtaisen tyylin yhteensopimattomuutta?

On olemassa useita tapoja kiertää tämä. Yksinkertaisin tapa edetä olisi käyttää ehdollista lausetta HTML-koodisi otsikkotunnisteessa. Tällä tavalla voit tunnistaa selaimen ja ladata ulkoisen tyylitaulukon.

Yhteenveto

Nämä ovat joitain tärkeimmistä etupään kehittäjien haastattelukysymyksistä ja vastauksista. He auttavat sinua valmistautuessasi työhaastatteluun etupäässä. Jos olemme unohtaneet muita tärkeitä käyttöliittymäkehittäjiä koskevia kysymyksiä, ilmoita meille alla olevissa kommenteissa.

kirjailijasta

Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/Sähköposti: David@collectiveray.com

David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.