<commit_before>#Front-end Anställningsfrågor

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.

[<NAME>](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.

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

  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
* [@ajpiano](http://ajpiano) - http://ajpiano.com
* [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
* [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
* [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
* [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
* [@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
* [@iansym](http://twitter.com/iansym) - http://twitter.com/iansym

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

* Vad lärde du dig igå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"?
	* Bonuspoäng för att beskriva "feature detection"
* 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)
    * Minska filstorleken (file minification)
    * Hosta via CDN
    * Caching
    * o.s.v.
* Varför är det bättre att servera 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 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 i år, vad skulle det vara?
* Vad är skillnaderna mellan long-polling, WebSockets och SSE?
* Beskriv varför det är viktigt med standarder och standardiseringsorganisationer.
* Vad är FOUC? Hur undviker du FOUC?
* Förklara så noggrannt du kan processen från att du skriver in en webbsidas URL till att sidan har laddats färdigt på din skärm.

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

* Vad gör en dokumenttyp (doctype)?
* 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`?
* 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å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.
* Kan du förklara skillnaden mellan `GET` och `POST`?

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

* Förklara vad en nollstä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 selektor.
* Förklara boxmodellen och hur du skulle göra i CSS för att få webbläsaren att rendera din layout i olika boxmodeller.
* Lista så många värden för display-egenskapen som du kan komma ihåg.
* Vad är skillnaden mellan inline och inline-block?
* Vad är skillnaden mellan element som är positionerade med relative, fixed, absolute och static?

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

* Förklara eventdelegering
* 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?
* 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.<commit_msg>Translate the new CSS questions that have been added to the English version.<commit_after>#Front-end Anställningsfrågor

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.

[<NAME>](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.

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

  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
* [@ajpiano](http://ajpiano) - http://ajpiano.com
* [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
* [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
* [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
* [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
* [@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
* [@iansym](http://twitter.com/iansym) - http://twitter.com/iansym

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

* Vad lärde du dig igå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"?
	* Bonuspoäng för att beskriva "feature detection"
* 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)
    * Minska filstorleken (file minification)
    * Hosta via CDN
    * Caching
    * o.s.v.
* Varför är det bättre att servera 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 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 i år, vad skulle det vara?
* Vad är skillnaderna mellan long-polling, WebSockets och SSE?
* Beskriv varför det är viktigt med standarder och standardiseringsorganisationer.
* Vad är FOUC? Hur undviker du FOUC?
* Förklara så noggrannt du kan processen från att du skriver in en webbsidas URL till att sidan har laddats färdigt på din skärm.

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

* Vad gör en dokumenttyp (doctype)?
* 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`?
* 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å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.
* Kan du förklara skillnaden mellan `GET` och `POST`?

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

* Förklara vad en nollstä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 selektor.
* Förklara boxmodellen och hur du skulle göra i CSS för att få webbläsaren att rendera din layout i olika boxmodeller.
* Vad gör ```* { box-sizing: border-box; }```? Vad är dess fördelar?
* Lista så många värden för display-egenskapen som du kan komma ihåg.
* Vad är skillnaden mellan inline och inline-block?
* Vad är skillnaden mellan element som är positionerade med relative, fixed, absolute och static?
* Vilka CSS-ramverk har du använt lokalt eller i produktion? (Twitter Bootstrap, PureCSS, Foundation etc.)
  * Om du kunde, hur skulle du förändra/förbättra dem?
* Har du lekt något med de nya CSS-specifikationerna för Flexbox och Grid?
  * I så fall, vad tycker du om dem ur ett prestandaperspektiv?

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

* Förklara eventdelegering
* 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?
* 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.
{'fraction_non_alphanumeric': 0.09635573386827148, 'fraction_numerical': 0.0029421598127716483, 'mean_word_length': 4.675901328273245, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2923175', 'n_tokens_mistral': 5662, 'n_tokens_neox': 5499, 'n_words': 1840}