Easy Frontend Developer questions
34 questions · 5 points each for a correct first answer.
- 1.Semantic element for site navigationsemantic-html, accessibilityeasy
- 2.Width with border-boxcss, box-modeleasy
- 3.Block scope of letjavascript, scopeeasy
- 4.Loose vs strict equalityjavascript, type-coercioneasy
- 5.Centering with Flexboxcss, flexboxeasy
- 6.Why React lists need keysreact, reconciliationeasy
- 7.Alt text for a decorative imageaccessibility, semantic-htmleasy
- 8.Sync code runs before promise callbacksjavascript, event-loopeasy
- 9.Linking a label to an inputhtml-forms, accessibilityeasy
- 10.Default type of a form buttonhtml-formseasy
- 11.What 1rem is relative tocss, css-unitseasy
- 12.Where absolute elements are placedcss, css-positioningeasy
- 13.Hiding an element but keeping its spacecsseasy
- 14.typeof null and arraysjavascript, typeseasy
- 15.Changing a property of a const objectjavascripteasy
- 16.Grid columns with fr unitscss-grideasy
- 17.Media query for mobile-first CSSresponsive-design, csseasy
- 18.Page looks zoomed out on phonesresponsive-design, htmleasy
- 19.Numbers saved in localStoragebrowser-storage, javascripteasy
- 20.What fetch does on a 404fetch-api, javascripteasy
- 21.Input that ignores typingreact, react-formseasy
- 22.Changing a prop inside a childreact, react-stateeasy
- 23.Inspecting an API responsedevtools, debuggingeasy
- 24.Installing a test-only packagenpm, toolingeasy
- 25.Tailwind md: prefixtailwind-css, responsive-designeasy
- 26.TypeScript types at runtimetypescripteasy
- 27.Optional chaining on missing datajavascripteasy
- 28.?? versus || with zerojavascripteasy
- 29.Choosing a heading levelsemantic-html, accessibilityeasy
- 30.Minimum text contrast for WCAG AAaccessibilityeasy
- 31.Native lazy loading for imagesweb-performance, htmleasy
- 32.What defer does on a scriptweb-performance, htmleasy
- 33.Order of click handlersdom-events, javascripteasy
- 34.Sorting numbers without a comparatorjavascript, arrayseasy