🇹🇷 Türkçe
Web Arayüz Geliştirici Aday Mülakat Soru Örnekleri
Web Arayüz Geliştirici adaylarında dikkat etmeniz gereken detayları yakalamak için bu Web Arayüz Geliştirici aday mülakat sorularını kullanabilirsiniz.
Web Arayüz Geliştirici Mülakat Soruları
Bazı açılardan en teknik rol bile tüm pozisyonlar için güçlü adaylarda ortak olan nitelikleri gerektirir: öğrenmeye istekli olma; nitelikli beceriler; iş için tutku.
Web Arayüz geliştiricilerini işe alırken aranacak bazı şeyler:
- Temel algoritmik kavramların anlaşılması
- Temel algoritmaları tartışabilme; nasıl bulacaklarını/düşüneceklerini/sıralayacaklarını
- Veri tabanlarına ilişkin daha geniş bir anlayış gösterebilirler mi?
- Modelleme konusunda bir yaklaşımları var mı?
Bilgisayar Bilimi soruları
Web
- Sırasıyla başarıyı, istemci ve sunucu hatasını belirtmek için hangi HTTP durum kodları sınıfları kullanılır?
- Olay yayılımını (kabarcıklanma aşaması) kendi cümlenizle tanımlayın. DOM Event akışında bildiğiniz başka bir aşama var mı?
- DOMContentLoaded ve Load olayları ne zaman gerçekleştirilir?
- </body>'den hemen önce bir async script etiketi yerleştirir misiniz?
- Web tarayıcısı güvenlik modelinin bir parçası olarak aynı kök politikasını tanımlayınız. Oluşturabileceği birkaç pratik sınırlama verin.
- HTML5 History API tüm tek sayfalı uygulamalar için neden bu kadar önemli?
- Modern tarayıcılar hangi depolama seçeneklerini sağlar?
- Web tarayıcıları için Kritik Oluşturma Yolu'nu (Critical Rendering Path) hangi adımlar oluşturur?
- PageVisibility API'sinin neden yararlı olduğunu düşünüyorsunuz?
- Bugün mevcut olan Push web teknolojilerine temel bir genel bakış sağlayın.
Javascript
- Hangi Javascript motorlarını biliyorsunuz?
- Javascript'teki nesneler referansa göre mi yoksa değere göre mi iletiliyor?
- "1" + 2 + 4 ne olarak değerlendirilir? Peki ya "1" == 1?
- ES6 Promise API'sinin kullanımını gösteren bir kod snippetı yazın.
- Aşağıdakilerin neden IIFE olarak çalışmadığını açıklayın:
function foo(){ }();
- Function.prototype.bind'i açıklayın.
- Kapatmanın ne olduğunu kendi cümlelerinizle tanımlayın
- Oldukça hızlı denemek istediğiniz bir fikriniz var. Prototip yapmak için hangi araçları kullanırdınız?
- Bu olay döngüsü ne hakkında? Bir fare tıklaması, çağrı yığınına veya görev kuyruğuna yeni bir öğenin eklenmesine neden olur mu?
- Uyarı neyi gösterecek?
var foo = 1;
function bar() {
if (!foo) {
var foo = 10;
}
alert(foo);
}
bar();
HTML/CSS
- Neden <b> yerine <strong> kullanıyorsunuz?
- HTML5'teki bazı önemli yeni özellikler nelerdir?
- Doctype ne içindir?
- CSS <link>'lerini <script> etiketlerinden önce konumlandırmak genellikle iyi bir fikir midir?
- CSS kutu modelini açıklayın. Hangi özellikler bunun bir parçası?
- Z-endeksini ve yığınlama bağlamının nasıl oluşturulduğunu açıklayın.
- Duyarlı tasarımın uyarlanabilir tasarımdan farkı nedir?
- CSS'deki sınıflar ve kimlikler arasındaki fark nedir?
- display: inline ve display: inline-block arasındaki fark nedir?
- Göreceli, sabit, mutlak ve statik olarak konumlandırılmış öğe arasındaki fark nedir?
🇬🇧 English
Front End Web Developer Interview Questions
This Front End Web Developer interview profile brings together a snapshot of what to look for in candidates with a balanced sample of suitable interview questions.
Front End Web Developer Interview Questions
In some respects even the most technical role demands qualities common to strong candidates for all positions: the willingness to learn; qualified skills; passion for the job.
Even college performance, while it helps you to assess formal education, doesn’t give a complete picture. This is not to underplay the importance of a solid background in computer science. Some things to look for when hiring a web developer:
• Understanding of basic algorithmic concepts
• Discuss basic algorithms, how would they find/think/sort
• Can they show a wider understanding of databases
Computer Science questions
Web
- Which HTTP status codes classes are used to designate success, client error and server error respectively?
- Describe event propagation (bubbling phase) in your own words. Is there any other phase in the DOM Event flow that you know of?
- When do DOMContentLoaded and Load events get fired ?
- Would you place an async script tag right before </body> ?
- Describe the same-origin policy as part of the web browser security model. Give a couple of practical limitations it may pose.
- Why is HTML5 History API so essential for all single page applications?
- What storage options do modern browsers provide ?
- Which steps constitute the Critical Rendering Path for web browsers?
- Why do you think PageVisibility API is useful?
- Give a basic overview of the Push web technologies available today
Javascript
- What Javascript engines do you know of?
- Are objects in Javascript passed by reference or by value?
- What does “1” + 2 + 4 evaluate to? What about “1” == 1 ?
- Write a code snippet demonstrating the usage of the ES6 Promise API
- Explain why the following doesn’t work as an IIFE:
- function foo(){ }();
- Explain Function.prototype.bind.
- Describe what a closure is in your own words.
- You have an idea you want to try out quickly enough. What tools would you use to prototype it?
- What is this event loop all about? A mouse click would result in a new item being added to the call stack or the task queue?
- What is alert going to show?
var foo = 1;
function bar() {
if (!foo) {
var foo = 10;
}
alert(foo);
}
bar();
HTML/CSS
- Why would you use <strong> instead of <b> ?
- What are some of the key new features in HTML5?
- What’s doctype for?
- Is it generally a good idea to position CSS <link>s before <script> tags?
- Explain the CSS box model. Which properties are a part of it?
- Describe z-index and how stacking context is formed.
- How is responsive design different from adaptive design?
- What is the difference between classes and IDs in CSS?
- What’s the difference between display: inline and display: inline-block?
- What’s the difference between a relative, fixed, absolute and statically positioned element?
Toptalent.co'da en iyi yetenekleri işe alın