Skip to content

Commit

Permalink
Merge pull request #104 from mattiasw/master
Browse files Browse the repository at this point in the history 
Update of Swedish translation
  • Loading branch information
@darcyclarke
darcyclarke committed Dec 30, 2013
2 parents 3d2b18d + 0d3ade0 commit ae387fa
Showing 1 changed file with 133 additions and 146 deletions.
279 changes: 133 additions & 146 deletions Swedish/README.md
View file
@@ -1,14 +1,26 @@
#Front-end Anställningsfrågor

@version 2.0.0
Detta arkiv innehåller ett urval av frågor som kan ställas till den arbetssökande. Det är verkligen inte rekommenderat att ställa alla frågor här till samma person (det skulle ta timmar). Att välja ut ett par stycken från listan bör hjälpa dig besluta huruvida den arbetssökande uppfyller dina krav.

Detta arkiv innehåller ett urval av frågor som kan ställas till den arbetssökande. Det är verkligen inte rekommenderat att ställa alla frågor här till samma person (det skulle ta timmar). Att välja ut ett par stycken från listan bör hjälpa dig besluta hurvida den arbetssökande uppfyller dina krav.
[Rebecca Murphey](http://rmurphey.com/)s [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) är också en bra resurs att läsa in dig på innan du ger dig in i en intervju.

**Att tänka på:** Kom ihåg att många av de här frågorna är öppna och kan leda till intressanta diskussioner som berättar mer om personens kunskaper än vad en sluten fråga skulle.

####Ursprungliga skribenter
## <a name='toc'>Innehållsförteckning</a>

Majoriteten av de här frågorna var plockade från en [oksoclap](http://oksoclap.com/) tråd som skapades av [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) och bidrod till dessa gjordes av följande personer:
1. [Ursprungliga skribenter](#contributors)
1. [Allmänna frågor](#general)
1. [HTML-frågor](#html)
1. [CSS-frågor](#css)
1. [JS-frågor](#js)
1. [jQuery-frågor](#jquery)
1. [Kodfrågor](#jscode)
1. [Roliga frågor](#fun)
1. [Andra bra resurser](#references)

####[[⬆]](#toc) <a name='contributors'>Ursprungliga skribenter:</a>

Majoriteten av de här frågorna var plockade från en [oksoclap](http://oksoclap.com/)-tråd som skapades av [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) och bidrag till dessa gjordes av följande personer:

* [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
* [@cowboy](http://twitter.com/cowboy) - http://benalman.com
Expand All @@ -20,210 +32,185 @@ Majoriteten av de här frågorna var plockade från en [oksoclap](http://oksocla
* [@gf3](http://twitter.com/gf3) - http://gf3.ca
* [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
* [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
* [@darcy_clarke](http://twitter.com/darcy) - http://darcyclarke.me
* [@iansym](http://twitter.com)
* [@iansym](http://twitter.com/iansym) - http://twitter.com/iansym

####[[⬆]](#toc) <a name='general'>Allmänna frågor:</a>

### Allmänna frågor:
* Vilka versionshanterings-system har du använt(Git, SVN osv.)?
* I vilken utvecklingsmiljö sitter du helst? (OS, Editor, Webbläsare, Vektyg osv.)
* Vad lärde du dig i går/den här veckan?
* Vad tycker du är spännande eller intressant med kodning?
* Vilka övervägningar gör du angående gränssnitt, säkerhet, prestanda, SEO, underhållsmässighet och tekniker när du bygger en webbapplikation eller -plats?
* Berätta lite om den utvecklingsmiljö du helst sitter i? (OS, editor, webbläsare, verktyg o.s.v.)
* Kan du beskriva ditt arbetsflöde när du skapar en hemsida?
* Kan du beskriva skillnaden mellan 'progressive enhancement' och 'graceful degradation'?
* Kan du beskriva skillnaden mellan "progressive enhancement" och "graceful degradation"?
* Bonuspoäng för att beskriva "feature detection"
* Förklara vad som menas med "Semantic HTML".
* Vilken webbläsare använder du huvudsakligen och vilka utvecklingsverktyg använder du?
* Förklara vad som menas med semantisk HTML.
* Hur skulle du optimera en webbplats resurser?
* Söker en rad lösningar som kan innefatta:
* Sammanfoga filer (File concatenation)
* Minsta på filstorleken (file minification)
* Hosta via CDN
* Caching
* osv.
* Varför är det bättre skicka webbplatsen från en rad olika domäner?
* Hur många resurser kan en webbläsare ladda från en specifik domän åt gången?
* Nämn tre sätt att minska belastningen på en webbsida (uppfattad eller faktiskt laddningstid)
* Om du hoppade på ett projekt och de alla använde tabbar och du mellanrum, vad skulle du då göra?
* Föreslå att projektet använder sig av något som t.ex. EditConfig (http://editorconfig.org)
* Håll dig till sedvanligheterna (var konsekvent)
* `issue :retab! command`
* Söker en rad lösningar som kan innefatta:
* Sammanfoga filer (file concatenation)
* Minska filstorleken (file minification)
* Hosta via CDN
* Caching
* o.s.v.
* Varför är det bättre skicka webbplatsen från flera domäner?
* Hur många resurser kan en webbläsare ladda från en specifik domän åt gången?
* Nämn tre sätt att minska laddningstiden för en webbsida (uppfattad eller faktisk laddningstid).
* Om du hoppade på ett projekt och de använde tabbar och du mellanslag, vad skulle du då göra?
* Föreslå att projektet använder sig av något som t.ex. EditorConfig (http://editorconfig.org)
* Håll dig till konventionerna (var konsekvent)
* `issue :retab! command`
* Sätt ihop ett enkelt bildspel
* Bonuspoäng om det inte använder sig av javascript.
* Vilka verktyg använder du dig av för att testa di kods prestanda?
* JSPerf (http://jsperf.com/)
* Dromaeo (http://dromaeo.com/)
* osv.
* Bonuspoäng om det inte använder sig av JS.
* Vilka verktyg använder du dig av för att testa din kods prestanda?
* Profiler, JSPerf, Dromaeo
* Om du kunde bemästra en teknologi det här året, vad skulle det vara?
* Beskriv varför det är viktigt med en gemensam standard.
* Beskriv varför det är viktigt med standarder och standardiseringsorganisationer.
* Vad är FOUC? Hur undviker du FOUC?

### HTML-specifika frågor:
* Vad gör en dokumenttyp och hur många kan du namnge?
####[[⬆]](#toc) <a name='html'>HTML-frågor:</a>

* Vad gör en dokumenttyp?
* Vad är skillnaden mellan standard-läge och quirks-läge?
* Vilka begränsningar utsätts du för när du hanterar XHTML sidor?
* Finns det några problem med att skicka sidor som "application/xhtml+xml"?
* Vilka begränsningar utsätts du för när du hanterar XHTML-sidor?
* Finns det några problem med att skicka sidor som `application/xhtml+xml`?
* Hur skickar du en sida innehållandes flera språk?
* Vad måste du vara försiktig med när du designar eller utvecklar för flerspråks-sidor?
* Kan du använda XHTML syntax i HTML5?
* Hur använder du XML i HTML5?
* Varför är `data-` attributen så bra?
* Vad är innehållsmodellerna i HTML4 och hur skiljer de sig i HTML5?
* Tänk dig HTML5 som en öppen web plattform. Vad är byggstenarna i HTML5?
* Vad måste du vara försiktig med när du designar eller utvecklar för flerspråkssidor?
* Vad är `data-`-attributen bra för?
* Tänk dig HTML5 som en öppen webb-plattform. Vad är byggstenarna i HTML5?
* Beskriv skillnaden mellan cookies, sessionStorage och localStorage.

####[[⬆]](#toc) <a name='css'>CSS-frågor:</a>

### JS-Specifika frågor:

* Förklara händelse representanterna (event delegation)
* Förklara vad en återställnings(reset)-CSS-fil gör och varför den är användbar.
* Beskriv Floats och hur de fungerar.
* Vilka olika clearing-tekniker finns det och vilka passar för vilka sammanhang?
* Förklara CSS-sprites och hur du skulle implementera dem på en sida.
* Vilka är dina favorittekniker för bildersättning och vilka använder du i vilka situationer?
* CSS "property hacks", villkorligt inkluderade .css-filer eller något annat?
* Hur skickar du sidor till funktionsbegränsade webbläsare?
* Vilka tekniker/processer använder du?
* Vilka olika sätt finns det att visuellt dölja element (och bara göra dem tillgängliga för skärmläsare)?
* Har du någonsin använt ett rutnätsystem, och i sådana fall, vilket föredrar du?
* Har du använt eller implementerat mediafrågor eller mobilspecifika layouter/CSS:er?
* Någon erfarenhet av att styla SVG?
* Hur optimerar du dina webbplatser för utskrift?
* Vilka är några av de fallgropar som finns för att skriva effektiv CSS?
* Vilka är fördelarna/nackdelarna med att använda CSS-preprocessorer? (SASS, Compass, Stylus, LESS)
* Om du använt några själv, beskriv vad du gillar och ogillar med dem.
* Hur skulle du implementera en webbdesign som använder icke-standardiserade typsnitt?
* Webbtypsnitt (Typsnittstjänster som: Google webbtypsnitt, Typekit o.s.v.)
* Förklara hur en webbläsare bestämmer vilka element som matchar en CSS-väljare (selector).
* Förklara boxmodellen och hur du skulle göra i CSS för att få webbläsaren att rendera dina layout i olika boxmodeller.

####[[⬆]](#toc) <a name='js'>JS-frågor:</a>

* Förklara "event delegation"
* Förklara hur `this` fungerar i JavaScript
* Förklara hur prototypiskt arv fungerar
* Hur gör du för att testa ditt JavaScript?
* AMD eller CommonJS?
* Vilka JavaScript bibliotek har du använt?
* Har du någonsin kollat igenom källkoden till de bibliotek/ramverk du använder?
* Vad är en hashtable?
* Vad är `undefined` och `undeclared` variabler?
* Vad är en blockering (closure) och hur/varför vill du använda det?
* Ditt favoritmönster för att använda dem, argyle (Bara i IIFEs)
* Vad är ett typiskt användningsområde för en annonym funktion?
* Förklara "JavaScript module pattern" och varför du vill använda det.
* Bonuspoäng om man nämner rena namnplatser(clean namespacing)
* Tänk om dina moduler inte har några namnplatser?
* Vad är en hashtabell?
* Förklara varför följande inte fungerar som en IIFE: `function foo(){ }();`.
* Vad behöver ändras för att göra den till en fungerande IIFE?
* Vad är skillnaden mellan en variabel som är: `null`, `undefined` eller `undeclared`?
* Hur skulle du göra för att kolla efter någon av dessa?
* Vad är en "closure" och hur/varför vill du använda det?
* Vad är ett typiskt användningsområde för en anonym funktion?
* Förklara "JavaScript module pattern" och när du skulle vilja använda det.
* Bonuspoäng om man nämner rena namnrymder (clean namespacing)
* Tänk om dina moduler inte har några namnrymder?
* Hur organiserar du din kod? (module pattern, classical inheritance?)
* Vad är skillnaden mellan "host objects" och "native objects"?
* Skillnaden mellan:
```javascript
function Person(){} var person = Person() var person = new Person()
```
* Skillnaden mellan: `function Person(){}`, `var person = Person()` och `var person = new Person()`?
* Vad är skillnaden mellan `.call` och `.apply`?
* Förklara `Function.prototype.bind`?
* När optimerar du din kod?
* Kan du förklara hur arv fungerar i JavaScript?
* När skulle du använda `document.write()`?
* De flesta genererade reklamerna använder fortfarande `document.write()` även om de flesta ogillar det
* Vad är skillnaden mellan feature detection, feature inference, och använda UA string
* De flesta genererade reklamerna använder fortfarande `document.write()` även om de flesta ogillar det
* Vad är skillnaden mellan "feature detection", "feature inference", och att använda UA-strängen?
* Förklara AJAX så noggrant som möjligt
* Förklara hur JSONP fungerar(och varför det egentligen inte är AJAX)
* Har du någonsin använt någon JavaScript mall?
* Har du någonsin använt JavaScript templating?
* Om så är fallet, vilka? (T.ex. Mustache.js, Handlebars osv.)
* Förklara hur JSONP fungerar (och varför det egentligen inte är AJAX)
* Har du någonsin använt "JavaScript templating"?
* Om så är fallet, vilka bibliotek har du använt? (Mustache.js, Handlebars o.s.v.)
* Förklara "hoisting".
* Beskriv event bubbling.
* Beskriv "event bubbling".
* Vad är skillnaden mellan "attribute" och "property"?
* Varför är det inte bra att utvidga (extending) JavaScript objekt?
* Varför är det bra att utvidga inbyggt ins?
* Varför är det inte bra att utvidga (extend) inbyggda JavaScript-objekt?
* Varför är det bra att utvidga inbyggda JavaScript-objekt?
* Skillnaden mellan "document load event" och "document ready event"?
* Vad är skillnaden mellan `==` and `===`?
* Förklara hur du får en fråge-sträng parameter från webbläsarens URL fält.
* Vad är skillnaden mellan `==` och `===`?
* Förklara hur du får en frågesträngparameter från webbläsarfönstrets URL.
* Förklara "same-origin policy" med hänsyn till JavaScript.
* Förklara arv mönster i JavaScript.
* Få det här att fungera
```javascript
[1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
```
* Beskriv en strategi för "moemoization" (undvika uträkningsrepetioner) i JavaScript.
* Beskriv en strategi för "memoization" (undvika repetitioner av uträkningar) i JavaScript.
* Varför kallas det för "Ternary expression", vad menas med ordet "Ternary"?
* Vad är "the arity" av en funktion?
* Vad är `"use strict";`? Vad för- och nackdelar med att använda det?
* Vad är `"use strict";`? Vilka är för- och nackdelarna med att använda det?

### JS-Code Exempel:
####[[⬆]](#toc) <a name='jquery'>jQuery-frågor:</a>

* Förklara "chaining".
* Förklara "deferreds".
* Vad är några jQuery-optimeringar du kan göra?
* Vad gör `.end()`?
* Hur, och varför, skulle du "namespace a bound event handler"?
* Nämn fyra olika värden du kan skicka till jQuery-metoden.
* Selektor (sträng), HTML (sträng), Callback (funktion), HTMLElement, objekt, array, array av element, jQuery-objekt o.s.v.
* Vad är effects-kön (eller fx-kön)?
* Vad är skillnaden mellan `.get()`, `[]`, och `.eq()`?
* Vad är skillnaden mellan `.bind()`, `.live()`, och `.delegate()`?
* Vad är skillnaden mellan `$` och `$.fn`? Eller bara, vad är `$.fn`.
* Förbättra den här selektorn: `$(".foo div#bar:eq(0)")`

####[[⬆]](#toc) <a name='jscode'>Kodfrågor:</a>

```javascript
~~3.14
modulo(12, 5) // 2
```
Fråga: Vilket värde returneras från ovanstående?
**Svar: 3**
*Fråga: Implementera en modulofunktion som stämmer med ovan*

```javascript
"i'm a lasagna hog".split("").reverse().join("");
```
Fråga: Vilket värde returneras från ovanstående?

**Svar: "goh angasal a m'i"**

```javascript
( window.foo || ( window.foo = "bar" ) );
```
Fråga: Vad är värdet av window.foo?
**Svar: "bar"**
bara om window.foo var falskt annars skulle den behålla dess värde.
*Fråga: Vad är värdet av `window.foo`?*

**Svar: "bar"** *Bara om `window.foo` var "falsey", annars skulle den behålla dess värde.*

```javascript
var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
```
Fråga: Vad kommer de två alerterna att ropa ut?
*Fråga: Vad kommer de två alerterna att ropa ut?*

**Svar: "Hello World" & ReferenceError: bar is not defined**

```javascript
var foo = [];
foo.push(1);
foo.push(2);
```
Fråga: Vad är värdet av foo.length?
**Svar: `2`
*Fråga: Vad är värdet av `foo.length`?*

```javascript
var foo = {};
foo.bar = 'hello';
```
Fråga: Vad är värdet av foo.length?
**Svar: `undefined`
**Svar: `2`**

### jQuery-Specifika frågor:

* Förklara "chaining".
* Förklara "deferreds".
* Vad är några jQuery optimeringar du kan göra?
* Vad gör `.end()`?
* Hur, och varför, skulle du "namespace a bound event handler"?
* Nämn fyra olika värden du kan skicka till jQuery metoden
* Selektorn (sträng), HTML (sträng), Callback (funktion), HTMLElement, objekt, array, element array, jQuery objekt osv.
* Vad är effekt(effects)(or fx) kön?
* Vad är skillnaden mellan `.get()`, `[]`, och `.eq()`?
* Vad är skillnaden mellan `.bind()`, `.live()`, och `.delegate()`?
* Vad är skillnaden mellan `$` och `$.fn`? eller bara, vad är `$.fn`.
* Förbättra den här selektorn:
```javascript
$(".foo div#bar:eq(0)")
```
* Skillnaden mellan 'delegate()' och 'live()'?


### CSS-Specifika frågor:
* Förklara vad en återställnings (reset) CSS file gör och varför den är användbar.
* Beskriv Floats och hur de fungerar.
* Vilka olika återställningstekniker finns de och i vilka sammanhang är de relevanta?
* Beskriv "CSS sprites", och hur du skulle implementera dem på en sida.
* Vilka är dina favorit bild-ersättningstekniker och vilka använder du?
* CSS "property hacks",villkorligt inkluderade .css filer eller något annat?
* Hur skickar du sidor till funktions begränsade webbläsare?
* Vilka tekniker/processer använder du?
* Vilka olika sätt finns det att visuellt dölja element (och bara göra de tillgängligt för skärmläsare)?
* Har du någonsin använt ett rutnät-system, och i sådana fall, vilket föredrar du?
* Har du någonsin använt eller implementerat media frågor eller mobil-specifika layouter/CSSer?
* Någon erfarenhet av att styla SVG?
* Hur förbättrar du dina webbplatser för utskrift?
* Vilka är några av de "gotchas" som finns för att skriva effektiv CSS?
* Använder du CSS preprocessorer? (SASS, Compass, Stylus, LESS)
* I sådana fall, beskriv vad du gillar och ogillar med de du använt.
* Hur skulle du implementera en webdesign som använder icke-standardiserade typsnitt?
* Typsnitt (Typsnitts-tjänster som: Google web-typsnitt, Typekit osv.)
* Förklara hur en webbläsare bestämmer vilka element som matchar en CSS-väljare (selector)
####[[⬆]](#toc) <a name='fun'>Roliga frågor:</a>

* Vad är den coolaste grejen du någonsin har kodat och vad är du mest stolt över?
* Vilka är dina favoritdelar som finns i de utvecklarverktyg som du använder?
* Har du några egna projekt som du håller kära? I sådana fall vad för typer?
* Vilken är din favoritfunktion i Internet Explorer?

### Roliga alternativa frågor:
####[[⬆]](#toc) <a name='references'>Andra bra resurser:</a>

* Vad är den coolaste grejen du någonsin har kodat och vad är du mest stolt över?
* Känner du till HTML5-gang tecknet?
* Är du nu, eller har någonsin vart på en båt?
* Vilka är dina favorit-grejer som finns i dina utvecklarverktyg som du använder?
* Har du något eller några egna projekt som du håller kärt? I sådana fall vad för typer?
* Beskriv betydelsen av "cornify".
* På ett papper, skriv ner bokstäverna A B C D E verktikalt. Nu sätt de i fallande ordning utan att skriva en enda rad av kod.
* Vänta och se om de vänder på pappret upp och ner.
* Pirat eller ninja?
* Bonuspoäng om det är en kombination och en bra förklaring varför. (+2 för zombi-ap-pirat-ninjor)
* Om inte webutveckling, vad skulle du då helst göra?
* Vart i världen är Carmen Sandiego?
* Tips: Deras svar är alltid fel
* Vilken är din favorit-funktion i Internet Explorer?
* Avsluta den här meningen: Brendan Eich och Doug Crockford är __________ av JavaScript.
* jQuery: Ett bra bibliotek eller de bästa? Diskutera.
* http://www.w3schools.com/ eller http://w3fools.com/
* http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before
* http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
* http://css-tricks.com/interview-questions-css/

0 comments on commit ae387fa

Please sign in to comment.