Skip to content

Commit 9e6ef36

Browse files
Merge branch 'master' of https://github.com/h5bp/Front-end-Developer-Interview-Questions into call-stack-questions
2 parents 9b95c26 + 36c3581 commit 9e6ef36

File tree

3 files changed

+222
-146
lines changed

3 files changed

+222
-146
lines changed

README.md

+4-2
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@ This file contains a number of front-end interview questions that can be used wh
1010
1. [HTML Questions](#html-questions)
1111
1. [CSS Questions](#css-questions)
1212
1. [JS Questions](#js-questions)
13+
1. [Testing Questions](#testing-questions)
14+
1. [Performance Questions](#performance-questions)
1315
1. [Network Questions](#network-questions)
1416
1. [Coding Questions](#coding-questions)
1517
1. [Fun Questions](#fun-questions)
@@ -104,7 +106,7 @@ This file contains a number of front-end interview questions that can be used wh
104106
* What do you think of AMD vs CommonJS?
105107
* Explain why the following doesn't work as an IIFE: `function foo(){ }();`.
106108
* What needs to be changed to properly make it an IIFE?
107-
* What's the difference between a variable that is: `null`, `undefined` or `undeclared`?
109+
* What's the difference between a variable that is: `null`, `undefined` or undeclared?
108110
* How would you go about checking for any of these states?
109111
* What is a closure, and how/why would you use one?
110112
* What's a typical use case for anonymous functions?
@@ -132,7 +134,7 @@ duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
132134
```
133135
* Why is it called a Ternary expression, what does the word "Ternary" indicate?
134136
* What is `"use strict";`? what are the advantages and disadvantages to using it?
135-
* Create a for loop that iterates up to `100` while outputting **"fizz"** at multiples of `3`, `"buzz"` at multiples of `5` and **"fizzbuzz"** at multiples of `3` and `5`
137+
* Create a for loop that iterates up to `100` while outputting **"fizz"** at multiples of `3`, **"buzz"** at multiples of `5` and **"fizzbuzz"** at multiples of `3` and `5`
136138
* Why is it, in general, a good idea to leave the global scope of a website as-is and never touch it?
137139
* Why would you use something like the `load` event? Does this event have disadvantages? Do you know any alternatives, and why would you use those?
138140
* Explain what a single page app is and how to make one SEO-friendly.

Translations/Burmese/README.md

+36-9
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
1. [HTML နှင့်သက်ဆိုင်သော မေးခွန်းများ](#html-questions)
1111
1. [CSS နှင့်သက်ဆိုင်သော မေးခွန်းများ](#css-questions)
1212
1. [JS နှင့် သက်ဆိုင်သော မေးခွန်းများ](#js-questions)
13+
1. [Testing နှင့် သက်ဆိုင်သော မေးခွန်းများ](#testing-questions)
1314
1. [Network နှင့် သက်ဆိုင်သော မေးခွန်းများ](#network-questions)
1415
1. [Coding နှင့်သက်ဆိုင်သော မေးခွန်းများ](#coding-questions)
1516
1. [အပျော်မေးခွန်းများ](#fun-questions)
@@ -37,12 +38,12 @@
3738
* Page load လုပ်သည့်အချိန်အား လျှော့ချနိုင်သည့် နည်း၃မျိုးပြောပါ။ (တကယ် load လုပ်သည့်အခိျန် သို့ load လုပ်သည်ဟုထင်ရချိန်)
3839
* လုပ်လက်ဆ Project တစ်ခုကို ဝင်ရောက်လုပ်ကိုင်ရာမှာ၊ နဂို developer များက Tab ကိုသုံးကာ code ကို format လုပ်ထားပြီး သင့်အနေနှင့် space များနှင့် format လုပ်သူတစ်ယောက်ဖြစ်သည်ဆိုပါစို့။ သင်မည်သို့ ဝင်ရောက်လုပ်ကိုင်မည်နည်း။
3940
* ရိုးရှင်းတဲ့ Slideshow page တစ်ခုကို သင်ဘယ်လိုပြုလုပ်ပါမည်နည်း။
40-
* ဘယ်လို tools များကို အသုံးပြု၍ သင်ရေးထားသော code ၏ performance ကို ြကည့်ပါမလဲ။
4141
* သင်သည် ဒီနှစ်ထဲတွင် technology တစ်ခုကို ကျွမ်းကျင်စွာလေ့လာနိုင်မည်ဆိုပါက မည်သည့် technology ကိုလေ့လာမည်နည်း။
4242
* Standard များ၏ အရေးပါပုံနှင့် standard များကို သတ်မှတ်သည့် အဖွဲ့အစည်းများ၏ အရေးပါပုံကို ပြောပါ။
4343
* Flash of unstyled content ဆိုတာဘာလဲ။ ဘယ်လိုရှောင်ကွင်းနိုင်ပါသလဲ။
4444
* ARIA နှင့် screenreader များအကြောင်း၊ accessible ြဖစ်သည့် website ကို လုပ်ပုံလုပ်နည်းအကြောင်း ပြောပါ။
4545
* CSS animation များနှင့် Javascript animation များ၏ အားနည်းချက်၊ အားသာချက်များအကြောင်းရှင်းပြပါ။
46+
* CORS ဆိုတာဘာလဲ၊ ဘယ်လိုအခက်အခဲမျိုး ဘယ်လို issue မျိုးအတွက် အသုံးပြုပါသလဲ။
4647

4748
#### HTML နှင့်သက်ဆိုင်သော မေးခွန်းများ <a name="html-questions"></a>
4849

@@ -57,13 +58,16 @@
5758
* `cookie`, `sessionStorage` နှင့် `localStorage` တို့၏ ကွာခြားချက်များကိုပြောပါ။
5859
* `<script>`, `<script async>` နှင့် `<script defer>` တို့၏ ကွာခြားချက်များကို ပြောပါ။
5960
* ဘာကြောင့် CSS ၏ `<link>` tag များကို `<head></head>` အတွင်း၊ ဘာကြောင့် Javascript ၏ `<script>` tag များကို `</body>` မတိုင်ခင်ထည့်သည့်သည်ဟု ယေဘုယျအားဖြင့် အကြံပြုကြပါသလည်း။ ဘယ်လိုချွင်းချက်များ ရှိပါလဲ။
61+
* Progressive Rendering ဆိုတာဘာလဲ။
62+
* တခြား HTML template လုပ်ပေးနိုင်တဲ့ templating engine မျိုးဘာသုံးဖူးလဲ။
6063

6164
#### CSS နှင့်ပါတ်သက်သော မေးခွန်းများ <a name='css-questions'></a>
6265

6366
* CSS တွင် class တွေနှင့် ID တွေ၏ ကွာခြားချက်များကို ပြောပါ။
6467
* CSS တွင် "resetting" နှင့် "normalizing" တို့၏ ကွာခြားချက်များကို ပြောပါ။
6568
* Float တွေအကြောင်းနှင့် ဘယ်လိုအလုပ်လုပ်ကြောင်း ပြောပါ။
6669
* z-index နှင့် stacking အလုပ်လုပ်ပုံကို ရှင်းပါ။
70+
* BFC(Block Formatting Context) အကြောင်းရှင်းပါ၊ ဘယ်လိုအလုပ်လုပ်လဲ ပြောပါ။
6771
* Clearing နည်းအမျိုးမျိုးနှင့် မည်သည့်နည်းသည် မည်သို့အခြေအနေနှင့်သင့်တော်ကြောင်းရှင်းပြပါ။
6872
* CSS sprites များအကြောင်းရှင်းပြပါ။ Page တစ်ခု၊ site တစ်ခုမှာ ဘယ်လိုလုပ်မလဲရှင်းပြပါ။
6973
* အကြိုက်ဆုံး Image replacement နည်းများကိုပြောပါ၊ ဘယ်နည်းကို ဘယ်အခါမှာသုံးပါသနည်း။
@@ -73,13 +77,14 @@
7377
* Content တစ်ခုကို မမြင်ရအောင် မည်သို့လုပ်နိုင်ပါသနည်း (Screen readers များနှင့်သာ ဖတ်နိုင်အောင်)
7478
* Grid system များသုံးဖူးပါသလား၊ ဘယ်တစ်ခုကို ပိုကြိုက်ပါသလဲ။
7579
* Media queries သို့ mobile ဖုန်းအတွက် ရည်ရွယ်တဲ့ layout တွေ styling တွေလုပ်ဖူးလား။
76-
* SVG ကို style လုပ်ဖူးလား
80+
* SVG ကို style လုပ်တာနဲ့ပါတ်သက်ပြီး ဘယ်လိုအတွေ့အကြုံရှိပါသလဲ
7781
* Webpage တွေကို print ထုတ်ဖို့အတွက် ဘယ်လို optimize လုပ်ပါသလဲ။
7882
* Efficient ြဖစ်တဲ့ CSS တွေကိုရေးဖို့အတွက် ဘယ်လို အချက်များကို သတိထားရပါမလဲ။
7983
* CSS preprocessor များ၏ ကောင်းချက် ဆိုးချက်များကို ပြောပါ။
8084
* သုံးဖူးတဲ့ CSS preprocessor တွေရဲ့ ကြိုက်တဲ့အချက် မကြိုက်တဲ့အချက်များကို ပြောပြပါ။
8185
* Web design comp တစ်ခု၊ photoshop/illustrator နဲ့ဆွဲထားတဲ့ design တစ်ခုကို ဘယ်လို develop လုပ်ပါမည်နည်း။
8286
* Browser တစ်ခုက CSS selector တစ်ခုနှင့် ဘယ်လို match လုပ်ပါသနည်း။
87+
* Pseudo-element တွေအကြောင်း ပြောပါ။ ဘယ်လိုနေရာမှာသုံးလဲ ပြောပါ။
8388
* Box model ကို နားလည်သလောက်ရှင်းပြပါ။ Browser တစ်ခုကို သင်လိုချင်သော box model တစ်ခုနှင့် render လုပ်အောင်မည်သို့ပြောရမည်နည်း။
8489
* ```* { box-sizing: border-box; }``` က ဘာလုပ်တာလည်း။ အဲ့ဒါရဲ့ အားသာချက်တွေက ဘာလဲ။
8590
* `display` property ရဲ့ value တွေထဲက မှတ်မိသမျှပြောပြပါ။
@@ -97,7 +102,6 @@
97102
* Event delegation အကြောင်းရှင်းပြပါ။
98103
* `this` က Javascript မှာ ဘယ်လိုအလုပ်လုပ်ပါသလဲ။
99104
* Prototypal inheritance က ဘယ်လိုအလုပ်လုပ်ပါသလဲ။
100-
* Javascript ကို ဘယ်လို test လုပ်နိုင်ပါသလဲ။
101105
* AMD နှင့် CommonJS ကိုယှဉ်ပြပါ။
102106
* ဘာကြောင့် IIFE မှာ `function foo(){}();`; အလုပ်မလုပ်တာလည်း။
103107
* ဘာကိုပြောင်းလိုက်ရင် အလုပ်လုပ်ပါမည်နည်း။
@@ -128,11 +132,27 @@ duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
128132
```
129133
* Ternary expression လို့ ဘာကြောင့်ခေါ်တာလဲ, "Ternary" ဆိုတာ ဘာကိုဆိုလိုချင်တာလဲ။
130134
* `"use strict";` က ဘာလဲ။ အားနည်းချက် အားသာချက်များကို ရှင်းပါ။
131-
* `100` အထိ loop ပါတ်ကာ `3` နှင့် စားလုိ့ပြတ်က **"fizz"** လို့ထုတ်ပြီး , `5` နှင့်စားလို့ပြတ်က `"buzz"` လို့ထုတ်ပါ။ `3` နှင့် `5` နှစ်ခုလုံးနှင့်စားလို့ပြတ်က **"fizzbuzz"** လို့ထုတ်ပါ။
135+
* `100` အထိ loop ပါတ်ကာ `3` နှင့် စားလုိ့ပြတ်က **"fizz"** လို့ထုတ်ပြီး , `5` နှင့်စားလို့ပြတ်က **"buzz"**လို့ထုတ်ပါ။ `3` နှင့် `5` နှစ်ခုလုံးနှင့်စားလို့ပြတ်က **"fizzbuzz"** လို့ထုတ်ပါ။
132136
* Website တစ်ခု၏ global scope ကို များသောအားြဖင့် မထိတာအကောင်းဆုံးြဖစ်ပါသလဲ။
133137
* `load` event ကို ဘာကြောင့်သုံးပါသလဲ။ အဲ့ဒီ့ event မှာ အားနည်းချက်များရှိပါသလား။ တခြားနည်းလမ်းတွေသိလား၊ ဘာလို့ အြခားနည်းလမ်းတွေသုံးမှာလဲ။
134138
* Single page app ဆိုတာဘာလဲ ရှင်းပြပေးပါ၊ ပြီးတော့ အဲ့ဒီ့ app တွေကို ဘယ်လို SEO-friendly ြဖစ်အောင်လုပ်မလဲ။
135139
* Promises သို့မဟုတ် သူတို့ရဲ့ polyfills တွေနဲ့ပါတ်သက်ြပီး အတွေ့အကြုံအကြောင်းပြောပြပါ။
140+
* Promise တွေကိုသုံးြခင်းနှင့် Callback တွေကိုသုံးခြင်းတို့၏ အားနည်းချက်၊ အားသာချက်များကို ရှင်းပါ။
141+
* Javascript ကို တခြား language တစ်ခုနှင့် develop လုပ်ပြီး Javascript သို့ compile လုပ်ခြင်းနှင့်ပါတ်သက်ပြီး အားနည်းချက် အားသာချက်များကို ပြောပြပါ။
142+
* ဘယ်လို tools တွေ၊ technique တွေကို သုံးပြီး javascript ကို debug လုပ်ပါသလဲ။
143+
* ဘယ်လို language construction ကိုသုံးပြီး object တစ်ခုရဲ့ properties တွေနှင့် array item တွေကို iterate လုပ်ပါသလဲ။
144+
* Mutable နှင့် immutable object တွေဘယ်လိုကွာခြားပါသလဲ။
145+
* Javascript မှာ ဘယ်လို object မျိုးသည် immutable object ဖြစ်ပါသလဲ။
146+
* Immutability ရဲ့ အားနည်းချက်၊ အားသာချက်များက ဘာတွေလဲ။
147+
* ကိုယ့်ရဲ့ code ထဲမှာ immutability ကို ဘယ်လို ရအောင်လုပ်နိုင်သလဲ။
148+
149+
#### Testing နှင့် သက်ဆိုင်သော မေးခွန်းများ
150+
<a name="testing-questions"></a>
151+
152+
* ကိုယ်ရေးတဲ့ code ကို test လုပ်ခြင်းအားဖြင့် ဘယ်လိုအားနည်းချက်၊ အားသာချက်များရှိပါသလဲ။
153+
* ကိုယ်ရေးတဲ့ code ရဲ့ functionality ကို test လုပ်ဖို့အတွက် ဘယ်လို tool တွေ သုံးမှာလဲ။
154+
* Unit test နဲ့ function/integration test တို့ ဘယ်လိုကွာခြားပါသလဲ။
155+
* Code style linting tool ရဲ့ ရည်ရွယ်ချက်ကို ပြောပါ။
136156

137157
#### Network နှင့်ပါတ်သက်သော မေးခွန်းများ
138158
<a name="network-questions"></a>
@@ -147,8 +167,7 @@ duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
147167
* Transfer-Encoding
148168
* ETag
149169
* X-Frame-Options
150-
* `GET` နှင့် `POST` ၏ ကွာြခားချက်များကိုရှင်းပါ။
151-
* `GET` နှင့် `HEAD` ၏ ကွာခြားချက်များကိုရှင်းပါ။
170+
* HTTP action ဆိုတာ ဘာတွေလဲ? သိသလောက် action တွေရဲ့ တစ်ခုချင်းစီအကြောင်း​ရှင်းပါ။
152171

153172
#### Coding နှင့်ပါတ်သက်သော မေးခွန်းများ <a name='coding-questions'></a>
154173

@@ -190,6 +209,14 @@ foo.push(1);
190209
foo.push(2);
191210
```
192211

212+
*Question: What is the value of `foo.x`?*
213+
214+
```javascript
215+
var foo = {n: 1};
216+
var bar = foo;
217+
foo.x = foo = {n: 2};
218+
```
219+
193220
#### အပျော်မေးခွန်းများ
194221
<a name="fun-questions"></a>
195222

@@ -202,8 +229,8 @@ foo.push(2);
202229

203230
#### Contributors:
204231

205-
This document started in 2009 as a collaboration of [@paul_irish](http://twitter.com/paul_irish) [@bentruyman](http://twitter.com/bentruyman) [@cowboy](http://twitter.com/cowboy) [@ajpiano](http://twitter.com/ajpiano) [@SlexAxton](http://twitter.com/slexaxton) [@boazsender](http://twitter.com/boazsender) [@miketaylr](http://twitter.com/miketaylr) [@vladikoff](http://twitter.com/vladikoff) [@gf3](http://twitter.com/gf3) [@jon_neal](http://twitter.com/jon_neal) [@sambreed](http://twitter.com/sambreed) and [@iansym](http://twitter.com/iansym).
232+
This document started in 2009 as a collaboration of [@paul_irish](https://twitter.com/paul_irish) [@bentruyman](https://twitter.com/bentruyman) [@cowboy](https://twitter.com/cowboy) [@ajpiano](https://twitter.com/ajpiano) [@SlexAxton](https://twitter.com/slexaxton) [@boazsender](https://twitter.com/boazsender) [@miketaylr](https://twitter.com/miketaylr) [@vladikoff](https://twitter.com/vladikoff) [@gf3](https://twitter.com/gf3) [@jon_neal](https://twitter.com/jon_neal) [@sambreed](https://twitter.com/sambreed) and [@iansym](https://twitter.com/iansym).
206233

207-
Burmese translation provided by [@mmhan](http://twitter.com/mmhan).
234+
It has since received contributions from over [100 developers](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors).
208235

209-
It has since received contributions from [100 developers](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors).
236+
Burmese translation provided by [@mmhan](http://twitter.com/mmhan).

0 commit comments

Comments
 (0)