# Вопросы для собесов фронта

https://code.yandex-team.ru
## вёрстка:
1. как сделать таблицу без тега table в html
1. flex vs grid
1. margin folding ― поведение маржинов во внутреннем и внешнем диве
## js:
1. var, const, let
1. func expressions vs declarations, arrow
1. event bubbling (ну и погружение) ― stopPropogation, preventDefault …
2. event loop, timers “Почему setTimeout не точный”
1. async exec
1. async/await ― promises
1. this, window, binding
1. prototypes and oop inheritance, Object.create
1. dom, querySelector, Nodes, NodeList laziness ([link](https://gist.github.com/BANOnotIT/d7bf45aebfebe5cd1714a353003da912))
1. Object.freeze, Object.keys, Array.from, …
1. classes in es5, static fields, syntax salt ([link](https://gist.github.com/BANOnotIT/6b28fad69e46becb46d27ca74952cb01))
1. equality, === vs Object.is
1. generators
1. Proxy
1. getters / setters
1. Symbols
1. chrome turbofan optimization tweaks
## ts:
1. unknown vs any // type guards
1. Generics, Utility Types
1. interfaces vs types
1. Conditional Types
1. Type Cast (`<T>something` vs `something as T`)
1. infer operator
1. never usage
## react:
1. useState ordering ― array store ([link](https://gist.github.com/BANOnotIT/848575bf380daddbddf218aa46d5eff8) -- что выведет в консоль? alpha: 1, beta: “a” ; alpha: “a”, beta: 1)
1. contexts
1. life cycle methods
1. error handling
1. Suspense
1. /* switch
styled-components themes (props, hoc, context)
Module CSS profits
Sass vars and mixins
1. portals
1. async rendering ― почему рендер вызвался после того как закончился рендер родителя ([link](https://gist.github.com/BANOnotIT/1696701b4f099af6c6b02d48fb1194c8) -- какой будет порядок вызова? parent, child 2, child1. [PoC](https://codesandbox.io/s/thirsty-http-6364k))
1. events
## общие:
1. Flux, MVC, MVVM (MVP), reactive programming
1. FP, pure functions

## после собеса:
https://es6-features.org/ ― как работает новый синтаксический сахар
https://learn.javascript.ru/ ― отличный онлайн учебник
https://typescriptlang.org/docs/ ― самая лучшая документация по TS
https://reactjs.org/ ― документация очень хорошая. Стоит посмотреть все статьи, ребята пишут разговорчивые и человеческим языком.