Открытое техническое собеседование // Зар Захаров, Анастасия Шапошникова, Вадим Валыгин

[@doka-guide]

На стриме мы проводили эксперимент: можно ли найти в Доке ответы на вопросы из интервью. Оказалось на большинство - да, но некоторых статей нам, всё же, не хватило. Будет классно, если вы поможете дописать. Вот подборка REST Что такое REST. Такой статьи у нас нет, но есть упоминание вот тут doka.guide/tools/web-app-works/#rest Какие бывают запросы, какие отличия get- и post-запроса doka.guide/tools/web-app-works/#zaprosy-i-otvety doka.guide/tools/api/ Какие бывают статусы статьи нет, может быть пока 😏 Из чего состоит запрос doka.guide/tools/api/#soap Какие заголовки вы знаете: упоминаем тут doka.guide/tools/web-server/ Что ты знаешь про куки doka.guide/tools/browsers-storages/ doka.guide/js/cookie/ Отличия localStorage от sessionStorage doka.guide/js/local-storage/ doka.guide/js/session-storage/ Что такое CORS doka.guide/tools/cors/ Что такое Preflight-запрос Статьи тоже пока нет. Как браузер рисует страницы (для тех, кому надо основы) doka.guide/tools/how-the-browser-creates-pages/ Если статьи нет, то вы можете помочь проекту и написать статью. HTML Что такое DOCKTYPE - doka.guide/html/doctype/ Что такое DOM, Почему DOM деревом называется? - doka.guide/js/dom/ Какой главный тег? С чего начинается? - doka.guide/html/html/ doka.guide/html/head/ doka.guide/html/body/ Можно подключить стили в body? doka.guide/html/style/ Какие мета-теги знаешь? - doka.guide/html/meta/ не забывайте про description и keywords Каким тегом подключается фавиконка? - doka.guide/html/link/ Знаешь ли что-то про СЕО? - Начать тут - doka.guide/html/seo-for-beginners/ Какие бывают теги? - Парные и одиночные link и meta - парные или одиночные? Что мы видим в браузере кроме иконки? - doka.guide/html/title/ Где лучше всего подключать скрипты? - doka.guide/html/script/ Вспоминали async и defer - doka.guide/html/defer-async/ Какие различия для у div и span? - doka.guide/html/div/ doka.guide/html/span/ Чем отличается блочный от строчного элемента? - doka.guide/css/box-model/ Отличия display: block от display: inline-block - doka.guide/css/display/#kak-pishetsya Нововведения в HTML5 - Раздел Семантика - doka.guide/html/#semantika CSS Что такое CSS? - doka.guide/css/ Что такое каскад? - doka.guide/css/cascade/ Что такое специфичность? - Самый сильный специфичный элемент? - doka.guide/css/specificity/ Сильнее ли, !important, чем ID - doka.guide/css/important/ Как сделать анимацию в CSS - doka.guide/css/#animacii - целый раздел Следом вопрос про keyframe - doka.guide/css/keyframes/ Что такое псевдоэлементы - doka.guide/css/pseudoelements/ Что такое псевдоклассы - doka.guide/css/pseudoclasses/ Какие бывают position - doka.guide/css/position/ Есть элемент с position:absolute, внури которого есть другой position:absolute, относительно какого элемента будет дочерний position:absolyte - от ближайшего родителя, у которого отличается position от static Флексы или гриды? - doka.guide/css/grid-guide/ doka.guide/css/flexbox-guide/ Внутри div с флексом есть другой div, как центрировать дочерний div, не трогая родителя? - margin: auto Что сделает, margin: auto, если родитель не flex? doka.guide/css/margin/ Как оцентровать блок по центру? - doka.guide/recipes/center/ doka.guide/css/transform/ JS Hosting JS? - Как объявлять переменные? - Что будет, если обратимся к var, let, const до объявления? - doka.guide/js/var-let/ Области видимости - Замыкания - doka.guide/js/closures/ Temporal Dead Zone - такой статьи пока нет, но её можно написать Типизация в JS - doka.guide/js/typecasting/ doka.guide/tools/static-types/ Примитивные типы данных в JS - doka.guide/js/#primitivnye-tipy-dannyh Хранение по ссылке - doka.guide/js/ref-type-vs-value-type/ Функция - Стрелочные функции - Что такое контекст и this? - doka.guide/js/function/ doka.guide/js/function-context/ Event Loop - Асинхронность - doka.guide/js/async-in-js/ А ещё Зар рекомендовал посмотреть на вот эти книги, которые могут помочь вам с JS - Асинхронная обработка и оптимизация. Симпсон Кайл | Симпсон Кайл - Выразительный JavaScript. Современное веб-программирование | Хавербеке Марейн - Секреты JavaScript ниндзя. 2-е изд. - ES6 и не только | Симпсон Кайл

[@system-shock]

Благодарю за стрим. Это пример хорошего техсобеса без токсичности и с информационным фидбеком, который поможет в дальнейшем. Вадиму удачи😊 И у меня вопрос к Зару: Будет ли плюсом для фронтендера в Вашей команде наличие глубоких знаний в вёрстке или нужны только общие представления? Верстает отдельный человек, а логику пишет фронт или это обе задачи фронта?

[@Severenit]

В разных компаниях конечно по разному, в целом считается что верстка и фронт это неразделимые составляющие. Лично у нас в ВКонтакте, без верстки никуда, несмотря на то что уже давно использую дизайн систему. Вообще понимание не только базы а более детально вопроса, даст тебе возможность создавать более сложные системы) иихо конечно)

[@system-shock]

@@Severenit понял, спасибо)

[@rtyuijhgfdfghj4726]

Спасибо Зару и команде Доки! Получилось крутое и ламповое собеседование. Было бы здорово в будущем еще одно сделать, но с большим упором на JS и какой-нибудь фрэймворк (или библиотеку).

[@Severenit]

Может когда-нибудь позовут и на такое 😂

[@doka-guide]

Вопрос из алгоритмической части const arr = [3, 5, 2, 4, 3, 2, 5]; const findUniwue = () => { }; console.log(findUniwue(arr)); // Выввод: 4

[@baileysli6235]

А если несколько уникальных?

[@localhost666]

Кто-нибудь, объясните, пж, почему в задачке на вывод в консоль setTimeout "ST 2" , переданный напрямую в then, срабатывает раньше сеттаймаута "ST 3"? На момент вызова "ST 2" в очереди макротасок уже находятся "ST 1" и "ST 3". Каким образом передача "ST 2" напрямую, а не в коллбэке меняет эту очередность?

[@localhost666]

Кажется я сам понял. Когда промис резолвится, то метод then срабатывает СРАЗУ и отправляет переданный ему коллбэк в очередь микротасок. А в данном случае метод then передаёт функцию, которая сразу и вызывается, поэтому "ST 2" попадает в очередь макротасок раньше "ST 3", потому что интерпретатор ещё не дошёл до строчки с setTimeout "ST 3"