5 lines
34 KiB
HTML
5 lines
34 KiB
HTML
<!doctype html><html lang="sl" itemscope itemtype="https://schema.org/Article"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Intervju vprašanja za front-end programerja ★ Front-end Developer Interview Questions</title><meta name="description" content="A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore."><meta name="keywords" content="front-end, interview questions, css questions, js questions, html questions, performance questions, interview test"><meta name="author" content="Front-end Developer Interview Questions"><meta itemprop="author" content="Front-end Developer Interview Questions"><meta itemprop="name" content="Intervju vprašanja za front-end programerja ★ Front-end Developer Interview Questions"><meta itemprop="description" content="A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore."><meta itemprop="image" content="https://h5bp.org/Front-end-Developer-Interview-Questions//assets/images/og-image.png"><meta property="og:title" content="Intervju vprašanja za front-end programerja ★ Front-end Developer Interview Questions"><meta property="og:description" content="A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore."><meta property="og:url" content="https://h5bp.org/Front-end-Developer-Interview-Questions//translations/slovenian/"><meta property="og:site_name" content="Front-end Developer Interview Questions"><meta property="og:image" content="https://h5bp.org/Front-end-Developer-Interview-Questions//assets/images/og-image.png"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Intervju vprašanja za front-end programerja ★ Front-end Developer Interview Questions"><meta name="twitter:description" content="A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore."><meta name="twitter:site" content="@h5bp"><meta name="twitter:image" content="https://h5bp.org/Front-end-Developer-Interview-Questions//assets/images/og-image.png"><meta name="twitter:creator" content="@h5bp"><link type="image/png" rel="apple-touch-icon" href="https://h5bp.org/Front-end-Developer-Interview-Questions//assets/images/apple-touch-icon.png"><link type="image/png" sizes="32x32" rel="icon" href="https://h5bp.org/Front-end-Developer-Interview-Questions//assets/images/favicon-32x32.png"><link type="image/png" sizes="16x16" rel="icon" href="https://h5bp.org/Front-end-Developer-Interview-Questions//assets/images/favicon-32x32.png"><link type="image/png" color="#181818" rel="mask-icon" href="https://h5bp.org/Front-end-Developer-Interview-Questions//assets/images/favicon-96x96.png"><meta name="mobile-web-app-capable" content="yes"><meta name="robots" content="index,follow"><script>console.log(page.lang)</script><style>code[class*=language-],pre[class*=language-]{color:#c5c8c6;text-shadow:0 1px rgba(0,0,0,.3);font-family:Inconsolata,Monaco,Consolas,'Courier New',Courier,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#370b44}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7c7c7c}.token.punctuation{color:#c5c8c6}.namespace{opacity:.7}.token.keyword,.token.property,.token.tag{color:#96cbfe}.token.class-name{color:#ffffb6;text-decoration:underline}.token.boolean,.token.constant{color:#9c9}.token.deleted,.token.symbol{color:#f92672}.token.number{color:#ff73fd}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a8ff60}.token.variable{color:#c6c5fe}.token.operator{color:#ededed}.token.entity{color:#ffffb6}.token.url{color:#96cbfe}.language-css .token.string,.style .token.string{color:#87c38a}.token.atrule,.token.attr-value{color:#f9ee98}.token.function{color:#dad085}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{--font-family-heading:sans-serif;--font-family-body:Georgia,serif;--font-family-code:Menlo,Monaco,'Courier New',monospace;--color-primary:#835EFF;--color-secondary:#FF008D;--color-safe:#8338EC;--color-gradient:linear-gradient(to right, var(--color-primary), var(--color-secondary));--color-highlight:var(--color-primary);--color-gray-opacity:rgba(39,39,39,0.04);--color-heading:#23231A;--color-text:#23231A;--background-default:#F9F9F9;--border-radius-default:5px;--box-shadow-default:0 2rem 4rem rgba(0,0,0,.15);--transition-duration:0.27s}body.rtl{--font-family-body:Arial,Helvetica,sans-serif}*{margin:0;padding:0;box-sizing:border-box;outline-color:var(--color-primary)}::selection{background:var(--color-primary);color:var(--background-default)}::-moz-selection{background:var(--color-primary);color:var(--background-default)}.nav{padding:1rem 0;position:relative;font-family:var(--font-family-heading)}.nav li{word-wrap:none;white-space:nowrap}.navigation{list-style:none;display:flex;flex-wrap:wrap;font-size:1rem}.navigation-questions-label{margin-right:auto}@media (min-width:60em){.navigation-questions-label{margin-right:0}}.navigation-toggle{display:inline-block;appearance:none;border:0;font-size:1rem;font-weight:600;cursor:pointer;background:0 0}.navigation-toggle::after{content:'\25BE';padding-left:.3rem;display:inline-block;font-size:1.2rem;font-weight:700;color:var(--color-primary);transform-origin:center}.navigation-toggle:active::after,.navigation-toggle:focus::after,.navigation-toggle:hover::after{color:var(--color-secondary)}.navigation.open .navigation-toggle::after{transform:scaleY(-1) translateY(-.25em)}@media (min-width:60em){.navigation-toggle{color:var(--color-text);pointer-events:none;cursor:default}.navigation-toggle::after{display:none}}.navigation-questions-list{padding:.5rem 1rem;display:flex;flex-direction:column;position:absolute;top:calc(100% - 1rem);left:0;z-index:1;opacity:0;transform:scale(.5,0);transform-origin:center top;transition:opacity .1s,transform .2s ease-out;background-color:#fff;box-shadow:0 0 0 1px var(--color-secondary),0 2px 4px -1px var(--color-text)}.navigation.open .navigation-questions-list{opacity:1;transform:none}.navigation.no-motion .navigation-questions-list{transition:none}@media (min-width:60em){.navigation-questions-list{padding:0;flex-direction:row;position:static;opacity:1;transform:none;transition:none;background-color:transparent;box-shadow:none}.navigation-questions-list li{margin:0}}.navigation-questions-anchor{visibility:hidden}.navigation.open .navigation-questions-anchor{visibility:visible}@media (min-width:60em){.navigation-questions-anchor{visibility:visible}}.navigation-item-emoji{width:100%;font-size:1rem;line-height:1rem;padding-bottom:1.5rem;margin-bottom:1.5rem;vertical-align:top;align-content:flex-start;border-bottom:1px solid #efefef}.navigation-item-home{border-bottom:none;padding-bottom:0;font-weight:600}@media (min-width:60em){.navigation-item-emoji{width:50%;margin-bottom:2rem;border-bottom:1px solid #efefef}}.navigation-item-emoji em{font-style:normal;margin-right:.5rem}.navigation-item-translations{text-align:left}@media (min-width:60em){.navigation-item-translations{text-align:right}}.navigation-item-home em{color:#835eff}.navigation-item-emoji a{text-decoration:none;display:inline-block;vertical-align:middle}@media (min-width:60em){.navigation-item:not(:last-of-type){margin-right:.8rem}}.navigation-anchor[rel~=external]::after{content:' ➚';color:var(--color-highlight)}.navigation-anchor.current{border-bottom:2px solid var(--color-highlight);padding:0 0 5px 0}.topbar{width:100%;height:.18rem;background:var(--color-gradient)}.skip-link{position:absolute;top:0;left:0;padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;text-decoration:none;transform:translateY(-100%)}.skip-link:focus{transform:none}.header{margin-bottom:2rem}.header-big-title{font-size:2.3rem;line-height:1.06;margin:1.4rem 0 .7rem;color:var(--color-primary);word-break:break-word}.rtl .header-big-title{text-align:right}@media (min-width:30em){.header-big-title{margin:1.4rem 0 .7rem;font-size:4.6rem}}@media (min-width:60em){.header-big-title{margin:2.1rem 0 .7rem;font-size:5.4rem}}@supports (mix-blend-mode:lighten){.header-big-title{display:inline-block;position:relative;color:#000;background:#fff;mix-blend-mode:multiply}.header-big-title::before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-image:url('https://h5bp.github.io/Front-end-Developer-Interview-Questions/assets/images/gradient.svg');background-size:cover;pointer-events:none}.header-big-title::before{mix-blend-mode:screen}}.header-heading{font-size:2.3rem;text-transform:uppercase}.header-big-description{font-size:1.2rem;line-height:1.4;padding:1rem 0}@media (min-width:30em){.header-big-description{font-size:1.5rem}}@media (min-width:60em){.header-big-description{font-size:1.8rem}}.header-description{padding-top:1rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-body);font-weight:400;font-size:1.2rem;line-height:2;color:var(--color-text)}section+section{padding-top:2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-heading);font-style:normal;line-height:1.2;font-weight:600}section+section{padding-top:2rem}a{color:inherit;text-decoration:none;color:var(--color-secondary);transition:color ease-out var(--transition-duration)}a.current,a:focus:not(.skip-link),a:hover:not(.skip-link){color:var(--color-primary)}a:not(.navigation-anchor)[rel~=external]:after{content:' ➚'}ul:not(.navigation):not(.inline-list){list-style:none}ul:not(.navigation):not(.inline-list) li::before{content:"\25A0";color:var(--color-primary);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.rtl ul:not(.navigation):not(.inline-list) li::before{margin-right:-1em;margin-left:initial}li{margin-bottom:.6rem}b,strong{font-weight:600}time{display:inline-block;color:var(--color-gray-70)}[tabindex='-1']{outline:0}img,svg{vertical-align:middle}img{display:block;max-width:100%;border-radius:var(--border-radius-default)}code{font-family:var(--font-family-code);color:var(--color-code);font-style:normal;font-size:1rem}blockquote:not([class]){padding-left:1rem;margin-left:-1rem;border-left:2px solid var(--color-primary);color:var(--color-gray-70);font-style:italic}code[class*=language-],pre[class*=language-]{font-size:.9rem;font-style:normal}p+pre[class*=language-]{margin-bottom:1.8rem}mark{color:var(--color-highlight);background-color:transparent}dt{font-weight:700}dd+dt{padding-top:.5rem}abbr[title],acronym[title]{background:var(--color-gray-opacity);border:1px solid var(--color-gray-opacity);cursor:help}.container{max-width:66rem;padding:1.5rem 2rem 2rem;margin-right:auto;margin-left:auto}@media (min-width:30rem){.container{padding:3rem 4rem 4rem}}.content li:not(:last-of-type){margin-bottom:1.2rem}.content h2{max-width:33rem}.content>:not(:last-child){margin-bottom:2rem}.content :not(hr)+h2,.content :not(hr)+h3{padding-top:1rem}.content ol:not(.inline-list),.content ul:not(.inline-list){padding-left:1.2rem}.content-simple li:not(:last-of-type){margin-bottom:.5rem}.content-edit{text-align:right;margin-top:2rem}.inline-list{padding:0;list-style:none;display:flex;flex-wrap:wrap}.inline-list li{padding:0 5px;display:inline-block;vertical-align:middle;text-align:center}.inline-list li::before{content:'';margin-left:0}.inline-list li img{display:block;margin:auto;margin-bottom:.6rem}.inline-list li a{display:inline-block;vertical-align:middle;margin:0 .15rem}.inline-list-contributors li a,.inline-list-original li a{font-size:1rem}.avatar{max-width:12rem}hr{border:none;bacground:none;border-bottom:1px solid #efefef}.footer{padding-top:3rem}.footer-text{font-size:.8rem}</style></head><body class=""><div class="topbar"></div><div class="container"><a class="skip-link" href="#main-content">Skip to main content</a><nav class="nav"><ul class="navigation" id="navigation"><li class="navigation-item-emoji navigation-item-home"><a class="navigation-anchor" href="/Front-end-Developer-Interview-Questions/" title="Home"><em>★</em><span>Front-end Developer Interview Questions</span></a></li><li class="navigation-item-emoji navigation-item-translations"><a class="navigation-anchor" href="/Front-end-Developer-Interview-Questions/translations" title="Translations"><em>🌐</em><span>Translations</span></a></li><li class="navigation-item navigation-questions-label"><button class="navigation-toggle" id="navigation-toggle">Questions:</button></li><li class="navigation-item navigation-questions"><ul class="navigation navigation-questions-list"><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/general-questions/" title="General Questions">General</a></li><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/html-questions/" title="HTML Questions">HTML</a></li><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/css-questions/" title="CSS Questions">CSS</a></li><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/javascript-questions/" title="JavaScript Questions">JavaScript</a></li><li class="navigation-item"><a rel="external noreferrer noopener" target="_blank" class="navigation-anchor navigation-questions-anchor" href="https://scottaohara.github.io/accessibility_interview_questions/" title="Accessibility Questions (external link)">A11y</a></li><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/testing-questions/" title="Testing Questions">Testing</a></li><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/performance-questions/" title="Performance Questions">Performance</a></li><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/network-questions/" title="Network Questions">Network</a></li><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/coding-questions/" title="Coding Questions">Coding</a></li><li class="navigation-item"><a class="navigation-anchor navigation-questions-anchor" href="/Front-end-Developer-Interview-Questions/questions/fun-questions/" title="Fun Questions">Fun</a></li></ul></li></ul></nav><main id="main-content" tabindex="-1"><header class="header"><h1 class="header-big-title">Intervju vprašanja za front-end programerja</h1></header><div class="content"><h1>Intervju vprašanja za front-end programerja</h1><p>@verzija 1.0</p><p><strong>Obvestilo:</strong> Ta repositorij vsebuje vrsto front-end vprašanj, ki se lahko uporabijo za preverjanje potencialnih kandidatov. Ni priporočljivo, da se vsa vprašanja uporabijo za vsakega kandidata (to bi trajalo ure). Izberite nekaj vprašanj, ki vam bodo pomagala preveriti kandidata za znanja, ki jih potrebujete.</p><p>Mnogo teh vprašanj je odprtega tipa in lahko pripeljejo do zanimivih diskusij, ki vam bodo o kandidatih sporočili več, kot pa navaden kratek odgovor.</p><h4>Originalni Avtorji</h4><p><strong>Obvestilo:</strong> večino teh vprašanj je bilo pobranih iz foruma, ustvarjenega in vzdrževanega od nasljednjih ljudi:</p><ul><li>@bentruyman (<a href="http://bentruyman.com">http://bentruyman.com</a>)</li><li>@cowboy (<a href="http://benalman.com">http://benalman.com</a>)</li><li>@roger_raymond (<a href="http://twitter.com/iansym">http://twitter.com/iansym</a>)</li><li>@ajpiano (<a href="http://ajpiano.com">http://ajpiano.com</a>)</li><li>@paul_irish (<a href="http://paulirish.com">http://paulirish.com</a>)</li><li>@SlexAxton (<a href="http://alexsexton.com">http://alexsexton.com</a>)</li><li>@boazsender (<a href="http://boazsender.com">http://boazsender.com</a>)</li><li>@miketaylr (<a href="http://miketaylr.com">http://miketaylr.com</a>)</li><li>@vladikoff (<a href="http://vladfilippov.com">http://vladfilippov.com</a>)</li><li>@gf3 (<a href="http://gf3.ca">http://gf3.ca</a>)</li><li>@jon_neal (<a href="http://twitter.com/jon_neal">http://twitter.com/jon_neal</a>)</li><li>@wookiehangover (<a href="http://wookiehangover.com">http://wookiehangover.com</a>)</li><li>@darcy_clarke (<a href="http://darcyclarke.me">http://darcyclarke.me</a>)</li><li>@tairraos (<a href="http://xiaole.happylive.org">http://xiaole.happylive.org</a>)</li></ul><h3>Splošna vprašanja:</h3><ul><li>Ali uporabljaš Twitter?<ul><li>Če ja, katerim osebam slediš?</li></ul></li><li>Ali uporabljaš GitHub?<ul><li>Če ja, katerim repositorijem slediš?</li></ul></li><li>Katere bloge spremljaš?</li><li>Katere programe za hranjenje verzij si uporabljal/a (Git, SVN, …)?</li><li>Katero okolje najraje uporabljaš za razvoj? (OS, editor, brskalnik, orodja, …)</li><li>Lahko opišeš tvoj potek dela, ko kreiraš novo spletno stran?</li><li>Lahko opišeš razliko med “progressive enhancement” in “graceful degradation”?<ul><li>bonus točke za opis “feature detection”-a</li></ul></li><li>Razloži pojem “Semantic HTML”.</li><li>V katerem brskalniku primarno razvijaš in katera orodja uporabljaš?</li><li>Kako bi optimiziral/a nalaganje spletne strani (s stališča zahtevanih datotek)?<ul><li>Iščemo več rešitev, ki med drugimi vklučujejo tudi:<ul><li>Združevanje datotek</li><li>Minifikacija datotek</li><li>CDN gostovanje</li><li>Caching</li><li>…</li></ul></li></ul></li><li>Zakaj je bolje statične vsebine servirati z večih domen?<ul><li>Koliko različnih datotek bo brskalnik prenesel iz ene domene na enkrat?</li></ul></li><li>Naštej 3 načine za zmanjšanje “page load time”-a. (dejanski ali zaznavan “load time”).</li><li>Če bi se pridružil/a projektu, kjer uporabljajo “tab”-e, ti pa uporabljaš presledke, kaj bi storil/a?<ul><li>Predlog da se uporabi nekaj takega kot je EditorConfig (<a href="http://editorconfig.org">http://editorconfig.org</a>)</li><li>Se prilagodi</li><li><code>issue :retab! command</code></li></ul></li><li>Ustvari preprosto prezentacijsko stran (slide-show).<ul><li>Bonus točke, če ne uporablja JS.</li></ul></li><li>Katera orodja uporabljaš za testiranje performančnosti kode?<ul><li>JSPerf (<a href="http://jsperf.com/">http://jsperf.com/</a>)</li><li>Dromaeo (<a href="http://dromaeo.com/">http://dromaeo.com/</a>)</li><li>…</li></ul></li><li>Če bi to leto lahko popolnoma osvojil/a novo tehnologijo, katera bi to bila?</li><li>Razloži pomembnost standardov in organov za nadzorovanje standardov.</li><li>Kaj je FOUC? Kako se izogneš FOUC-u?</li></ul><h3>HTML vprašanja:</h3><ul><li>Kaj naredi <code>doctype</code> in koliko različtih lahko našteješ?</li><li>Kaj je razlika med “standards mode” in “quirks mode”?</li><li>Kaj so omejitve pri serviranju XHTML strani?<ul><li>Ali so kakšni problemi pri servviranju strani z <code>application/xhtml+xml</code>?</li></ul></li><li>Kako serviraš stran z vsebino v večih jezikih?<ul><li>Na katere stvari moraš paziti ko dizajniraš ali programiraš večjezično stran?</li></ul></li><li>Ali lahko uporabljaš XHTML sintakso v HTML5?</li><li>Kako uporabljaš XML v HTML5?</li><li>Zakaj lahko uporabimo <code>data-</code> atribute?</li><li>Kaj so “content models” v HTML4 in ali so različni v HTML5?</li><li>Predpostavi da je HTML5 odprta spletna platforma. Kaj so gradniki HTML5?</li><li>Opiši razliko med “cookies”, “sessionStorage” in “localStorage”.</li></ul><h3>JavaScript vprašanja:</h3><ul><li>Katere JavaScript knjižnice si že uporabljal/a?</li><li>Si kdaj gledal/a izvorno kodo knjižnic/ogrodij, ki si jih uporabljal/a?</li><li>Razlika med Java in JavaScript?</li><li>Kaj je “hashtable”?</li><li>Kaj sta <code>undefined</code> in <code>undeclared</code> spremenljivki?</li><li>Kaj je “closure”, in zakaj/kako bi jo uporabil/a?</li><li>Tipičen primer uporabe anonimnih funkcij?</li><li>Razloži “JavaScript module pattern” in kdaj bi ga uporabil/a.<ul><li>Bonus točke če omeni “clean namespacing”.</li></ul></li><li>Kako organiziraš svojo kodo? (module pattern, classical inheritance?)</li><li>Razlika med “host object” in “native object”?</li><li>Razlika med:</li></ul><pre class="language-javascript"><code class="language-javascript"><span class="token keyword">function</span> <span class="token function">Person</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span><span class="token punctuation">}</span> <span class="token keyword">var</span> person <span class="token operator">=</span> <span class="token function">Person</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token keyword">var</span> person <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Person</span><span class="token punctuation">(</span><span class="token punctuation">)</span></code></pre><ul><li>Razlika med <code>.call</code> in <code>.apply</code>?</li><li>Razloži <code>Function.prototype.bind</code>?</li><li>Kdaj optimiziraš kodo?</li><li>Ali lahko razložiš dedovanje v JavaScript-u?</li><li>Kdaj bi uporabil/a <code>document.write()</code>?</li><li>Razlika med zaznavanjem funkcionalnosti, sklepanjem o funkcionalnosti in uporabljanjem UA niza.</li><li>Razloži AJAX s čim več detajli.</li><li>Razloži kako deluje JSONP (in zakaj to ni res AJAX).</li><li>Si že kdaj uporabil/a JavaScript “templates”-e?<ul><li>Če ja, katere knjižnice si uporabil/a? (Mustache.js, Handlebars etc.)</li></ul></li><li>Razloži “hoisting”.</li><li>Opiši “event bubbling”.</li><li>Razlika med “attribute” in “property”?</li><li>Zakaj je razširjanje vgrajenih JS objektov slaba ideja?</li><li>Zakaj je razširjanje vgrajenih JS objektov dobra ideja?</li><li>Razlika med “document load” in “document ready”?</li><li>Razlika med <code>==</code> in <code>===</code>?</li><li>Kako bi dobil URL GET parameter?</li><li>Razloži “same-origin policy”.</li><li>Razloži “event delegation”.</li><li>Razloži različne načine doseganja dedovanja.</li><li>Napiši kodo za “duplicator()” funkcijo:</li></ul><pre class="language-javascript"><code class="language-javascript"><span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span><span class="token number">2</span><span class="token punctuation">,</span><span class="token number">3</span><span class="token punctuation">,</span><span class="token number">4</span><span class="token punctuation">,</span><span class="token number">5</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">duplicator</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// [1,2,3,4,5,1,2,3,4,5]</span></code></pre><ul><li>Opiši strategijo za pomnenje (izogibanje ponovnemu računanju).</li><li>Od kod ime “Ternary statement”, kaj označuje beseda “Ternary”?</li><li>Kaj je “arity” funkcije?</li><li>Kaj je <code>"use strict";</code>? Prednosti/slabosti?</li></ul><h3>JavaScript koda primeri:</h3><pre class="language-javascript"><code class="language-javascript"><span class="token operator">~</span><span class="token operator">~</span><span class="token number">3.14</span></code></pre><p>Vprašanje: Kaj je vrednost zgornjega stavka?<br><strong>Odgovor: 3</strong></p><pre class="language-javascript"><code class="language-javascript"><span class="token string">"i'm a lasagna hog"</span><span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">""</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">reverse</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span><span class="token string">""</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre><p>Vprašanje: Kaj je vrednost zgornjega stavka?<br><strong>Odgovor: “goh angasal a m’i”</strong></p><pre class="language-javascript"><code class="language-javascript"><span class="token punctuation">(</span> window<span class="token punctuation">.</span>foo <span class="token operator">||</span> <span class="token punctuation">(</span> window<span class="token punctuation">.</span>foo <span class="token operator">=</span> <span class="token string">"bar"</span> <span class="token punctuation">)</span> <span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre><p>Vprašanje: Kaj je vrednost window.foo?<br><strong>Odgovor: “bar”</strong><br>samo če je bil window.foo “lažen”, drugače bo ohranil svojo vrednost.</p><pre class="language-javascript"><code class="language-javascript"><span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token string">"Hello"</span><span class="token punctuation">;</span> <span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">var</span> bar <span class="token operator">=</span> <span class="token string">" World"</span><span class="token punctuation">;</span> <span class="token function">alert</span><span class="token punctuation">(</span>foo <span class="token operator">+</span> bar<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token function">alert</span><span class="token punctuation">(</span>foo <span class="token operator">+</span> bar<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre><p>Vprašanje: Kaj je rezultat zgornjih dveh alert-ov?<br><strong>Odgovor: “Hello World” & ReferenceError: bar is not defined</strong></p><pre class="language-javascript"><code class="language-javascript"><span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
|
||
foo<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
||
foo<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre><p>Vprašanje: Kaj je vrednost od foo.length?<br>**Odgovor: <code>2</code></p><pre class="language-javascript"><code class="language-javascript"><span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">;</span>
|
||
foo<span class="token punctuation">.</span>bar <span class="token operator">=</span> <span class="token string">'hello'</span><span class="token punctuation">;</span></code></pre><p>Vprašanje: Kaj je vrednost od foo.length?<br>**Answer: <code>undefined</code></p><pre class="language-javascript"><code class="language-javascript">foo <span class="token operator">=</span> foo<span class="token operator">||</span>bar</code></pre><p>Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek?<br>*Odgovor: if(!foo) foo = bar</p><pre class="language-javascript"><code class="language-javascript">foo<span class="token operator">>></span><span class="token number">1</span></code></pre><p>Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek?<br>**Odgovor: Math.floor(foo/2)</p><pre class="language-javascript"><code class="language-javascript">foo<span class="token operator">|</span><span class="token number">0</span>
|
||
foo<span class="token operator">+</span><span class="token number">.5</span><span class="token operator">|</span><span class="token number">0</span></code></pre><p>Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek?<br>**Odgovor: parseInt(foo) & Math.round(foo)</p><pre class="language-javascript"><code class="language-javascript"><span class="token keyword">function</span> <span class="token function">foo</span><span class="token punctuation">(</span><span class="token parameter">bar1<span class="token punctuation">,</span> bar2<span class="token punctuation">,</span> bar3</span><span class="token punctuation">)</span><span class="token punctuation">{</span><span class="token punctuation">}</span></code></pre><p>Vprašanje: Kako dobiti število paremetrov podanih v funkcijo?<br>**Odgovor: foo.length // 3 za ta primer</p><h3>jQuery vprašanja:</h3><ul><li>Razloži “chaining”.</li><li>Razloži “deferreds”.</li><li>Naštej nekaj, za jQuery specifičnih, optimizacij.</li><li>Kaj naredi <code>.end()</code>?</li><li>Kako, in zakaj, bi uporabil/a “namespace”-e za “event handler”-je?</li><li>Naštej 4 različne vrednosti, ki jih lahko podaš jQuery funkciji.<ul><li>Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object, …</li></ul></li><li>Kaj je “effects” vrsta (oz. fx)?</li><li>Razlika med <code>.get()</code>, <code>[]</code>, in <code>.eq()</code>?</li><li>Razlika med <code>.bind()</code>, <code>.live()</code>, in <code>.delegate()</code>?</li><li>Razlika med <code>$</code> in <code>$.fn</code>? Oz. kaj je <code>$.fn</code>?</li><li>Optimiziraj naslednji selektor:</li></ul><pre class="language-javascript"><code class="language-javascript"><span class="token function">$</span><span class="token punctuation">(</span><span class="token string">".foo div#bar:eq(0)"</span><span class="token punctuation">)</span></code></pre><ul><li>Razlika med ‘delegate()’ in ‘live()’?</li></ul><h3>CSS vprašanja:</h3><ul><li>Opiši namen CSS “reset” datoteke in zakaj je uporabna.</li><li>Opiši “float”-e in kako delujejo.</li><li>Opiši različne “clearing” tehnike.</li><li>Razloži CSS “sprite”-e in kako bi jih implementiral/a.</li><li>Tvoje najljubše tehnike za zamenjavo slik?</li><li>CSS hacki, pogojno vključene .css datoteke ali kaj drugega?</li><li>Kako serviraš strani brskalnikom ki imajo omejen nabor funkcionalnosti?<ul><li>Katere tehnike/procese uporabljaš?</li></ul></li><li>Na katere načine lahko vizualno skriješ vsebino (tako da je navoljo samo “screen reader”-jem)?</li><li>Si že kdaj uporabil/a “grid” sistem. Če ja, kateri ti je najljubši?</li><li>Si že implementiral/a “media queries” ali za mobilnike specifičen HTML/CSS?</li><li>Imaš kaj izkušenj s CSSjem v navezi s SVGjem?</li><li>Kako optimizeraš strani za tiskanje?</li><li>Naštej nekaj pasti pri pisanju efektivnega CSSja.</li><li>Ali uporabljaš CSS pred-procesor (sass, compass, Stylus, LESS)?<ul><li>Če ja, opiši kaj ti je/ni všeč.</li></ul></li><li>Kako bi implementiral/a spletno stran, ki uporablja nestandardno tipografijo?<ul><li>Webfonts (google webfonts, typekit, …)</li></ul></li><li>Razloži kako brskalnik ugotovi kateri element pripada kateremu CSS selektorju.</li></ul><h3>Opcijska zabavna vprašanja:</h3><ul><li>Kaj je najbolj “cool” stvar, ki si jo sprogramiral/a? Na kaj si najbolj ponosen/a?</li><li>Poznaš znak (logo) za HTML5?</li><li>Ali si trenutno, oz. si kdaj bil/a, na ladji?</li><li>Najljubše stvari tvojih razvojnih orodij?</li><li>Imaš kak zasebni projekt? Kakšen?</li><li>Razloži pomembnost “cornify”.</li><li>Na list papirja napiši vertikalno črke A B C D E . Sedaj pa jih postavi v spuščajoči vrstni red, brez da napišeš vrstico kode.<ul><li>Počakaj če bo obrnil/a list papirja na glavo</li></ul></li><li>Pirat ali Ninja?<ul><li>Bonus točke če je kombiniran/a in je dal/a dober razlog (+2 za zombi opica pirat ninja)</li></ul></li><li>Če nebi bil/a web-developer, kaj bi počel/a?</li><li>Najljubša lastnost Internet Explorerja?</li><li>Dokončaj naslednji stavek: Brendan Eich in Doug Crockford sta __________ javascript-a.</li><li>jQuery: dobra ali najboljša knjižnica? Debata.</li><li><a href="http://www.w3schools.com/">http://www.w3schools.com/</a> ali <a href="http://w3fools.com/">http://w3fools.com/</a></li></ul></div><div class="content-edit"><a rel="external noreferrer noopener" target="_blank" href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/tree/master/src/translations/slovenian.md">Edit this page</a></div></main><footer class="footer"><p class="footer-text">Copyright © 2012 - 2024. Contributors to <a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/main/CONTRIBUTORS.md">Front-end-Developer-Interview-Questions.</a><br>Curious about the project? <a href="/Front-end-Developer-Interview-Questions/about/">Read more about here</a>.</p></footer></div><script>console.log("%cA black belt is a white belt that didn't quit.","color: #fff; font-size: 20px; text-shadow: 1px 1px 1px #000; font-family: serif;");var navToggle=document.getElementById("navigation-toggle"),nav=document.getElementById("navigation");navToggle.addEventListener("click",function(){nav.classList.toggle("open")}),window.addEventListener("resize",function(){document.width>960?nav.classList.remove("active"):(nav.classList.add("no-motion"),setTimeout(function(){nav.classList.remove("no-motion")},250))});</script></body></html> |