@@ -10,12 +10,12 @@ This repo contains a number of front-end interview questions that can be used wh
10
10
11
11
1 . [ Original Contributors] ( #contributors )
12
12
1 . [ General Questions] ( #general )
13
- 1 . [ HTML-Specific Questions] ( #html )
14
- 1 . [ JS-Specific Questions] ( #js )
15
- 1 . [ JS-Code Questions] ( #jscode )
16
- 1 . [ jQuery-Specific Questions] ( #jquery )
17
- 1 . [ CSS-Specific Questions] ( #css )
18
- 1 . [ Optional fun Questions] ( #optional )
13
+ 1 . [ HTML Questions] ( #html )
14
+ 1 . [ CSS Questions] ( #css )
15
+ 1 . [ JS Questions] ( #js )
16
+ 1 . [ jQuery Questions] ( #jquery )
17
+ 1 . [ Coding Questions] ( #jscode )
18
+ 1 . [ Fun Questions] ( #fun )
19
19
20
20
####<a name =' contributors ' >Original Contributors:</a >
21
21
@@ -68,7 +68,7 @@ The majority of the questions were plucked from an [oksoclap](http://oksoclap.co
68
68
69
69
** [[ ⬆]] ( #toc ) **
70
70
71
- ####<a name =' html ' >HTML-Specific Questions:</a >
71
+ ####<a name =' html ' >HTML Questions:</a >
72
72
73
73
* What's a ` doctype ` do?
74
74
* What's the difference between standards mode and quirks mode?
@@ -82,7 +82,32 @@ The majority of the questions were plucked from an [oksoclap](http://oksoclap.co
82
82
83
83
** [[ ⬆]] ( #toc ) **
84
84
85
- ####<a name =' js ' >JS-Specific Questions:</a >
85
+ ####<a name =' css ' >CSS Questions:</a >
86
+
87
+ * Describe what a "reset" CSS file does and how it's useful.
88
+ * Describe Floats and how they work.
89
+ * What are the various clearing techniques and which is appropriate for what context?
90
+ * Explain CSS sprites, and how you would implement them on a page or site.
91
+ * What are your favourite image replacement techniques and which do you use when?
92
+ * CSS property hacks, conditionally included .css files, or... something else?
93
+ * How do you serve your pages for feature-constrained browsers?
94
+ * What techniques/processes do you use?
95
+ * What are the different ways to visually hide content (and make it available only for screen readers)?
96
+ * Have you ever used a grid system, and if so, what do you prefer?
97
+ * Have you used or implemented media queries or mobile specific layouts/CSS?
98
+ * Any familiarity with styling SVG?
99
+ * How do you optimize your webpages for print?
100
+ * What are some of the "gotchas" for writing efficient CSS?
101
+ * What are the advantages/disadvantages of using CSS preprocessors? (SASS, Compass, Stylus, LESS)
102
+ * If so, describe what you like and dislike about the CSS preprocessors you have used.
103
+ * How would you implement a web design comp that uses non-standard fonts?
104
+ * Webfonts (font services like: Google Webfonts, Typekit etc.)
105
+ * Explain how a browser determines what elements match a CSS selector?
106
+ * Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
107
+
108
+ ** [[ ⬆]] ( #toc ) **
109
+
110
+ ####<a name =' js ' >JS Questions:</a >
86
111
87
112
* Explain event delegation
88
113
* Explain how ` this ` works in JavaScript
@@ -138,7 +163,28 @@ function Person(){} var person = Person() var person = new Person()
138
163
139
164
** [[ ⬆]] ( #toc ) **
140
165
141
- ####<a name =' jscode ' >JS-Code Questions:</a >
166
+ ####<a name =' jquery ' >jQuery Questions:</a >
167
+
168
+ * Explain "chaining".
169
+ * Explain "deferreds".
170
+ * What are some jQuery specific optimizations you can implement?
171
+ * What does ` .end() ` do?
172
+ * How, and why, would you namespace a bound event handler?
173
+ * Name 4 different values you can pass to the jQuery method.
174
+ * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc.
175
+ * What is the effects (or fx) queue?
176
+ * What is the difference between ` .get() ` , ` [] ` , and ` .eq() ` ?
177
+ * What is the difference between ` .bind() ` , ` .live() ` , and ` .delegate() ` ?
178
+ * What is the difference between ` $ ` and ` $.fn ` ? Or just what is ` $.fn ` .
179
+ * Optimize this selector:
180
+ ``` javascript
181
+ $ (" .foo div#bar:eq(0)" )
182
+ ```
183
+ * Difference between 'delegate()' and 'live()'?
184
+
185
+ ** [[ ⬆]] ( #toc ) **
186
+
187
+ ####<a name =' jscode ' >Code Questions:</a >
142
188
143
189
``` javascript
144
190
~~ 3.14
@@ -182,53 +228,7 @@ Question: What is the value of foo.length?
182
228
183
229
** [[ ⬆]] ( #toc ) **
184
230
185
- ####<a name =' jquery ' >jQuery-Specific Questions:</a >
186
-
187
- * Explain "chaining".
188
- * Explain "deferreds".
189
- * What are some jQuery specific optimizations you can implement?
190
- * What does ` .end() ` do?
191
- * How, and why, would you namespace a bound event handler?
192
- * Name 4 different values you can pass to the jQuery method.
193
- * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc.
194
- * What is the effects (or fx) queue?
195
- * What is the difference between ` .get() ` , ` [] ` , and ` .eq() ` ?
196
- * What is the difference between ` .bind() ` , ` .live() ` , and ` .delegate() ` ?
197
- * What is the difference between ` $ ` and ` $.fn ` ? Or just what is ` $.fn ` .
198
- * Optimize this selector:
199
- ``` javascript
200
- $ (" .foo div#bar:eq(0)" )
201
- ```
202
- * Difference between 'delegate()' and 'live()'?
203
-
204
- ** [[ ⬆]] ( #toc ) **
205
-
206
- ####<a name =' css ' >CSS-Specific Questions:</a >
207
-
208
- * Describe what a "reset" CSS file does and how it's useful.
209
- * Describe Floats and how they work.
210
- * What are the various clearing techniques and which is appropriate for what context?
211
- * Explain CSS sprites, and how you would implement them on a page or site.
212
- * What are your favourite image replacement techniques and which do you use when?
213
- * CSS property hacks, conditionally included .css files, or... something else?
214
- * How do you serve your pages for feature-constrained browsers?
215
- * What techniques/processes do you use?
216
- * What are the different ways to visually hide content (and make it available only for screen readers)?
217
- * Have you ever used a grid system, and if so, what do you prefer?
218
- * Have you used or implemented media queries or mobile specific layouts/CSS?
219
- * Any familiarity with styling SVG?
220
- * How do you optimize your webpages for print?
221
- * What are some of the "gotchas" for writing efficient CSS?
222
- * What are the advantages/disadvantages of using CSS preprocessors? (SASS, Compass, Stylus, LESS)
223
- * If so, describe what you like and dislike about the CSS preprocessors you have used.
224
- * How would you implement a web design comp that uses non-standard fonts?
225
- * Webfonts (font services like: Google Webfonts, Typekit etc.)
226
- * Explain how a browser determines what elements match a CSS selector?
227
- * Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
228
-
229
- ** [[ ⬆]] ( #toc ) **
230
-
231
- ####<a name =' optional ' >Optional fun Questions:</a >
231
+ ####<a name =' fun ' >Fun Questions:</a >
232
232
233
233
* What's the coolest thing you've ever coded, what are you most proud of?
234
234
* What are your favorite parts about the developer tools you use?
0 commit comments