1 line
36 KiB
HTML
1 line
36 KiB
HTML
<!doctype html><html lang="en" itemscope itemtype="https://schema.org/Article"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Ön Yüz Yazılımcısı - Front-end Developer - Mülakat Soruları ★ Front-end Job 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 Job Interview Questions"><meta itemprop="author" content="Front-end Job Interview Questions"><meta itemprop="name" content="Ön Yüz Yazılımcısı - Front-end Developer - Mülakat Soruları ★ Front-end Job 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.github.io/Front-end-Developer-Interview-Questions/assets/images/og-image.png"><meta property="og:title" content="Ön Yüz Yazılımcısı - Front-end Developer - Mülakat Soruları ★ Front-end Job 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.github.io/Front-end-Developer-Interview-Questions/translations/turkish/"><meta property="og:site_name" content="Front-end Job Interview Questions"><meta property="og:image" content="https://h5bp.github.io/Front-end-Developer-Interview-Questions/assets/images/og-image.png"><meta property="og:image:secure_url" content="/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="Ön Yüz Yazılımcısı - Front-end Developer - Mülakat Soruları ★ Front-end Job 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.github.io/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="/assets/images/apple-touch-icon.png"><link type="image/png" sizes="32x32" rel="icon" href="/assets/images/favicon-32x32.png"><link type="image/png" sizes="16x16" rel="icon" href="/assets/images/favicon-32x32.png"><link type="image/png" color="#181818" rel="mask-icon" href="/assets/images/favicon-96x96.png"><meta name="mobile-web-app-capable" content="yes"><meta name="robots" content="index,follow"><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:#1d1f21}: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}*{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;margin-bottom:1rem}.navigation{list-style:none;display:flex;font-size:1rem}.navigation-item-emoji{margin-right:.8rem}.navigation-item-emoji a{text-decoration:none;display:inline-block;vertical-align:middle}.navigation-item:not(:last-of-type){margin-right:.8rem}.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:6.9rem;line-height:1.06;margin:2.1rem 0;color:var(--color-primary);word-break:break-word}@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(/assets/images/gradient.svg);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.8rem;line-height:1.4;padding:1rem 0}.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:1.5;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:focus:not(.skip-link),a:hover:not(.skip-link){color:var(--color-primary)}a[rel~=external]{text-decoration:overline}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}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]{text-decoration:overline;background:var(--color-gray-opacity);border:1px solid var(--color-gray-opacity);cursor:help}.container{max-width:54rem;padding:3rem 4rem 4rem;margin-right:auto;margin-left:auto}.content li:not(:last-of-type){margin-bottom:.5rem}.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}.inline-list li{padding:0;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}.avatar{max-width:12rem}.footer{padding-top:3rem}.footer-text{font-size:.8rem}</style></head><body><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"><li class="navigation-item"><span class="navigation-anchor">Questions:</span></li><li class="navigation-item"><a class="navigation-anchor" href="/questions/coding-questions/" title="Coding Questions">Coding</a></li><li class="navigation-item"><a class="navigation-anchor" href="/questions/css-questions/" title="CSS Questions">CSS</a></li><li class="navigation-item"><a class="navigation-anchor" href="/questions/fun-questions/" title="Fun Questions">Fun</a></li><li class="navigation-item"><a class="navigation-anchor" href="/questions/general-questions/" title="General Questions">General</a></li><li class="navigation-item"><a class="navigation-anchor" href="/questions/html-questions/" title="HTML Questions">HTML</a></li><li class="navigation-item"><a class="navigation-anchor" href="/questions/javascript-questions/" title="JavaScript Questions">JavaScript</a></li><li class="navigation-item"><a rel="external noreferrer noopener" target="_blank" class="navigation-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" href="/questions/network-questions/" title="Network Questions">Network</a></li><li class="navigation-item"><a class="navigation-anchor" href="/questions/performance-questions/" title="Perfomance Questions">Perfomance</a></li><li class="navigation-item"><a class="navigation-anchor" href="/questions/testing-questions/" title="Testing Questions">Testing</a></li><li class="navigation-item">|</li><li class="navigation-item-emoji"><a class="navigation-anchor" href="/" title="Home">🏠</a></li><li class="navigation-item-emoji"><a class="navigation-anchor" href="/translations" title="Translations">🌐</a></li></ul></nav><main id="main-content" tabindex="-1"><header class="header"><h1 class="header-big-title">Ön Yüz Yazılımcısı - Front-end Developer - Mülakat Soruları</h1></header><div class="content"><h1>Ön Yüz Yazılımcısı - Front-end Developer - Mülakat Soruları</h1><p>Burada ön yüz yazılım -ya da front-end- iş başvurularınızda karşınıza çıkabilecek sorular yer almaktadır. Her sorunun iş başvurularınızda karşınıza çıkması garanti değil ancak ihtimali var. Ayrıca buradaki sorular sadece iş başvurusu yapanlar için değil, bu branşta kendini geliştirmeyi düşünenler için de kaynak niteliğindedir.</p><p><strong>Not:</strong> Buradaki birçok sorunun ucunun açık olduğunu, bu sebeple vereceğiniz cevaba göre ilginç tartışmalara yol açabileceğini unutmayın.</p><h2 id="i%CC%87%C3%A7indekiler"><a class="header-anchor" href="#i%CC%87%C3%A7indekiler" aria-hidden="true"></a> İçindekiler</h2><ol><li><a href="#general-questions">Genel Sorular</a></li><li><a href="#html-questions">HTML Soruları</a></li><li><a href="#css-questions">CSS Soruları</a></li><li><a href="#js-questions">JS Soruları</a></li><li><a href="#testing-questions">Test Soruları</a></li><li><a href="#performance-questions">Performans Soruları</a></li><li><a href="#network-questions">Ağ Soruları</a></li><li><a href="#coding-questions">Kodlama Soruları</a></li><li><a href="#fun-questions">Eğlenceli Sorular</a></li></ol><h2 id="dahil-olmak-i%CC%87%C3%A7in"><a class="header-anchor" href="#dahil-olmak-i%CC%87%C3%A7in" aria-hidden="true"></a> Dahil Olmak İçin</h2><ol><li><a href="./#dahil-olmak-%C4%B0%C3%A7in">Katkıda bulunanlar</a></li><li><a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTING.md">Nasıl katkıda bulunabilirim?</a></li><li><a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md">Lisans</a></li></ol><h4><a name="general-questions">Genel Sorular:</a></h4><ul><li>Dün -ya da bu hafta- neler öğrendin?</li><li>Kod yazmanda seni cezbeden şey ne?</li><li>Deneyimlediğin son teknik meydan okuma / problem neydi ve onu nasıl çözdün?</li><li>Website yada web application hazırlarken UI, güvenlik, performans, SEO, sürdürülebilirlik veya teknoloji için nelere dikkat edersin?</li><li>Bize biraz geliştirme ortamından bahset. -İşletim Sistemi, Web Tarayıcı, Araçlar, Kod Editörü/IDE, vb.-</li><li>Haangi version kontrol sistemlerine aşinasın?</li><li>Web sayfasını oluştururken hangi adımları takip edersin?</li><li>Eğer 5 farklı stil dosyası varsa, bunları siteye entegre etmenin en iyi yolu nedir?</li><li>“Aşamalı geliştirme (progressive enhancement)” ile “kontrollü azalma (graceful degradation)” arasında ne fark vardır?</li><li>Web sitesindeki dosyaları nasıl optimize edersin?</li><li>Belli bir zamanda, tek bir alanadı üzerinden web tarayıcısı ne kadar kaynak indirebilir?<ul><li>İstisnalar nelerdir?</li></ul></li><li>Sayfa yüklenme hızını azaltmanın yollarından 3 tanesini söyleyebilir misin?</li><li>Yeni dahil olduğunuz bir projede, kodlama için <code>Tab</code> boşluk kullanılıyor ama siz <code>Space</code> ile boşluk bırakmayı tercih ediyorsunuz. Bu durumda ne yaparsınız?</li><li>Basit bir slayt/galeri sayfası oluşturun</li><li>Eğer bu yıl bir teknolojide en iyi olmak isteseydin, hangisini seçerdin?</li><li>Yazılım standartlarının öneminden bahseder misin?</li><li>FOUC nedir? FOUC’a nasıl engel olabilirsin?</li><li>Web adresinin ilk adres girilirken sayfanın tam olarak yüklenmesine kadar ki işlemleri açıklayabilir misin?</li><li>CSS animasyonlarının JavaScript animasyonlara göre artılarını ve eksiklerini açıklayabilir misin?</li><li>CORS ne anlama geliyor ve nasıl bir problemi çözüyor?</li></ul><h4><a name="html-questions">HTML Soruları:</a></h4><ul><li><code>doctype</code>ın işlevi nedir?</li><li>Full standards mode, almost standards mode ve quirks mode arasındaki farklar nelerdir?</li><li>HTML ve XHTML arasındaki farkler nelerdir?</li><li>Sayfaların <code>application/xhtml+xml</code> olarak çalıştırılmasında herhangi bir sakınca var mıdır?</li><li>Sayfa içeriği çoklu dil olan siteyi nasıl sunabilirsin?</li><li>Çoklu dil olan sayfalarda tasarım veya kodlama olarak nelerden kaçılmalısın?</li><li><code>data-</code> özelliği ne faydalar sağlar?</li><li>HTML5’i ‘open web platform’ olarak düşün. HTML5’in yapı taşları/temelleri nelerdir?</li><li><code>cookie</code>, <code>sessionStorage</code> ve <code>localStorage</code> arasındaki farkları açıklayabilir misin?</li><li><code><script></code>, <code><script async></code> ve <code><script defer></code> arasındaki farkları açıklayabilir misin?</li><li>CSS <code><link></code>lerin <code><head></head></code> arasında ve JS <code><script></code>lerinin <code></body></code> etiketinden önce olması niye genelde iyi bir fikirdir? Herhangi bir istisna biliyor musun?</li><li>Progressive rendering nedir?</li><li>Önceden farklı bir HTML templating dili kullandın mı?</li></ul><h4><a name="css-questions">CSS Soruları:</a></h4><ul><li>CSS’te class ve ID arasındaki farklar nelerdir?</li><li>“Resetting” ve “normalizing” CSS’ler arasındaki farklar nelerdir? Hangisini kullanmamız gerekir, neden?</li><li>Floats özelliğinin ne olduğunu ve nasıl çalıştığından bahsedin.</li><li>z-index özelliğinin ne olduğunu ve nasıl çalıştığından bahsedin.</li><li>BFC (Block Formatting Context)'nin ne olduğunu ve nasıl çalıştığından bahsedin.</li><li>Çeşitli ‘clearing’ teknikleri nelerdir ve hangi teknik hangi içerik için uygundur?</li><li>CSS Sprites özelliğini ve sayfanıza veya web uygulamanıza nasıl entegre edeceğinizi anlatın.</li><li>En favori imaj yerini değiştirme (image replacement) tekniği sizce hangisidir ve ne gibi durumlarda kullanırsınız?</li><li>Browser tabanlı (browser-specific) stil problemlerini nasıl çözersiniz?</li><li>Özellik kısıtlamalı (feature-constrained) tarayıcılar için websitenizi nasıl hazırlarsınız?<ul><li>Hangi teknikleri/işlemleri kullanırsınız?</li></ul></li><li>İçerikleri görsel olarak gizlemek hangi yollar bulunmakta? (İçerik sadece ekran okuyucular (screen readers) için gözükecek.)</li><li>Şimdiye kadar grid sistemi kullandınız mı? Eğer kullandıysanız, ne tercih edersiniz?</li><li>Şimdiye kadar ‘media queries’ veya mobil bazlı CSS/tasarım kullanıdınız mı?</li><li>SVG stillendirme hakkında deneyiminiz var mı?</li><li>Yazdırmak için (print) sitenizi ne şekilde en uygun hale getirdiniz?</li><li>Kaliteli CSS yazmak için ‘işte bu!’ dediğiniz şeyler nelerdir?</li><li>CSS 'preprocessor’ler kullanmanın artı-eksileri nelerdir? (SASS, Compass, Stylus, LESS)<ul><li>Şimdiye kadar kullandıklarınızda en çok beğendiğiniz/beğenmediğiniz özellikler nelerdi?</li></ul></li><li>Standart fontları kullanmayan web tasarımlarını nasıl sayfanıze entegre ediyorsunuz?</li><li>Tarayıcılar HTML elementlerin CSS seçicilerle (selector) eşleştiğini nasıl algılıyor, açıklar mısınız?</li><li>Sözde elementleri (pseudo-elements) ve ne için kullandıklarını açıklayın.</li><li>‘box model’ konusunu bildiğiniz kadar açıklayın ve tasarımınızı farklı bir ‘box model’ ile göstermek istediğinizde CSS tarafında tarayıcıya ne belirtmeniz gerekir?</li><li><code>* { box-sizing: border-box; }</code> ne yapar? Avantajları nelerdir?</li><li>‘Display’ özelliğinin aldığı değerleri hatırladığınız kadar sayın.</li><li>‘inline’ ile ‘inline-block’ arasındaki farklılıklar nelerdir?</li><li>‘relative’, ‘fixed’, ‘absolute’ ve ‘static’ konumlandırılmış elementlerin farkı nedir?</li><li>CSS kelimesindeki C harfi "Cascading"in (basamaklı) kısaltmasıdır. Yönlendirilen stillerde öncelikler nasıl belirlenir (birkaç örnekle birlikte)? Bunu nasıl kendi avantajınıza göre kullanabilirsiniz?</li><li>Kullanmış olduğunuz, daha tanınmayan - lokal CSS çatılar (frameworks) var mı? Bunları nasıl değiştirmek / geliştirmek isterdiniz?</li><li>Yeni CSS Flebox veya Grid özellikleriyle deneyip bir şeyler yaptınız mı?</li><li>Responsive tasarımın adaptive tasarımdan farkı nedir?</li><li>Hiç retina grafiklerle çalıştınız mı? Eğer çalıştıysanız ne zaman ve hangi teknikleri kullandınız?</li><li><code>translate()</code> yerine <em>absolute positioning</em>, veya tam tersini kullanmak için bir sebebiniz olabilir mi? Ve neden?</li></ul><h4><a name="js-questions">JS Soruları:</a></h4><ul><li>‘Event delegation’ özelliğini anlatın.</li><li>JavaScript’te <code>this</code> nasıl çalışıyor?</li><li>‘prototypal inheritance’ nasıl çalışır?</li><li>AMD ile CommonJS’in farkı nelerdir?</li><li>IIFE olarak neden bu fonksiyonun çalışmadığını açıklayın: <code>function foo(){ }();</code>.<ul><li>IIFE olarak çalışması için ne yapmak gerekiyor?</li></ul></li><li><code>null</code>, <code>undefined</code> ve <code>undeclared</code> arasında ne farklar var?<ul><li>Bu değerleri kontrol ederken neler yapmalıyız?</li></ul></li><li>‘Closure’ nedir, ve nasıl/neden kullanırız?</li><li>Anonim fonksiyonları kullanma durumları nelerdir?</li><li>Kodunuzu nasıl organize edersiniz? (module pattern, classical inheritance?)</li><li>host objects ve native objects arasında ne fark var?</li><li><code>function Person(){}</code>, <code>var person = Person()</code>, ve <code>var person = new Person()</code> arasındaki farklar nelerdir?</li><li><code>.call</code> ve <code>.apply</code> arasındaki fark nedir?</li><li><code>Function.prototype.bind</code> özelliğinin ne olduğunu açıklayınız.</li><li><code>undefined</code> ve <code>null</code> arasındaki fark nedir?</li><li><code>document.write()</code> fonksiyonunu ne zaman kullanmalıyız?</li><li>Özellik tespiti (feature detection), özellik çıkarım (feature inference) ve UA string kullanımı arasındaki farklar nelerdir?</li><li>AJAX’ı olabildiğince detaylı şekilde açıklayın.</li><li>Ajax kullanmanın avantajları ve dezavantajları nelerdir?</li><li>JSONP nasıl çalışır? (ve neden tam olarak AJAX olmadığını da açıklayınız.)</li><li>JavaScript ‘template’ yapısını hiç kullandınız mı?<ul><li>Eğer kullandıysanız, Hangi 'library’leri kullandınız? (Mustache.js, Handlebars, vb.)</li></ul></li><li>“Hoisting” özelliğini açıklayın.</li><li>‘Event bubbling’ özelliğini açıklayın.</li><li>“Attribute” ve “property” arasındaki farklar nelerdir?</li><li>JavaScript objeleri genişletmek neden iyi fikir değildir?</li><li>“document load event” ile “document DOMContentLoaded event” arasındaki farklar nelerdir?</li><li><code>==</code> ve <code>===</code> arasında ne fark vardır?</li><li>JavaScript için ‘same-origin policy’ konusunu açıklayın.</li><li>Çalışacak şekilde kodu yazın:</li></ul><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line"><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">duplicate</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></div></code></pre><ul><li>Neden ‘Ternary expression’ olarak çağrılmaktadır? “Ternary” kelimesi neyi belirtmektedir?</li><li><code>"use strict";</code> nedir? Bunu kullanmanın artı/eksileri nelerdir?</li><li>Create a for loop that iterates up to <code>100</code> while outputting <strong>“fizz”</strong> at multiples of <code>3</code>, <strong>“buzz”</strong> at multiples of <code>5</code> and <strong>“fizzbuzz”</strong> at multiples of <code>3</code> and <code>5</code></li><li>Websitenin genel skopundan ayrılmak ve dokunmamak neden genelde iyi bir fikirdir?</li><li>Neden <code>load</code> gibi bir event kullanırsınız? Bunun dezavantajları var mı? Bildiğiniz alternatifleri var mı ve neden onları kullanıyorsunuz?</li><li>Tek sayfa uygulama (single page app) nedir ve nasıl arama motoru uyumlu (SEO-friendly) yapılır, açıklayın.</li><li>“Promises” ve/veya onun polyfilleriyle alakalı deneyimler nedir?</li><li>"Callback"ler yerine “Promises” kullanmanın artıları ve eksileri nelerdir?</li><li>JavaScript’in derlendiği bir dilde JavaScript yazmanın avantajları ve dezavantajlarından bazıları nelerdir?</li><li>JavaScript kodunuzda hata ayıklarken (debugging) kullandığınız teknikler ve araçlar nelerdir?</li><li>What language constructions do you use for iterating over object properties and array items?</li><li>Kesilebilir (mutable) ve değişmez (immutable) nesneler arasındaki farkları açıklayın.<ul><li>JavaScript’te değişmez (immutable) objeye bir örnek veriniz.</li><li>Değişmezliğin (immutability) artıları ve eksileri nedir?</li><li>Değişmezliği (immutability) kendi kodunuzda nasıl başarırsınız?</li></ul></li><li>Senkron ve asenkron fonksiyonlar arasındaki farkları açıklayın.</li><li>Olay döngüsü (event loop) nedir?<ul><li>Çağrı yığını (call stack) ve görev kuyruğu (task queue) arasındaki fark nedir?</li></ul></li><li><code>foo</code>, <code>function foo() {}</code> ve <code>var foo = function() {}</code> arasındaki farkları açıklayın.</li></ul><h4><a name="testing-questions">Test Soruları:</a></h4><ul><li>Kodunuzu test etmenin avantajları ve dezavantajları nelerdir?</li><li>Kodunuzun işlevselliğini sınamak için hangi araçları kullanıyorsunuz?</li><li>Ünite testi (unit test) ile fonksiyonel/entgrasyon testi arasındaki fark nedir?</li><li>Kodu lint etme aracının (code style linting tool) kullanım amacı nedir?</li></ul><h4><a name="performance-questions">Performans Soruları:</a></h4><ul><li>Kodunuzda performans problemleri bulmak için hangi araçları kullanıyorsunuz?</li><li>Websitenizin kaydırma (scrolling) performansını geliştirmenin yollarından bazıları nelerdir?</li><li>“Layout”, “painting” ve “compositing” terimleri arasındaki farkları açıklayınız.</li></ul><h4><a name="network-questions">Ağ Soruları:</a></h4><ul><li>Geleneksel olarak, neden site dosyalarını birden fazla domainden sunmak daha iyidir?</li><li>Web adresinin ilk adres girilirken sayfanın tam olarak yüklenmesine kadar ki işlemleri açıklayabilir misin?</li><li>“Long-Polling”, “Websockets” ve “Server-Sent Events” terimleri arasındaki farklar nelerdir?</li><li>Şu “request” ve "response header"ları açıklayın:<ul><li>Diff. between Expires, Date, Age and If-Modified-…</li><li>Do Not Track</li><li>Cache-Control</li><li>Transfer-Encoding</li><li>ETag</li><li>X-Frame-Options</li></ul></li><li>HTTP metodları nelerdir? Bildiklerinizi listeleyin ve açıklayın.</li></ul><h4><a name="coding-questions">Kodlama Soruları:</a></h4><p><em>Soru:<code>foo</code>'nun değeri nedir?</em></p><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line"><span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token number">10</span> <span class="token operator">+</span> <span class="token string">'20'</span><span class="token punctuation">;</span></div></code></pre><p><em>Soru: Bu işi nasıl yaparsınız?</em></p><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line"><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">2</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 comment">// 7</span></div><div class="highlight-line"><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">)</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 comment">// 7</span></div></code></pre><p><em>Soru: Bu ifadeden dönen sonuç nedir?</em></p><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line"><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></div></code></pre><p><em>Question: <code>window.foo</code> değeri nedir?</em></p><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line"><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></div></code></pre><p><em>Question: Aşağıdaki iki "alert"in çıktısı nedir?</em></p><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line"><span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token string">"Hello"</span><span class="token punctuation">;</span></div><div class="highlight-line"><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></div><div class="highlight-line"> <span class="token keyword">var</span> bar <span class="token operator">=</span> <span class="token string">" World"</span><span class="token punctuation">;</span></div><div class="highlight-line"> <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></div><div class="highlight-line"><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></div><div class="highlight-line"><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></div></code></pre><p><em>Soru: <code>foo.length</code> değeri nedir?</em></p><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line"><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></div><div class="highlight-line">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></div><div class="highlight-line">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></div></code></pre><p><em>Soru: <code>foo.x</code> değeri nedir?</em></p><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line"><span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token punctuation">{</span>n<span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">}</span><span class="token punctuation">;</span></div><div class="highlight-line"><span class="token keyword">var</span> bar <span class="token operator">=</span> foo<span class="token punctuation">;</span></div><div class="highlight-line">foo<span class="token punctuation">.</span>x <span class="token operator">=</span> foo <span class="token operator">=</span> <span class="token punctuation">{</span>n<span class="token punctuation">:</span> <span class="token number">2</span><span class="token punctuation">}</span><span class="token punctuation">;</span></div></code></pre><p><em>Soru: Bu kodun çıktısı nedir?</em></p><pre class="language-javascript"><code class="language-javascript"><div class="highlight-line">console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'one'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div><div class="highlight-line"><span class="token function">setTimeout</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></div><div class="highlight-line"> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'two'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div><div class="highlight-line"><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div><div class="highlight-line">console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'three'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div></code></pre><h4><a name="fun-questions">Eğlenceli Sorular:</a></h4><ul><li>Şimdiye kadar içinde bulunduğun en havalı proje neydi?</li><li>Kullandığınız geliştirici araçları arasında, sevdikleriniz nelerdir?</li><li>Önyüz (front-end) komünitesinde etkilendiklerin kimler?</li><li>Evcil hayvanlarla alakalı herhangi bir projen var mı? Varsa ne tür bir proje?</li><li>Internet Explorer’ın senin için favori özelliği nedir?</li><li>Kahveni nasıl seversin?</li></ul><h4>Katılımcılar:</h4><p>Bu proje 2009 yılında bu katılımcılarla başladı: <a href="https://twitter.com/paul_irish">@paul_irish</a> <a href="https://twitter.com/bentruyman">@bentruyman</a> <a href="https://twitter.com/cowboy">@cowboy</a> <a href="https://twitter.com/ajpiano">@ajpiano</a> <a href="https://twitter.com/slexaxton">@SlexAxton</a> <a href="https://twitter.com/boazsender">@boazsender</a> <a href="https://twitter.com/miketaylr">@miketaylr</a> <a href="https://twitter.com/vladikoff">@vladikoff</a> <a href="https://twitter.com/gf3">@gf3</a> <a href="https://twitter.com/jon_neal">@jon_neal</a> <a href="https://twitter.com/sambreed">@sambreed</a> and <a href="https://twitter.com/iansym">@iansym</a>.</p><p>Bu projenin bakımı şu anda aşağıdaki kişiler tarafından yapılmaktadır:</p><ul><li><a href="https://github.com/roblarsen">roblarsen</a></li><li><a href="https://github.com/cezaraugusto">cezaraugusto</a></li><li><a href="https://github.com/vvscode">vvscode</a></li></ul><p>O zamandan beri bu <a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTORS.md">inanılmaz derecede harika insanlar</a> sayesinde etkin durumda.</p><p>İlham mı geldi? Katkı sağlamak için <a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/.github/CONTRIBUTING.md">Katılım rehberi</a>mizi inceleyin!</p></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/turkish/index">Edit this page</a></div></main><footer class="footer"><p class="footer-text">Copyright (c) 2012 - 2018. Contributors to <a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions">Front-end-Developer-Interview-Questions.</a><br>This project is maintained by <a href="https://github.com/cezaraugusto" target="_blank" rel="noreferrer noopener">Cezar Augusto</a>, <a href="https://github.com/roblarsen" target="_blank" rel="noreferrer noopener">Rob Larsen</a> and <a href="https://github.com/vvscode" target="_blank" rel="noreferrer noopener">Vasiliy Vanchuk</a> .<br>Curious about the project? <a href="/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: 80px; text-shadow: 1px 1px 1px #000; font-family: serif;");</script></body></html> |