From 2c2dc59a1ee0412adfba415e53cbd0e16c8009b2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sun, 13 Jan 2013 18:02:34 +0100 Subject: [PATCH 01/10] initial translations --- Slovenian/README.md | 259 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 259 insertions(+) create mode 100644 Slovenian/README.md diff --git a/Slovenian/README.md b/Slovenian/README.md new file mode 100644 index 000000000..12bf968e6 --- /dev/null +++ b/Slovenian/README.md @@ -0,0 +1,259 @@ +#Intervju vprašanja za front-end programerja + +@verzija 1.0 + +**Note:** This repo contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same candidate (that would take hours). Choosing a few items from this list should help you vet the intended skills you require. + +Keep in mind that many of these questions are open ended and could lead to interesting discussions that tell you more about the person's capabilities than a straight answer would. + +####Originalni Avtorji + +**Obvestil:o** večino teh vprašanj je bilo pobranih iz foruma, ustvarjenega in vzdrževanega od nasljednjih ljudi: + +* @bentruyman (http://bentruyman.com) +* @cowboy (http://benalman.com) +* @roger_raymond (http://twitter.com/iansym) +* @ajpiano (http://ajpiano.com) +* @paul_irish (http://paulirish.com) +* @SlexAxton (http://alexsexton.com) +* @boazsender (http://boazsender.com) +* @miketaylr (http://miketaylr.com) +* @vladikoff (http://vladfilippov.com) +* @gf3 (http://gf3.ca) +* @jon_neal (http://twitter.com/jon_neal) +* @wookiehangover (http://wookiehangover.com) +* @darcy_clarke (http://darcyclarke.me) +* @tairraos (http://xiaole.happylive.org) + +### Splošna vprašanja: + +* Ali uporabljaš Twitter? + * Če ja, katerim osebam slediš? +* Ali uporabljaš GitHub? + * Če ja, katerim repositorijem slediš? +* Katere bloge spremljaš? +* Katere programe za hranjenje verzij si uporabljal (Git, SVN, ...)? +* Katero okolje najraje uporabljaš za razvoj? (OS, editor, brskalnik, orodja, …) +* Lahko opišeš tvoj potek dela, ko kreiraš novo spletno stran? +* Can you describe the difference between progressive enhancement and graceful degradation? + * Bonus points for describing feature detection +* Razloži pojem "Semantičen HTML". +* What browser do you primarily develop in and what developer tools do you use? +* How would you optimize a websites assets/resources? + * Looking for a number of solutions which can include: + * File concatenation + * File minification + * CDN Hosted + * Caching + * etc. +* Why is it better to serve site assets from multiple domains? + * How many resources will a browser download from a given domain at a time? +* Name 3 ways to decrease page load. (perceived or actual load time) +* If you jumped on a project and they used tabs and you used spaces, what would you do? + * Suggest the project utilize something like EditorConfig (http://editorconfig.org) + * Conform to the conventions (stay consistant) + * `issue :retab! command` +* Ustvari preprosto prezentacijsko stran (slide-show) + * Bonus točke, če ne uporablja JS. +* What tools do you use to test your code's performance? + * JSPerf (http://jsperf.com/) + * Dromaeo (http://dromaeo.com/) + * etc. +* Če bi to leto lahko popolnoma osvojil novo tehnologijo, katera bi to bila? +* Explain the importance of standards and standards bodies. +* Kaj je FOUC? Kako se izogneš FOUC-u? + +### HTML-Specific Questions: + +* What's a `doctype` do, and how many can you name? +* What's the difference between standards mode and quirks mode? +* What are the limitations when serving XHTML pages? + * Are there any problems with serving pages as `application/xhtml+xml`? +* How do you serve a page with content in multiple languages? + * What kind of things must you be wary of when design or developing for multilingual sites? +* Can you use XHTML syntax in HTML5? +* How do you use XML in HTML5? +* What are `data-` attributes good for? +* What are the content models in HTML4 and are they different in HTML5? +* Consider HTML5 as an open web platform. What are the building blocks of HTML5? +* Describe the difference between cookies, sessionStorage and localStorage. + +### JS-Specific Questions + +* Which JavaScript libraries have you used? +* Have you ever looked at the source code of the libraries/frameworks you use? +* How is JavaScript different from Java? +* What's a hashtable? +* What are `undefined` and `undeclared` variables? +* What is a closure, and how/why would you use one? + * Your favorite pattern used to create them? argyle (Only applicable to IIFEs) +* What's a typical use case for anonymous functions? +* Explain the "JavaScript module pattern" and when you'd use it. + * Bonus points for mentioning clean namespacing. + * What if your modules are namespace-less? +* How do you organize your code? (module pattern, classical inheritance?) +* What's the difference between host objects and native objects? +* Difference between: +```javascript +function Person(){} var person = Person() var person = new Person() +``` +* What's the difference between `.call` and `.apply`? +* explain `Function.prototype.bind`? +* When do you optimize your code? +* Can you explain how inheritance works in JavaScript? +* When would you use `document.write()`? + * Most generated ads still utilize `document.write()` although its use is frowned upon +* What's the difference between feature detection, feature inference, and using the UA string +* Explain AJAX in as much detail as possible +* Explain how JSONP works (and how it's not really AJAX) +* Have you ever used JavaScript templating? + * If so, what libraries have you used? (Mustache.js, Handlebars etc.) +* Explain "hoisting". +* Describe event bubbling. +* What's the difference between an "attribute" and a "property"? +* Why is extending built in JavaScript objects not a good idea? +* Why is extending built ins a good idea? +* Difference between document load event and document ready event? +* What is the difference between `==` and `===`? +* Explain how you would get a query string parameter from the browser window's URL. +* Explain the same-origin policy with regards to JavaScript. +* Explain event delegation. +* Describe inheritance patterns in JavaScript. +* Make this work: +```javascript +[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5] +``` +* Describe a strategy for memoization (avoiding calculation repetition) in JavaScript. +* Why is it called a Ternary statement, what does the word "Ternary" indicate? +* What is the arity of a function? +* What is `"use strict";`? what are the advantages and disadvantages to using it? + +### JS-Code Examples: + +```javascript +~~3.14 +``` +Question: What value is returned from the above statement? +**Answer: 3** + +```javascript +"i'm a lasagna hog".split("").reverse().join(""); +``` +Question: What value is returned from the above statement? +**Answer: "goh angasal a m'i"** + +```javascript +( window.foo || ( window.foo = "bar" ) ); +``` +Question: What is the value of window.foo? +**Answer: "bar"** +only if window.foo was falsey otherwise it will retain its value. + +```javascript +var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar); +``` +Question: What is the outcome of the two alerts above? +**Answer: "Hello World" & ReferenceError: bar is not defined** + +```javascript +var foo = []; +foo.push(1); +foo.push(2); +``` +Question: What is the value of foo.length? +**Answer: `2` + +```javascript +var foo = {}; +foo.bar = 'hello'; +``` +Question: What is the value of foo.length? +**Answer: `undefined` + +```javascript +foo = foo||bar +``` +Question: What is the mean for? +**Answer: if(!foo) foo = bar + +```javascript +foo>>1 +``` +Question: What is the mean for? +**Answer: Math.floor(foo/2) + +```javascript +foo|0 +foo+.5|0 +``` +Question: What is the mean for? +**Answer: parseInt(foo) & Math.round(foo) + +```javascript +function foo(bar1, bar2, bar3){} +``` +Question: How to get the numbers of parameters? +**Answer: foo.length //this example is 3 + + +### jQuery-Specific Questions: + +* Explain "chaining". +* Explain "deferreds". +* What are some jQuery specific optimizations you can implement? +* What does `.end()` do? +* How, and why, would you namespace a bound event handler? +* Name 4 different values you can pass to the jQuery method. + * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc. +* What is the effects (or fx) queue? +* What is the difference between `.get()`, `[]`, and `.eq()`? +* What is the difference between `.bind()`, `.live()`, and `.delegate()`? +* What is the difference between `$` and `$.fn`? Or just what is `$.fn`. +* Optimize this selector: +```javascript +$(".foo div#bar:eq(0)") +``` +* Difference between 'delegate()' and 'live()'? + + +### CSS-Specific Questions: + +* Describe what a "reset" CSS file does and how it's useful. +* Describe Floats and how they work. +* What are the various clearing techniques and which is appropriate for what context? +* Explain CSS sprites, and how you would implement them on a page or site. +* What are your favourite image replacement techniques and which do you use when? +* CSS property hacks, conditionally included .css files, or... something else? +* How do you serve your pages for feature-constrained browsers? + * What techniques/processes do you use? +* What are the different ways to visually hide content (and make it available only for screen readers)? +* Have you ever used a grid system, and if so, what do you prefer? +* Have you used or implemented media queries or mobile specific layouts/CSS? +* Any familiarity with styling SVG? +* How do you optimize your webpages for print? +* What are some of the "gotchas" for writing efficient CSS? +* Do you use CSS preprocessors? (SASS, Compass, Stylus, LESS) + * If so, describe what you like and dislike about the CSS preprocessors you have used. +* How would you implement a web design comp that uses non-standard fonts? + * Webfonts (font services like: Google Webfonts, Typekit etc.) +* Explain how a browser determines what elements match a CSS selector? + +### Optional fun Questions: + +* What's the coolest thing you've ever coded, what are you most proud of? +* Do you know the HTML5 gang sign? +* Are you now, or have you ever been, on a boat. +* What are your favorite parts about the developer tools you use? +* Do you have any pet projects? What kind? +* Explain the significance of "cornify". +* On a piece of paper, write down the letters A B C D E vertically. Now put these in descending order without writing one line of code. + * Wait and see if they turn the paper upside down +* Pirate or Ninja? + * Bonus if it's a combo and a good reason was given (+2 for zombie monkey pirate ninjas) +* If not Web Development, what would you be doing? +* Where in the world is Carmen Sandiego? + * Hint: their answer is always wrong +* What's your favorite feature of Internet Explorer? +* Complete this sentence: Brendan Eich and Doug Crockford are the __________ of javascript. +* jQuery: a great library or the greatest library? Discuss. +* http://www.w3schools.com/ or http://w3fools.com/ From ae6b4f1353be9e3d20a36c13b6f1ec9b76428df4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sun, 13 Jan 2013 18:08:03 +0100 Subject: [PATCH 02/10] translate intro --- Slovenian/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index 12bf968e6..af37c3aa7 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -2,13 +2,13 @@ @verzija 1.0 -**Note:** This repo contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same candidate (that would take hours). Choosing a few items from this list should help you vet the intended skills you require. +**Obvestilo:** Ta repositorij vsebuje vrsto front-end vprašanj, ki se lahko uporabijo za preverjanje potencialnih kandidatov. Ni priporočljivo, da se vsa vprašanja uporabijo za vsakega kandidata (to bi trajalo ure). Izberite nekaj vprašanj, ki vam bodo pomagala preveriti kandidata za znanja, ki jih potrebujete. -Keep in mind that many of these questions are open ended and could lead to interesting discussions that tell you more about the person's capabilities than a straight answer would. +Mnogo teh vprašanj je odprtega tipa in lahko pripeljejo do zanimivih diskusij, ki vam bodo o kandidatih sporočili več, kot pa navaden kratek odgovor. ####Originalni Avtorji -**Obvestil:o** večino teh vprašanj je bilo pobranih iz foruma, ustvarjenega in vzdrževanega od nasljednjih ljudi: +**Obvestilo:** večino teh vprašanj je bilo pobranih iz foruma, ustvarjenega in vzdrževanega od nasljednjih ljudi: * @bentruyman (http://bentruyman.com) * @cowboy (http://benalman.com) From 8f182ddd382bdd53961063344f3a78f54a726ea3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sun, 13 Jan 2013 18:18:16 +0100 Subject: [PATCH 03/10] translate general section --- Slovenian/README.md | 44 ++++++++++++++++++++++---------------------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index af37c3aa7..e9ee08506 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -34,33 +34,33 @@ Mnogo teh vprašanj je odprtega tipa in lahko pripeljejo do zanimivih diskusij, * Katere bloge spremljaš? * Katere programe za hranjenje verzij si uporabljal (Git, SVN, ...)? * Katero okolje najraje uporabljaš za razvoj? (OS, editor, brskalnik, orodja, …) -* Lahko opišeš tvoj potek dela, ko kreiraš novo spletno stran? -* Can you describe the difference between progressive enhancement and graceful degradation? - * Bonus points for describing feature detection -* Razloži pojem "Semantičen HTML". -* What browser do you primarily develop in and what developer tools do you use? -* How would you optimize a websites assets/resources? - * Looking for a number of solutions which can include: - * File concatenation - * File minification - * CDN Hosted +* Lahko opišeš tvoj potek dela, ko kreiraš novo spletno stran? +* Lahko opišeš razliko med "progressive enhancement" in "graceful degradation"? + * bonus točke za opis "feature detection"-a +* Razloži pojem "Semantic HTML". +* V katerem brskalniku primarno razvijaš in katera orodja uporabljaš? +* Kako bi optimiziral nalaganje spletne strani (s stališča zahtevanih datotek)? + * Iščemo več rešitev, ki med drugimi vklučujejo tudi: + * Združevanje datotek + * Minifikacija datotek + * CDN gostovanje * Caching - * etc. -* Why is it better to serve site assets from multiple domains? - * How many resources will a browser download from a given domain at a time? -* Name 3 ways to decrease page load. (perceived or actual load time) -* If you jumped on a project and they used tabs and you used spaces, what would you do? - * Suggest the project utilize something like EditorConfig (http://editorconfig.org) - * Conform to the conventions (stay consistant) + * ... +* zakaj je bolje statične vsebine servirati z večih domen? + * Koliko različnih datotek bo brskalnik prenesel iz ene domene na enkrat? +* Naštej 3 načine za zmanjšanje "page load time"-a. (dejanski ali zaznavan "load time") +* Če bi se pridružil projektu, kjer uporabljajo "tab"-e, ti pa uporabljaš presledke, kaj bi storil? + * Predlog da se uporabi nekaj takega kot je EditorConfig (http://editorconfig.org) + * Se prilagodi * `issue :retab! command` * Ustvari preprosto prezentacijsko stran (slide-show) - * Bonus točke, če ne uporablja JS. -* What tools do you use to test your code's performance? + * Bonus točke, če ne uporablja JS. +* Katera orodja uporabljaš za testiranje performančnosti kode? * JSPerf (http://jsperf.com/) * Dromaeo (http://dromaeo.com/) - * etc. -* Če bi to leto lahko popolnoma osvojil novo tehnologijo, katera bi to bila? -* Explain the importance of standards and standards bodies. + * ... +* Če bi to leto lahko popolnoma osvojil novo tehnologijo, katera bi to bila? +* Razloži pomembnost standardov in organov za nadzorovanje standardov. * Kaj je FOUC? Kako se izogneš FOUC-u? ### HTML-Specific Questions: From 9e8d06f69789398e6422bee008560bd05ec035e2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sat, 19 Jan 2013 14:38:38 +0100 Subject: [PATCH 04/10] translate HTML section --- Slovenian/README.md | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index e9ee08506..cc85dae8c 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -63,20 +63,20 @@ Mnogo teh vprašanj je odprtega tipa in lahko pripeljejo do zanimivih diskusij, * Razloži pomembnost standardov in organov za nadzorovanje standardov. * Kaj je FOUC? Kako se izogneš FOUC-u? -### HTML-Specific Questions: +### HTML vprašanja: -* What's a `doctype` do, and how many can you name? -* What's the difference between standards mode and quirks mode? -* What are the limitations when serving XHTML pages? - * Are there any problems with serving pages as `application/xhtml+xml`? -* How do you serve a page with content in multiple languages? - * What kind of things must you be wary of when design or developing for multilingual sites? -* Can you use XHTML syntax in HTML5? -* How do you use XML in HTML5? -* What are `data-` attributes good for? -* What are the content models in HTML4 and are they different in HTML5? -* Consider HTML5 as an open web platform. What are the building blocks of HTML5? -* Describe the difference between cookies, sessionStorage and localStorage. +* Kaj naredi `doctype` in koliko različtih lahko našteješ? +* Kaj je razlika med "standards mode" in "quirks mode"? +* Kaj so omejitve pri serviranju XHTML strani? + * Ali so kakšni problemi pri servviranju strani z `application/xhtml+xml`? +* Kako serviraš stran z vsebino v večih jezikih? + * Na katere stvari moraš paziti ko dizajniraš ali programiraš večjezično stran? +* Ali lahko uporabljaš XHTML sintakso v HTML5? +* Kako uporabljaš XML v HTML5? +* Zakaj lahko uporabimo `data-` atribute? +* Kaj so "content models" v HTML4 in ali so različni v HTML5? +* Predpostavi da je HTML5 odprta spletna platforma. Kaj so gradniki HTML5? +* Opiši razliko med "cookies", "sessionStorage" in "localStorage". ### JS-Specific Questions From fd006578bbe6594144b3888b864bd903f593671c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sun, 27 Jan 2013 10:19:48 +0100 Subject: [PATCH 05/10] translate 'fun' section --- Slovenian/README.md | 34 ++++++++++++++++------------------ 1 file changed, 16 insertions(+), 18 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index cc85dae8c..09af5d6f7 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -238,22 +238,20 @@ $(".foo div#bar:eq(0)") * Webfonts (font services like: Google Webfonts, Typekit etc.) * Explain how a browser determines what elements match a CSS selector? -### Optional fun Questions: +### Opcijska zabavna vprašanja: -* What's the coolest thing you've ever coded, what are you most proud of? -* Do you know the HTML5 gang sign? -* Are you now, or have you ever been, on a boat. -* What are your favorite parts about the developer tools you use? -* Do you have any pet projects? What kind? -* Explain the significance of "cornify". -* On a piece of paper, write down the letters A B C D E vertically. Now put these in descending order without writing one line of code. - * Wait and see if they turn the paper upside down -* Pirate or Ninja? - * Bonus if it's a combo and a good reason was given (+2 for zombie monkey pirate ninjas) -* If not Web Development, what would you be doing? -* Where in the world is Carmen Sandiego? - * Hint: their answer is always wrong -* What's your favorite feature of Internet Explorer? -* Complete this sentence: Brendan Eich and Doug Crockford are the __________ of javascript. -* jQuery: a great library or the greatest library? Discuss. -* http://www.w3schools.com/ or http://w3fools.com/ +* Kaj je najbolj "cool" stvar, ki si jo sprogramiral/a? Na kaj si najbolj ponosen/a? +* Poznaš znak (logo) za HTML5? +* Ali si trenutno, oz. si kjda bil, na ladji? +* Najljubše stvari tvojih razvojnih orodij? +* Imaš kak zasebni projekt? Kakšen? +* Razloži pomembnost "cornify". +* Na list papirja napiši vertikalno črke A B C D E . Sedaj pa jih postavi v spuščajoči vrstni red, brez da napišeš vrstico kode. + * Počakaj če bo obrnil list papirja na glavo +* Pirat ali Ninja? + * Bonus točke če je kombiniran in je dal/a dober razlog (+2 za zombi opia pirat ninja) +* Če nebi bil/a web-developer, kaj bi počel/a? +* Najljubša lastnost Internet Explorerja? +* Dokončaj naslednji stavek: Brendan Eich in Doug Crockford sta __________ javascript-a. +* jQuery: dobra ali najboljša knjižnica? Debata. +* http://www.w3schools.com/ ali http://w3fools.com/ From fc08c30614e29c21d805d237ca3e8034c307fbb8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Wed, 30 Jan 2013 10:05:06 +0100 Subject: [PATCH 06/10] translate jQuery section --- Slovenian/README.md | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index 09af5d6f7..40f13d14f 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -196,24 +196,24 @@ Question: How to get the numbers of parameters? **Answer: foo.length //this example is 3 -### jQuery-Specific Questions: +### jQuery vprašanja: -* Explain "chaining". -* Explain "deferreds". -* What are some jQuery specific optimizations you can implement? -* What does `.end()` do? -* How, and why, would you namespace a bound event handler? -* Name 4 different values you can pass to the jQuery method. - * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc. -* What is the effects (or fx) queue? -* What is the difference between `.get()`, `[]`, and `.eq()`? -* What is the difference between `.bind()`, `.live()`, and `.delegate()`? -* What is the difference between `$` and `$.fn`? Or just what is `$.fn`. -* Optimize this selector: +* Razloži "chaining". +* Razloži "deferreds". +* Naštej nekaj, za jQuery specifičnih, optimizacij. +* Kaj naredi `.end()`? +* Kako, in zakaj, bi uporabil "namespace"-e za "event handler"-je? +* Naštej 4 različne vrednosti, ki jih lahko podač jQuery funkciji. + * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object, ... +* Kaj je "effects" vrsta (oz. fx)? +* Razlika med `.get()`, `[]`, in `.eq()`? +* Razlika med `.bind()`, `.live()`, in `.delegate()`? +* Razlika med `$` in `$.fn`? Oz. kaj je `$.fn`? +* Optimiziraj naslednji selektor: ```javascript $(".foo div#bar:eq(0)") ``` -* Difference between 'delegate()' and 'live()'? +* Razlika med 'delegate()' in 'live()'? ### CSS-Specific Questions: From 7459842e3a920302529066f343c1c59637a3b561 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sat, 2 Feb 2013 10:59:12 +0100 Subject: [PATCH 07/10] translate JS code section --- Slovenian/README.md | 42 +++++++++++++++++++++--------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index 40f13d14f..79abb1331 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -128,72 +128,72 @@ function Person(){} var person = Person() var person = new Person() * What is the arity of a function? * What is `"use strict";`? what are the advantages and disadvantages to using it? -### JS-Code Examples: +### JavaScript koda primeri: ```javascript ~~3.14 ``` -Question: What value is returned from the above statement? -**Answer: 3** +Vprašanje: Kaj je vrednost zgornjega stavka? +**Odgovor: 3** ```javascript "i'm a lasagna hog".split("").reverse().join(""); ``` -Question: What value is returned from the above statement? -**Answer: "goh angasal a m'i"** +Vprašanje: Kaj je vrednost zgornjega stavka? +**Odgovor: "goh angasal a m'i"** ```javascript ( window.foo || ( window.foo = "bar" ) ); ``` -Question: What is the value of window.foo? -**Answer: "bar"** -only if window.foo was falsey otherwise it will retain its value. +Vprašanje: Kaj je vrednost window.foo? +**Odgovor: "bar"** +samoe če je bil window.foo "lažen", drugače bo ohranil svojo vrednost. ```javascript var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar); ``` -Question: What is the outcome of the two alerts above? -**Answer: "Hello World" & ReferenceError: bar is not defined** +Vprašanje: Kaj je rezultat zgornjih dveh alert-ov? +**Odgovor: "Hello World" & ReferenceError: bar is not defined** ```javascript var foo = []; foo.push(1); foo.push(2); ``` -Question: What is the value of foo.length? -**Answer: `2` +Vprašanje: Kaj je vrednost od foo.length? +**Odgovor: `2` ```javascript var foo = {}; foo.bar = 'hello'; ``` -Question: What is the value of foo.length? +Vprašanje: Kaj je vrednost od foo.length? **Answer: `undefined` ```javascript foo = foo||bar ``` -Question: What is the mean for? -**Answer: if(!foo) foo = bar +Vprašanje: Kako bi lahko drugače napisal zgornji stavek? +*Odgovor: if(!foo) foo = bar ```javascript foo>>1 ``` -Question: What is the mean for? -**Answer: Math.floor(foo/2) +Vprašanje: Kako bi lahko drugače napisal zgornji stavek? +**Odgovor: Math.floor(foo/2) ```javascript foo|0 foo+.5|0 ``` -Question: What is the mean for? -**Answer: parseInt(foo) & Math.round(foo) +Vprašanje: Kako bi lahko drugače napisal zgornji stavek? +**Odgovor: parseInt(foo) & Math.round(foo) ```javascript function foo(bar1, bar2, bar3){} ``` -Question: How to get the numbers of parameters? -**Answer: foo.length //this example is 3 +Vprašanje: Kako dobiti število paremetrov podanih v funkcijo? +**Odgovor: foo.length // 3 za ta primer ### jQuery vprašanja: From 6253fab38596eec512c98b618bb1208dd56b210a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sun, 10 Feb 2013 11:57:17 +0100 Subject: [PATCH 08/10] translate CSS section --- Slovenian/README.md | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index 79abb1331..615e09158 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -216,27 +216,27 @@ $(".foo div#bar:eq(0)") * Razlika med 'delegate()' in 'live()'? -### CSS-Specific Questions: +### CSS vprašanja: -* Describe what a "reset" CSS file does and how it's useful. -* Describe Floats and how they work. -* What are the various clearing techniques and which is appropriate for what context? -* Explain CSS sprites, and how you would implement them on a page or site. -* What are your favourite image replacement techniques and which do you use when? -* CSS property hacks, conditionally included .css files, or... something else? -* How do you serve your pages for feature-constrained browsers? - * What techniques/processes do you use? -* What are the different ways to visually hide content (and make it available only for screen readers)? -* Have you ever used a grid system, and if so, what do you prefer? -* Have you used or implemented media queries or mobile specific layouts/CSS? -* Any familiarity with styling SVG? -* How do you optimize your webpages for print? -* What are some of the "gotchas" for writing efficient CSS? -* Do you use CSS preprocessors? (SASS, Compass, Stylus, LESS) - * If so, describe what you like and dislike about the CSS preprocessors you have used. -* How would you implement a web design comp that uses non-standard fonts? - * Webfonts (font services like: Google Webfonts, Typekit etc.) -* Explain how a browser determines what elements match a CSS selector? +* Opiši namen CSS "reset" datoteke in zakaj je uporabna. +* Opiši "float"-e in kako delujejo. +* Opiši različne "clearing" tehnike. +* Razloži CSS "sprite"-e in kako bi jih implementiral. +* Tvoje najljubše tehnike za zamenjavo slik? +* CSS hacki, pogojno vključene .css datoteke ali kaj drugega? +* Kako serviraš strani brskalnikom ki imajo omejen nabor funkcionalnosti? + * Katere tehnike/procese uporabljaš? +* Na katere načine lahko vizualno skriješ vsebino (tako da je navoljo samo "screen reader"-jem)? +* Si že kdaj uporabil/a "grid" sistem. Če ja, kateri ti je najljubši? +* Si že implementiral/a "media queries" ali za mobilnike specifičen HTML/CSS? +* Imaš kaj izkušenj s CSSjem v navezi s SVGjem? +* Kako optimizeraš strani za tiskanje? +* Naštej nekaj pasti pri pisanju efektivnega CSSja. +* Ali uporabljaš CSS pred-procesor (sass, compass, Stylus, LESS)? + * Če ja, opiši kaj ti je/ni všeč. +* Kako bi implementiral/a spletno stran, ki uporablja nestandardno tipografijo? + * Webfonts (google webfonts, typekit, …) +* Razloži kako brskalnik ugotovi kateri element pripada kateremu CSS selektorju. ### Opcijska zabavna vprašanja: From d7d021bf10eded4db9f75e57736608d562678383 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sun, 10 Feb 2013 12:21:09 +0100 Subject: [PATCH 09/10] translate JS section --- Slovenian/README.md | 83 ++++++++++++++++++++++----------------------- 1 file changed, 40 insertions(+), 43 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index 615e09158..43bcbeace 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -78,55 +78,52 @@ Mnogo teh vprašanj je odprtega tipa in lahko pripeljejo do zanimivih diskusij, * Predpostavi da je HTML5 odprta spletna platforma. Kaj so gradniki HTML5? * Opiši razliko med "cookies", "sessionStorage" in "localStorage". -### JS-Specific Questions - -* Which JavaScript libraries have you used? -* Have you ever looked at the source code of the libraries/frameworks you use? -* How is JavaScript different from Java? -* What's a hashtable? -* What are `undefined` and `undeclared` variables? -* What is a closure, and how/why would you use one? - * Your favorite pattern used to create them? argyle (Only applicable to IIFEs) -* What's a typical use case for anonymous functions? -* Explain the "JavaScript module pattern" and when you'd use it. - * Bonus points for mentioning clean namespacing. - * What if your modules are namespace-less? -* How do you organize your code? (module pattern, classical inheritance?) -* What's the difference between host objects and native objects? -* Difference between: +### JavaScript vprašanja: + +* Katere JavaScript knjižnice si že uporabljal/a? +* Si kdaj gledal/a izvorno kodo knjižnic/ogrodij, i si jih uporabljal/a? +* Razlika med Java in JavaScript? +* Kaj je "hashtable"? +* Kaj sta `undefined` in `undeclared` spremenljivki? +* Kaj je "closure", in zakaj/kako bi jo uporabil/a? +* Tipičen primer uporabe anonimnih funkcij? +* Razloži "JavaScript module pattern" in kdaj bi ga uporabil/a. + * Bonus točke če omeni "clean namespacing". +* Kako organiziraš svojo kodo? (module pattern, classical inheritance?) +* Razlika med "host object" in "native object"? +* Razlika med: ```javascript function Person(){} var person = Person() var person = new Person() ``` -* What's the difference between `.call` and `.apply`? -* explain `Function.prototype.bind`? -* When do you optimize your code? -* Can you explain how inheritance works in JavaScript? -* When would you use `document.write()`? - * Most generated ads still utilize `document.write()` although its use is frowned upon -* What's the difference between feature detection, feature inference, and using the UA string -* Explain AJAX in as much detail as possible -* Explain how JSONP works (and how it's not really AJAX) -* Have you ever used JavaScript templating? - * If so, what libraries have you used? (Mustache.js, Handlebars etc.) -* Explain "hoisting". -* Describe event bubbling. -* What's the difference between an "attribute" and a "property"? -* Why is extending built in JavaScript objects not a good idea? -* Why is extending built ins a good idea? -* Difference between document load event and document ready event? -* What is the difference between `==` and `===`? -* Explain how you would get a query string parameter from the browser window's URL. -* Explain the same-origin policy with regards to JavaScript. -* Explain event delegation. -* Describe inheritance patterns in JavaScript. -* Make this work: +* Razlika med `.call` in `.apply`? +* Razloži `Function.prototype.bind`? +* Kdaj optimiziraš kodo? +* Ali lahko razložiš dedovanje v JavaScript-u? +* Kdaj bi uporabil/a `document.write()`? +* Razlika med zaznavanjem funkcionalnosti, sklepanjem o funkcionalnosti in uporabljanjem UA niza. +* Razloži AJAX s čim več detajli. +* Razloži kako deluje JSONP (in zakaj to ni res AJAX). +* Si že kdaj uporabil/a JavaScript "templates"-e? + * Če ja, katere knjižnice si uporabil/a? (Mustache.js, Handlebars etc.) +* Razloži "hoisting". +* Opiši "event bubbling". +* Razlika med "attribute" in "property"? +* Zakaj je razširjanje vgrajenih JS objektov slaba ideja? +* Zakaj je razširjanje vgrajenih JS objektov dobra ideja? +* Razlika med "document load" in "document ready"? +* Razlika med `==` in `===`? +* Kako bi dobil URL GET parameter? +* Razloži "same-origin policy". +* Razloži "event delegation". +* Razloži različne načine doseganja dedovanja. +* Napiši kodo za "duplicator()" funkcijo: ```javascript [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5] ``` -* Describe a strategy for memoization (avoiding calculation repetition) in JavaScript. -* Why is it called a Ternary statement, what does the word "Ternary" indicate? -* What is the arity of a function? -* What is `"use strict";`? what are the advantages and disadvantages to using it? +* Opiši strategijo za pomnenje (izogibanje ponovnemu računanju). +* Od kod ime "Ternary statement", kaj označuje beseda "Ternary"? +* Kaj je "arity" funkcije? +* Kaj je `"use strict";`? Prednosti/slabosti? ### JavaScript koda primeri: From 27faf0b6bab382f69e0f096ccbf61dd217d29fb0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Han=C4=8Di=C4=8D?= Date: Sun, 10 Feb 2013 12:27:21 +0100 Subject: [PATCH 10/10] finishing touches --- Slovenian/README.md | 62 ++++++++++++++++++++++----------------------- 1 file changed, 31 insertions(+), 31 deletions(-) diff --git a/Slovenian/README.md b/Slovenian/README.md index 43bcbeace..540ff232c 100644 --- a/Slovenian/README.md +++ b/Slovenian/README.md @@ -27,61 +27,61 @@ Mnogo teh vprašanj je odprtega tipa in lahko pripeljejo do zanimivih diskusij, ### Splošna vprašanja: -* Ali uporabljaš Twitter? +* Ali uporabljaš Twitter? * Če ja, katerim osebam slediš? -* Ali uporabljaš GitHub? - * Če ja, katerim repositorijem slediš? -* Katere bloge spremljaš? -* Katere programe za hranjenje verzij si uporabljal (Git, SVN, ...)? -* Katero okolje najraje uporabljaš za razvoj? (OS, editor, brskalnik, orodja, …) +* Ali uporabljaš GitHub? + * Če ja, katerim repositorijem slediš? +* Katere bloge spremljaš? +* Katere programe za hranjenje verzij si uporabljal/a (Git, SVN, ...)? +* Katero okolje najraje uporabljaš za razvoj? (OS, editor, brskalnik, orodja, …) * Lahko opišeš tvoj potek dela, ko kreiraš novo spletno stran? * Lahko opišeš razliko med "progressive enhancement" in "graceful degradation"? * bonus točke za opis "feature detection"-a -* Razloži pojem "Semantic HTML". +* Razloži pojem "Semantic HTML". * V katerem brskalniku primarno razvijaš in katera orodja uporabljaš? -* Kako bi optimiziral nalaganje spletne strani (s stališča zahtevanih datotek)? +* Kako bi optimiziral/a nalaganje spletne strani (s stališča zahtevanih datotek)? * Iščemo več rešitev, ki med drugimi vklučujejo tudi: * Združevanje datotek * Minifikacija datotek * CDN gostovanje * Caching * ... -* zakaj je bolje statične vsebine servirati z večih domen? +* Zakaj je bolje statične vsebine servirati z večih domen? * Koliko različnih datotek bo brskalnik prenesel iz ene domene na enkrat? -* Naštej 3 načine za zmanjšanje "page load time"-a. (dejanski ali zaznavan "load time") -* Če bi se pridružil projektu, kjer uporabljajo "tab"-e, ti pa uporabljaš presledke, kaj bi storil? +* Naštej 3 načine za zmanjšanje "page load time"-a. (dejanski ali zaznavan "load time"). +* Če bi se pridružil/a projektu, kjer uporabljajo "tab"-e, ti pa uporabljaš presledke, kaj bi storil/a? * Predlog da se uporabi nekaj takega kot je EditorConfig (http://editorconfig.org) * Se prilagodi * `issue :retab! command` -* Ustvari preprosto prezentacijsko stran (slide-show) +* Ustvari preprosto prezentacijsko stran (slide-show). * Bonus točke, če ne uporablja JS. * Katera orodja uporabljaš za testiranje performančnosti kode? * JSPerf (http://jsperf.com/) * Dromaeo (http://dromaeo.com/) * ... -* Če bi to leto lahko popolnoma osvojil novo tehnologijo, katera bi to bila? +* Če bi to leto lahko popolnoma osvojil/a novo tehnologijo, katera bi to bila? * Razloži pomembnost standardov in organov za nadzorovanje standardov. -* Kaj je FOUC? Kako se izogneš FOUC-u? +* Kaj je FOUC? Kako se izogneš FOUC-u? ### HTML vprašanja: * Kaj naredi `doctype` in koliko različtih lahko našteješ? * Kaj je razlika med "standards mode" in "quirks mode"? * Kaj so omejitve pri serviranju XHTML strani? - * Ali so kakšni problemi pri servviranju strani z `application/xhtml+xml`? + * Ali so kakšni problemi pri servviranju strani z `application/xhtml+xml`? * Kako serviraš stran z vsebino v večih jezikih? * Na katere stvari moraš paziti ko dizajniraš ali programiraš večjezično stran? -* Ali lahko uporabljaš XHTML sintakso v HTML5? -* Kako uporabljaš XML v HTML5? +* Ali lahko uporabljaš XHTML sintakso v HTML5? +* Kako uporabljaš XML v HTML5? * Zakaj lahko uporabimo `data-` atribute? * Kaj so "content models" v HTML4 in ali so različni v HTML5? * Predpostavi da je HTML5 odprta spletna platforma. Kaj so gradniki HTML5? -* Opiši razliko med "cookies", "sessionStorage" in "localStorage". +* Opiši razliko med "cookies", "sessionStorage" in "localStorage". ### JavaScript vprašanja: * Katere JavaScript knjižnice si že uporabljal/a? -* Si kdaj gledal/a izvorno kodo knjižnic/ogrodij, i si jih uporabljal/a? +* Si kdaj gledal/a izvorno kodo knjižnic/ogrodij, ki si jih uporabljal/a? * Razlika med Java in JavaScript? * Kaj je "hashtable"? * Kaj sta `undefined` in `undeclared` spremenljivki? @@ -144,7 +144,7 @@ Vprašanje: Kaj je vrednost zgornjega stavka? ``` Vprašanje: Kaj je vrednost window.foo? **Odgovor: "bar"** -samoe če je bil window.foo "lažen", drugače bo ohranil svojo vrednost. +samo če je bil window.foo "lažen", drugače bo ohranil svojo vrednost. ```javascript var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar); @@ -170,20 +170,20 @@ Vprašanje: Kaj je vrednost od foo.length? ```javascript foo = foo||bar ``` -Vprašanje: Kako bi lahko drugače napisal zgornji stavek? +Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek? *Odgovor: if(!foo) foo = bar ```javascript foo>>1 ``` -Vprašanje: Kako bi lahko drugače napisal zgornji stavek? +Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek? **Odgovor: Math.floor(foo/2) ```javascript foo|0 foo+.5|0 ``` -Vprašanje: Kako bi lahko drugače napisal zgornji stavek? +Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek? **Odgovor: parseInt(foo) & Math.round(foo) ```javascript @@ -198,9 +198,9 @@ Vprašanje: Kako dobiti število paremetrov podanih v funkcijo? * Razloži "chaining". * Razloži "deferreds". * Naštej nekaj, za jQuery specifičnih, optimizacij. -* Kaj naredi `.end()`? -* Kako, in zakaj, bi uporabil "namespace"-e za "event handler"-je? -* Naštej 4 različne vrednosti, ki jih lahko podač jQuery funkciji. +* Kaj naredi `.end()`? +* Kako, in zakaj, bi uporabil/a "namespace"-e za "event handler"-je? +* Naštej 4 različne vrednosti, ki jih lahko podaš jQuery funkciji. * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object, ... * Kaj je "effects" vrsta (oz. fx)? * Razlika med `.get()`, `[]`, in `.eq()`? @@ -218,11 +218,11 @@ $(".foo div#bar:eq(0)") * Opiši namen CSS "reset" datoteke in zakaj je uporabna. * Opiši "float"-e in kako delujejo. * Opiši različne "clearing" tehnike. -* Razloži CSS "sprite"-e in kako bi jih implementiral. +* Razloži CSS "sprite"-e in kako bi jih implementiral/a. * Tvoje najljubše tehnike za zamenjavo slik? * CSS hacki, pogojno vključene .css datoteke ali kaj drugega? * Kako serviraš strani brskalnikom ki imajo omejen nabor funkcionalnosti? - * Katere tehnike/procese uporabljaš? + * Katere tehnike/procese uporabljaš? * Na katere načine lahko vizualno skriješ vsebino (tako da je navoljo samo "screen reader"-jem)? * Si že kdaj uporabil/a "grid" sistem. Če ja, kateri ti je najljubši? * Si že implementiral/a "media queries" ali za mobilnike specifičen HTML/CSS? @@ -239,14 +239,14 @@ $(".foo div#bar:eq(0)") * Kaj je najbolj "cool" stvar, ki si jo sprogramiral/a? Na kaj si najbolj ponosen/a? * Poznaš znak (logo) za HTML5? -* Ali si trenutno, oz. si kjda bil, na ladji? +* Ali si trenutno, oz. si kdaj bil/a, na ladji? * Najljubše stvari tvojih razvojnih orodij? * Imaš kak zasebni projekt? Kakšen? * Razloži pomembnost "cornify". * Na list papirja napiši vertikalno črke A B C D E . Sedaj pa jih postavi v spuščajoči vrstni red, brez da napišeš vrstico kode. - * Počakaj če bo obrnil list papirja na glavo + * Počakaj če bo obrnil/a list papirja na glavo * Pirat ali Ninja? - * Bonus točke če je kombiniran in je dal/a dober razlog (+2 za zombi opia pirat ninja) + * Bonus točke če je kombiniran/a in je dal/a dober razlog (+2 za zombi opica pirat ninja) * Če nebi bil/a web-developer, kaj bi počel/a? * Najljubša lastnost Internet Explorerja? * Dokončaj naslednji stavek: Brendan Eich in Doug Crockford sta __________ javascript-a.