какую проблему решает react
Вопросы для собеседования по базовым понятиям React
1) Что такое виртуальный DOM? Как виртуальный DOM повышает производительность React?
Подобно «настоящему» DOM, виртуальная модель DOM представляет собой дерево узлов, в котором элементы, их атрибуты и содержимое перечислены в виде объектов и свойств. Метод render() в ReactDOM создает дерево узлов из компонентов React и обновляет это дерево в ответ на мутации в модели данных, вызванные действиями.
Всякий раз, когда что-либо изменяется, весь пользовательский интерфейс сначала ре-рендерится в виртуальном представлении DOM. Вычисляется разница между предыдущим виртуальным представлением DOM и текущим. «Настоящий» DOM обновляется с учетом того, что действительно изменилось. Обновление виртуального DOM происходит очень быстро по сравнению с ре-рендерингом в реальном браузере. Следовательно, производительность улучшается.
3)У нас есть фрагмент кода JSX
Напишите чистый код JavaScript после преобразования JSX в JavaScript.
Решение:
React.createElement() принимает три аргумента
5) Что такое JSX? В чем преимущество его использования?
6)Напишите пример функционального компонента React.
7) Что такое props в компоненте?
8) Что такое чистая функция?
Чистая функция не изменяет свой ввод. Он всегда возвращает одно и то же значение для одного и того же ввода. В React компонент должен быть чистой функцией по отношению к своим свойствам. Это означает, что для конкретного пропса визуализированный компонент всегда будет одинаковым.
9) Здесь у нас есть функциональный компонент.
Преобразуйте приведенный выше код в компонент класса.
Решение:
10) У нас есть компонент класса.
Когда кнопка нажата, она должна отображать текст «Backbencher». Но этого не происходит. В чем причина?
incrementCount должен обновляться так:
11) setState() — синхронный или асинхронный метод?
12) Следующий код дает неожиданный результат.
Что может быть причиной? Как это исправить?
Поскольку setState() является асинхронным, установка нового состояния на основе предыдущего состояния иногда может пойти не так. В таких сценариях мы можем использовать синтаксис функции обратного вызова для установки состояния.
13) В компоненте класса мы установили начальное состояние как:
Затем мы обновляем состояние с помощью следующего кода:
Каким будет текущее значение объекта состояния?
Состояния объединены в компоненты класса. Таким образом, значение состояния будет:
14) Здесь у нас есть компонент класса:
При нажатии кнопки отображается сообщение об ошибке вместо отображения «India».
В чем проблема и как ее решить?
Мы также можем изменить logMessage на стрелочную функцию для решения этой проблемы.
15) Как мы можем условно отрендерить JSX в React?
Мы можем реализовать встроенный if. else с помощью тернарного оператора JavaScript.
16) Если компоненту ничего не нужно отрисовывать, что мы можем сделать?
Метод render() или функциональный компонент может возвращать значение null.
17) Почему мы предоставляем ключевой атрибут для списка объектов?
Ключи помогают React понять, какие элементы были изменены, добавлены или удалены.
18) Что такое контролируемый компонент в React?
В контролируемом компоненте значение элемента формы ввода контролируется React.
Основы React: всё, что нужно знать для начала работы
Хотите узнать о том, что такое React, но вам всё никак не выпадает шанс изучить его? Или, может быть, вы уже пробовали освоить React, но не смогли толком понять? А может, вы разобрались с основами, но хотите привести в порядок знания? Эта статья написана специально для тех, кто положительно ответил хотя бы на один из этих вопросов. Сегодня мы создадим простой музыкальный проигрыватель, раскрывая основные концепции React по мере продвижения к цели.
Разобравшись с этим материалом, вы освоите следующее:
Предварительная подготовка
Рассмотрим такую ситуацию: к вам за помощью обращается маленький стартап. Они создали приятную страницу, пользуясь которой пользователи могут загружать в их сервис музыку и проигрывать её. Им хочется, чтобы вы сделали самое сложное — вдохнули в эту страницу жизнь.
Для начала создайте новую директорию проекта и добавьте туда три файла. Вот они на GitHub, а вот их код.
Для успешного прохождения этого руководства вам понадобится свежая версия браузера Google Chrome, иначе не будут работать анимации. Выражаем благодарность Стивену Фабре за CSS для кнопки проигрывания и Джастину Виндлу за код визуализации (оригинал можно посмотреть здесь).
Откройте index.html в редакторе кода и в браузере. Пришло время познакомиться с React.
Что такое React?
React — это инструмент для создания пользовательских интерфейсов. Его главная задача — обеспечение вывода на экран того, что можно видеть на веб-страницах. React значительно облегчает создание интерфейсов благодаря разбиению каждой страницы на небольшие фрагменты. Мы называем эти фрагменты компонентами.
Вот пример разбивки страницы на компоненты:
Каждый выделенный фрагмент страницы, показанной на рисунке, считается компонентом. Но что это значит для разработчика?
Что такое компонент React?
Компонент React — это, если по-простому, участок кода, который представляет часть веб-страницы. Каждый компонент — это JavaScript-функция, которая возвращает кусок кода, представляющего фрагмент страницы.
Для формирования страницы мы вызываем эти функции в определённом порядке, собираем вместе результаты вызовов и показываем их пользователю.
Напишем компонент внутри тега
Функции можно писать и так:
React использует язык программирования, называемый JSX, который похож на HTML, но работает внутри JavaScript, что отличает его от HTML.
Вы можете добавить сюда обычный HTML для того, чтобы он попал в пользовательский интерфейс:
Можно и написать собственный компонент на JSX. Делается это так:
Это — стандартный подход — вызывать компоненты так, будто вы работаете с HTML.
Сборка компонентов
Компоненты React можно помещать в другие компоненты.
Вот что выведет вышеприведённый код:
Именно так страницы собирают из фрагментов, написанных на React — вкладывая компоненты друг в друга.
Классы компонентов
До сих пор мы писали компоненты в виде функций. Их называют функциональными компонентами. Однако, компоненты можно писать и иначе, в виде классов JavaScript. Их называют классами компонентов.
В том случае, если вас интересуют компоненты без состояния, предпочтение следует отдать функциональным компонентам, их, в частности, легче читать. О состоянии компонентов мы поговорим ниже.
JavaScript в JSX
В JSX-код можно помещать переменные JavaScript. Выглядит это так:
Теперь текст «I am a string» окажется внутри тега
Кроме того, тут можно делать и вещи посложнее, вроде вызовов функций:
Вот как будет выглядеть страница после обработки вышеприведённого фрагмента кода:
Подводные камни JSX
Для того, чтобы этого добиться, нужно воспользоваться свойством className :
Особенности создаваемого компонента
Метод constructor компонента React всегда должен вызвать super(props) прежде чем выполнять что угодно другое.
Итак, а что нам делать с этим «состоянием»? Зачем оно придумано?
Изменение компонента React на основе его состояния
Состояние — это инструмент, позволяющий обновлять пользовательский интерфейс, основываясь на событиях. Тут мы будем использовать состояние для изменения внешнего вида кнопки проигрывания музыки, основываясь на щелчке по ней. Кнопка может отображаться в одном из двух вариантов. Первый указывает на возможность запуска проигрывания, второй — на то, что музыка проигрывается, и этот процесс можно приостановить. Когда пользователь щёлкает по кнопке, меняется состояние, а затем обновляется пользовательский интерфейс.
В функции render ключевое слово this всегда ссылается на компонент, внутри которого она находится.
Как компонент реагирует на события?
Пользователь может взаимодействовать с компонентом, щёлкая по кнопке проигрывания музыки. Мы хотим реагировать на эти события. Делается это посредством функции, которая занимается обработкой событий. Эти функции так и называются — обработчики событий.
Когда пользователь щёлкает по тексту, представленному тегом
Как должен работать компонент
Теперь, разобравшись с этим механизмом, займёмся обработкой щелчка по кнопке.
Обмен данными между компонентами
Когда состояние Container меняется, свойство PlayButton также меняется, и функция PlayButton вызывается снова. Это означает, что вид компонента на экране обновится.
Внутри PlayButton мы можем реагировать на изменения, так как PlayButton принимает свойства как аргумент:
Если мы поменяем состояние на this.state = < isMusicPlaying: true >; и перезагрузим страницу, на ней должна появиться кнопка паузы:
События как свойства
Свойства необязательно должны представлять собой какие-то данные. Они могут быть и функциями.
Неприятная особенность setState
Поэтому вот так поступать не следует:
Если вы изменяете состояние, основываясь на предыдущем состоянии, нужно делать это по-другому. А именно, следует передать setState функцию, а не объект. Эта функция принимает старое состояние как аргумент и возвращает объект, представляющий новое состояние.
Эта конструкция сложнее, но она необходима только в том случае, если вы используете старое состояние для формирования нового состояния. Если нет — можно просто передавать setState объект.
Что такое ссылки?
Пришло время включить музыку. Для начала добавим тег :
Какие задачи решаем с помощью React
React позволяет создавать производительные и удобные интерфейсы. Рассказываем, какие задачи решаем с помощью библиотеки.
React позволяет создавать производительные и удобные интерфейсы:
Мы пишем на React административные панели для управления разными сервисами. Административные панели часто бывают в личных кабинетах — это кнопки с разным функционалом: проанализировать и вывести статистику, управлять подпиской, выбрать способ оплаты. Их интерфейс отличается внешне и по функционалу.
Разделили функционал на уровни доступа в административной панели. В некоторых сервисах функционал нужно разделять по уровням доступа для разных сотрудников. Например, владелец компании может увидеть всю актуальную информацию о деньгах на счете в личном кабинете банка: общую сумму, реестр операций. А главный бухгалтер — только реквизиты контрагентов и даты операций для оформления документов в налоговую.
У компании один личный кабинет в банке, но система распознает, кто в нее зашел и выводит нужный интерфейс. React позволяет сократить время на создание логики с несколькими интерфейсами благодаря изолированным компонентам. На их написание нужно немного кода.
В зависимости от того, какой ответ видит система — она выводит нужный интерфейс.
Создание функционала для анализа работы приложения и вывода статистики. Для некоторых систем необходим функционал вывода статистики. Например, интернет-магазин хочет оценить, как много продаж банковскими картами он сделал в этом месяце. Ему удобно зайти в систему учета, задать фильтры — банковские карты и промежуток с 1 по 30 число и нажать кнопку «Посмотреть».
С помощью React возможно создать любую систему фильтрации, он позволяет визуализировать любые сложные диаграммы и графики. Можно настроить систему так, чтобы она автоматически обновлялась каждые два часа — так интернет-магазин сможет в режиме реального времени отслеживать продажи.
React позволяет обновлять информацию о работе системы в режиме реального времени
Управление подписками пользователей. Некоторые сервисы зарабатывают на подписках. Например, сервис по доставке готовой еды каждый четверг списывает деньги с карты клиента за заказ на следующую неделю.
Иногда клиент хочет отменить подписку — он ищет кнопку в личном кабинете. Здесь в логику интерфейса можно встроить хитрость, чтобы не терять подписчика — можно предложить ему поставить подписку на паузу, а не отменять ее совсем. С помощью React легко настроить такой функционал.
Перед тем, как отменить подписку, сервис предлагает поставить ее на паузу
Вопросы про React на собеседовании¶
Для этого React сформирует новое дерево элементов (которое можно рассматривать как объектное представление вашего пользовательского интерфейса). Как только React получает это дерево, чтобы выяснить как интерфейс должен измениться в ответ на новое состояние, React сравнит новое дерево с предыдущим деревом элементов. В этом процессе, React узнает точные изменения, которые произошли. Зная эти изменения, React получит возможность провести изменения в интерфейсе только там, где это необходимо и этим минимизировать количество изменений.
Какая разница между Элементом и Компонентом в React?¶
Проще говоря, элемент в React описывает то, что вы хотите видеть на экране. Если не проще, то элемент в React является объектным представлением некого пользовательского интерфейса.
Компонент в React является функцией или классом, который при необходимости принимает данные и возвращает элемент (обычно в виде JSX, который преобразуется в вызов createElement )
Когда вам использовать Class Component вместо Functional Component?¶
Если ваш компонент имеет состояние или содержим используемые методы значимые для компонента, то используйте Class component. В других случаях используйте Functional component.
Что за refs в React и в чем их важность?¶
Refs являются запасным выходом, который позволяет вам получить прямой доступ к элементу DOM или состоянию компонента. Чтобы их использовать вы добавляете атрибут ref в ваш компонент, значение которого является функцией обратного вызова, которая получит базовый элемент DOM или установленный экземпляр компонента в качестве первого аргумента.
Часто неверно полагают, что необходимо использовать класс компонента для того, чтобы использовать refs, но refs могут быть использованы с функциональными компонентами за счет использования замыкания:
Что за keys в React и чем их важность?¶
Keys (ключи) помогают React отследить какие элементы были изменены, добавлены или удалены из списка.
Важно, чтобы каждый ключ был уникальным между “собратьями”. Мы уже говорили о процессе согласования и в частности о процессе сравнения нового дерева элементов с предыдущим. Keys делают этот процесс более эффективным при работе со списками, потому что React может использовать ключ на дочерний элемент, чтобы быстро узнать если элемент является новым или если он был просто перемещен при сравнении деревьев элементов. Не только keys делают этот процесс более эффективным, но без них, React не сможет узнать какое локальное состояние соответствует какому пункту при его перемещении. Поэтому не пренебрегайте использованием keys при применении map.
Если вы создали в React элемент Twitter как в примере ниже, то как бы он выглядел?¶
Если вы не очень хорошо знакомы с шаблоном render callback, это может показаться немного странным. В этом шаблоне компонент получает функцию в качестве своего потомка. Обратите внимание, что находится внутри тега выше. Вместо другого компонента, как вы возможно видели до этого, потомок компонента Twitter является функцией. Это означает то, что в данной реализации компонента Twitter нам необходимо обратиться к props.children как к функции.
Вот как я вижу это решение:
Обратите внимание, что, как упоминал выше, я обращаюсь к props.children как к функции, вызывая ее и передавая пользователя.
Что хорошего в этом шаблоне, это то, что мы выделили наш родительский компонент из нашего дочернего компонента. Родительский компонент управляет состоянием и потребитель родительского компонента может решить каким образом они хотели бы использовать переданные аргументы в их интерфейсе, полученные из родительского.
В чем разница между controlled и uncontrolled компонентами?¶
Некотролируемый компонент — это такой компонент, где ваши данные формы обрабатываются в DOM, а не внутри вашего компонента.
Хотя неконтролируемые компоненты обычно проще в реализации, так как вы просто берете значение из DOM используя refs, рекомендуется использовать контролируемые компоненты. Основная причина этого в том, что контролируемые компоненты поддерживают мгновенную проверку полей, позволяют вам условно отключать/включать кнопки, устанавливать формат входных данных и вообще следует более сути React.
В какой момент жизненного цикла вы применяется AJAX запросы и почему?¶
Для этого есть несколько причин:
Что делает и почему важен shouldComponentUpdate?¶
Как вы скажете React строить в режиме Production и как это сделать?¶
Нет гарантии, что props.children будет массивом.
Если внутри Parent в попытаетесь вызвать props.children.map это вызовет ошибку, потому что props.children является объектом, а не массивом.
React отработает с props.children только в том случае, если родитель имеет более одного дочернего элемента, как здесь:
Опишите, как в React обрабатываются события?¶
Интересно то, что React не назначает события на дочерние элементы сам. React будет слушать все события на верхнем уровне, используя простой слушатель событий. Это хорошо для производительности и также означает, что React не нужно беспокоиться об отслеживании при обновлении DOM.
В чем разница между createElement и cloneElement?¶
createElement мы получаем из JSX и его React использует для создания элементов (объектное представление некоторого интерфейса). cloneElement используется для клонирования элемента и отправить ему новые параметры.
Какой второй аргумент можно передать опционально в setState и какова его цель?¶
Что не так с этим кодом?¶
Вопросы для собеседования javascript разработчика
Как пройти собеседование js junior разработчику? Что учить? Все здесь!
Собеседование
Первая часть: без воды
Вторая часть (невозможно без воды)
Не забывайте, что в группе проводятся разборы тестовых заданий.
На вебинаре были слегка затронуты middle и team-lead, так же разобраны вопросы «из зала».
Список вопросов по основам
Список вопросов по React/Redux
Вопросы скопированы из моего ответа на toster.ru
Ответы предоставлены для подписчиков vk группы — Обучение «Без воды». Приходите, научим. Имеется telegram канал.
React
Самые «тяжелые» операции в web — работа с DOM. Реакт оптимизирует эту работу. Как? Virtual DOM + обновление страницы за минимум «телодвижений».
setState (документация) — асинхронная функция. Чтобы выполнить, что-либо заведомо после обновления state, нужно использовать запись с callback’ом
Так же, чтобы обновить состояние, основываясь на предыдущее, подойдет следующая запись:
Совет: чтобы быть в курсе подобных вещей, нужно либо читать документацию, либо читать/смотреть какие-то последовательные курсы. Данные знания — фундаментальные, их должен осветить любой уважающий себя автор.
Зачем многие постоянно пишут в constructor: this.FUNCTION_NAME = this.FUNCTION_NAME.bind(this) и отсюда вопрос вытекает чему равно this в разных местах вашего компонента…
«Биндинг» чего-либо, это привязка к контексту. То есть, когда вы находитесь в конструкторе, this ссылается на компонент. Следовательно, если какой-то из методов «прибиндить» (привязать) к this, то он всегда будет иметь внутри себя this ссылающийся на компонент. Так делается, в частности из-за того, чтобы не терять контекст this, когда идет запись не через «жирную arrow функцию».
Для решения через «жирную arrow функцию», требуется плагин transform-class-properties (входит по умолчанию в create-react-app)
в каких методах жизненного цикла стоит выполнять xhr запросы? В каких стоит «обновлять state на основе props«?
Xhr (ajax, асинхронные запросы) — нужно выполнять в момент componentDidMount
Обновление state, на основе props:
Что будет если вызвать this.setState в render методе компонента?
Будут проблемы. Реакт перерисовывает компонент, если state изменился. setState === ситуации «стейт изменился», а «реакт перерисовывает компонент» === render метод. Получается, что будет циклическая перерисовка.
CWU подходит для «приборки». Например, у вас есть компонент, который реагирует на onsize (изменение размеров) страницы. Затем вы планируете перейти куда-то, где этого компонента нет. Он будет (will) «размонтирован» (unmount), значит в этот момент нужно снять «слушателя» на ресайз, так как он вам более не нужен.
Контролируемые, не контролируемые компоненты
Как организовать роутинг в реакт приложении?
Смотрим в window.location и на основе этого switch/case’ом выбираем какой компонент рисовать.
Так же можно посмотреть видео, как мы делали Route и Link компоненты на одном из вебинаров. Или почитать текстовую версию.
Затем, чтобы быстро ориентироваться какие свойства и какого типа (строка, функция и т.д.) ожидает компонент. Проверка propTypes достаточно затратная, поэтому она полностью убрана из production сборки самим реактом.
Сегодня, в 2018м году, на больших проектах propTypes уступают место flow (где, через babel plugin они так же описываются, но строже) или TypeScript‘у.
Как можно удобно «отлаживать» чужой код приложения, написанного на react (намек в сторону React devtools)
Хороший и легкий вопрос на «поболтать». Отладка с помощью console.log, debugger, react devtools, выносом кода компонента на чистый проект и тд тп. Вариантов масса.
Redux
Управление состоянием (данными) всего вашего приложения.
Для асинхронных действий многие используют подход, в котором есть «имядействия + request (запрос) _или + success (успех) или + failure (ошибка)». Таким образом удобно обрабатывать случившиеся ситуации в редьюсере (например, показать/скрыть прелоадер, показать ошибку или результат). Конечно, «показывает» — компонент, а в редьюсере мы лишь устанавливаем данные.
Действие (action) — это простой объект с обязательным полем type и не обязательным payload (либо любым другим). Есть соглашение standard flux action (flux, потому что redux переосмыслил/развил идею flux).
Создатель действия (action creator) — это функция, которая возвращает действие.
Пример создателя действия:
Пример действия (напоминаю, это простой объект):
Что такое редьюсер? Можете написать простой редьюсер без react/redux?
Редьюсер, слово производное от функции reduce. Это такая «штука», которая принимает прошлое состояние и возвращает следующее.
По ссылке выше, так же есть пример reduce функции для подсчета суммы чисел.
Для чего нужен redux-thunk? Как он работает? Напишите (можно псевдокод) асинхронный создатель действия (либо, если надоело говорить «терминами» — асинхронный aciton)
Как компоненты приложения получают «пропсы» из «стора»?
. Provider умеет «прокидывать» пропсы вниз в потомков неявно. Используется старое API — context.
Можно ли (и считается ли это нормальным) использовать state, если используется Redux?
Разумеется да! Это нормально. Если изменяемое состояние компонента не нужно нигде, кроме него самого — это однозначно state.
Почему в reducer’ax мы возвращаем новые объекты? Приведите пример, когда вы возвращаете новый объект, а когда тот же самый.
Потому что redux использует простое сравнение: изменился объект или нет. А два объекта могут быть равны только в том случае, если они содержат ссылку на одно и тоже место в памяти. Следовательно, когда вы в старый объект записываете новое свойство, для redux это «тот же самый» объект и перерисовки не произойдет. Выше в вопросах про основы есть пункт «передача объектов по ссылке«, прочтите его если вам не понятен текст ответа.
Что возвращает функция connect (из react-redux)?
Connect возвращает новый компонент, обернутый в «приконекченный» компонент, в котором как раз и живут свойства, пришедшие из редьюсеров (которые туда любезно прокидывает Provider).
Общие вопросы
Вопросы в стиле: расскажите что это и для чего:
Цель собеседования
Если вы стажер/junior и работу необходимо получить любой ценой, то соответственно цель «получить работу«. Когда такое необходимо?
Этот вариант грустный, и обычно он является следствием того, что человек, не верит в свои силы или находится в плену у лени. Веру в себя — это к психологу, а с ленью нужно бороться.
В остальных случаях, цель собеседования — вам получить то, что нужно от работодателя, а ему получить то, в чем есть необходимость у компании. Другими словами, договориться о таком сотрудничестве, которое устраивает обоих.
Про обратную связь
Если так вышло, что по собеседованию видно, что на вопросы вы ответили слабо, попросите сразу подсказать что необходимо почитать/изучить/подтянуть и какие источники порекомендуют, спросите когда можно прийти еще раз. Одна только такая фраза может обеспечить вам испытательный срок с урезанной ЗП.
Почему можно приходить еще раз? А почему нет! Если снова удастся пройти через фильтр в виде кадрового специалиста и попасть в кабинет на тех.собеседование, то это же круто! Вы уже знаете, какие вопросы были, как минимум их можно обозначить лучше. Хороший специалист задаст и другие, но скорее всего, если вы реально готовились — получится. Да и можно снова спросить — когда зайти еще. Это не шутки, так как многие города, действительно, выдают очень малое количество привлекательных рабочих мест. Можно и побороться!)
Тишина в эфире
Собеседование прошли, ТЗ сделали. Прошла неделя, в ответ ничего.
1) позвонить, поинтересоваться. Постараться получить обратную связь, это поможет стать лучше [1]
2) если обстоятельства позволяют, вычеркнуть контору из списка за неуважение.
[1] иногда, на такие назойливые вопросы могут ответить отпиской или еще хуже — вариантом не в тему. Нельзя верить этому на слово. Если объективно вам кажется, что все было неплохо, но вы получили: вы не подходите нам по уровню, то опять рекомендую уточнить — что именно не так. Ответа скорее всего не будет, но попытка зачтена.
Три собеседования — это абсолютный минимум для статистики.
Поставьте себя на место работодателя
Самый годный трюк. Представьте, что вы ищите работника. Кто вам нужен?
Харизма, знания, процесс собеседования и много других «случайных» факторов участвуют в уравнении успешного собеседования. Я повторюсь, адекватная заработная плата не будет сдерживающим фактором в адекватной компании.
Так же, вы должны представить себя «неопытным/ленивым» рекрутером или занятым начальником. Тогда вам будет ясно, почему никаких ответов на ваш почтовый адрес не приходит. Кто-то забил, кому-то лень, кто-то забегался. Взяли другого.
— Как говорите вас зовут?
— А, спасибо, но вы нам не подходите <любая_причина>лишь бы не тратить на вас время.
Нет смысла обижаться или переставать верить в свои силы. Это глупо.
Общие советы
Зарплата
Специально не обсуждал эту тему, так как все можно найти на hh.ru для своего региона. Однако, есть еще пара полезных ссылок:
Полезные материалы
Сказ о том, как Катя попала в Яндекс.деньги + сразу комментарий про зарплату
Ничего сверхестевственного не требовали:
умение взаимодействовать с сервером (транспорты, модель OSI и REST API);
понимание браузерных процессов (загрузка ресурсов, парсинг кода и рендеринг).
Мое мнение про зарплату в известных компаниях (основано в том числе и на давних разговорах в офисе):
Будут давить на вас, чтобы сократить издержки. Бренд привлекает внимание, это их сильная сторона в переговорах. Зачастую на таких собеседованиях пытаются показать кандидату, что у него мало знаний.
P.S. в свое время, на выставке E3 (про игры), у Half-Life 2 был очень скромный павильон, но народ, разумеется, шел туда толпами! Так же и с большими конторами: туда идут за опытом, за именем, но не за зарплатой (если речь про джуна/мидла).
Комментарий к статье про бестолковые задачи на собеседовании + сразу исправление опечатки от автора комментария
Краткая заметка о том, что многие программисты не могут написать метод сортировки пузырьком (и это нормально). Один из не знающих — создатель Ruby on rails.
Спорная статья на vc.ru (короткая, возможно реклама), но хорошо отражает следующие моменты:
В обоих случаях, как и в любой сфере, попасть на «специалиста» не просто. Результат не гарантирован.
Вопрос на тостере «Какие стратегии повышения зарплаты существуют» и ответ на него.
Стратегия проста — увеличивайте собственный профессиональный уровень на столько, чтобы свободно менять компанию, как только вас что-то перестало устраивать.
Про найм в Лабораторию Касперского (статья рекламная, но все же есть ответы на вопросы: что на собеседовании происходит и как. Речь про C++).
Как всегда в комментариях присутствуют люди, которые либо хорошо в теме, либо «обиженные на жизнь», сказать кто есть кто — невозможно.
Авторский telegram канал «Пргрм с Козулей»
— Как вкатиться во фронтенд?
Научиться использовать поиск в гугле и Stack Oveflow. Остальное приложится с опытом. В интернете полно туторов, все уже разжевали по 100 раз и выплюнули для тех, кто умеет читать.
— Я уже какое-то время работаю, какой у меня уровень?
Универсального чек-листа на синиор-программиста на существует в природе. В каждой компании уровень меряют по себе. Точнее, даже в каждой отдельной команде. При этом естественно, что более опытному разработчику легче убедить окружающих в том, что он не верблюд.
Реакт. Я начинал с первой версии ангуляра и вторая не сильно лучше.
— Тайпскрипт или джаваскрипт?
ActionScript 3.0, там есть настоящая типизация. Тайпскрипт можно использовать для того, чтобы подглядеть API библиотек, но заткнуть им все дыры все равно не получится.