Frontend Interview - собеседования по Javascript / Html / Css

Что такое SyntheticEvent в React? Ваши обработчики событий получают экземпляр SyntheticEvent, это кроссбраузерная обёртка над нативным экземпляром события. У неё такой же интерфейс, как и у нативного события, включая методы stopPropagation() и preventDefault(). Эта обёртка помогает событиям работать одинаково во всех браузерах. Если вам всё-таки нужно получить нативное браузерное событие, обратитесь к атрибуту nativeEvent. Синтетические события отличаются от нативных событий браузера и непосредственно не связаны с ними. Например, в синтетическом событии onMouseLeave атрибут event.nativeEvent будет указывать на mouseout. Эта деталь реализации не является частью публичного API, поэтому может измениться со временем. 👉 @frontendInterview

👉 @frontendInterview

Хочешь научиться разрабатывать сайты? Админ канала WordPress | Разработка сайтов  простыми словами рассказывает про разработку сайтов, говорит о конкретных фишках, проверенных собственным опытом. Максимум сути и минимум бесполезной теории. Подпишись и повысь свой чек за работу 👉t.me/dv_wordpress #wordpress #разработка_сайтов

Что такое const assertion в TypeScript? В TypeScript 3.4, кроме прочих новшеств, появилось и понятие const assertion (константное утверждение), предусматривающее использование конструкции as const. Это — упрощённый метод объявления констант, содержащих иммутабельные объекты и массивы. Такие объявления строятся с помощью добавления as const в конец объявления константы. У этого метода есть и дополнительное преимущество, которое заключается в том, что при его использовании не нужно явным образом указывать тип в утверждении as const. const person = { name: 'Will' } as const; person.name = 'Diana'; // ошибка! // С массивами тоже можно использовать as const const array = [1, 2, 3] as const; array.push(4); // ошибка! 👉 @frontendInterview

Hands-Free Coding: программирование голосом Канадский разработчик поделился своей историей и рассказал, что смог справиться с физической неспособностью кодить на клавиатуре благодаря такому инструменту как Talon Voice — он бесплатный, кроссплатформенный, заточен именно на программирование. Он описал какие команды использует, весь фонетический алфавит и различные конструкции. Есть даже демо того, как он голосом надиктовывает реакт компонент, фокусирует курсор взглядом и голосовым сигналом! Мы тут нашли интересный канал Романа Катеринчика, IT-предпринимателя, который основал три финтех-продукта и одну аутсорсинговую компанию, а один из его бизнесов получил оценку в 20 млн.долларов. и подобрали 🔥 горячие посты с канала Ромы: 💰Какие данные собирает и продает Facebook 🗣 Hands-Free Coding: программирование голосом 😎 Почему из интровертов получаются выдающиеся лидеры 🪑 Эффект IKEA: почему созидание делает нас счастливее Подписывайтесь на канал Романа, чтобы первыми получать хаки по прокачке 💪

​Что такое индекс в Git? Индекс в Git — это специальная промежуточная область, в которой хранятся изменения файлов на пути от рабочей директории до репозитория. При выполнении коммита в него попадают только те изменения, которые были добавлены в индекс. Понятие индекса в Git появилось не случайно. Даже когда разработчик работает над одной задачей, по пути он натыкается на разные места в коде, которые либо плохо оформлены, либо содержат ошибки, либо должны быть исправлены в соответствии с какими-то новыми требованиями. И в большинстве ситуаций совершенно нормально исправлять эти недочеты, что все и делают. В итоге в рабочей директории появляется множество разных исправлений, которые частично относятся к выполняемой задаче, а частично содержат множественные исправления, напрямую не связанные с основными изменениями. В чём здесь проблема? Если делать ровно один коммит, включающий в себя и основную задачу и дополнительные исправления, то появляется несколько неприятных побочных эффектов. Во-первых, сложнее смотреть историю. Коммит начинает содержать совершенно несвязанные изменения, которые отвлекают во время ревью (проверки чужого кода).

 # Обычно в таких коммитах встречается условие И в описании
 # Показатель того, что в рамках одного коммита сделано несколько изменений
 $ git commit -m 'add new feature and fix something'

Во-вторых, что вероятно даже важнее, откат коммита по любым причинам приведет к тому, что откатятся правки, которые всё равно нужно будет делать. Именно здесь помогает индекс. Его наличие позволяет меньше переживать на тему того, как сформируется коммит. Стандартный способ работы с индексом — это добавление или изменение файлов и последующий коммит: $ git add somefile $ git commit -m 'add somefile' 👉 @frontendInterview

❓Хочешь быть востребованным фронтендером или фуллстек-разработчиком? 🔥 Тогда без фреймворка React.js не обойтись! Погрузитесь в возможности этого инструмента на онлайн-курсе «React.js Developer» ⏰ Занятия начнутся уже завтра, 28 сентября. Пройдите вступительный тест и присоединяйтесь к группе по специальной цене.

Short Long Short Вам даны две строки - короткая и длинная. Создайте функцию, которая преобразует их в одну строку, которая будет состоять из короткой строки + длинной строки + короткой строки. Примеры: ("1", "22") --> "1221" ("22", "1") --> "1221" 👉 @frontendInterview

Принципы юнит тестирования. Юнит-тестирование - это процесс проверки отдельных модулей программы на корректность работы. Правильный подход к тестированию позволит максимизировать качество и скорость разработки проекта. Некачественные тесты, наоборот, могут нанести вред: нарушить работоспособность кода, увеличить количество ошибок, растянуть сроки и затраты. Грамотное внедрение юнит-тестирования - хорошее решение для развития проекта. Научитесь разрабатывать тесты профессионального уровня, без ошибок автоматизировать процессы тестирования, а также интегрировать тестирование в жизненный цикл приложения. Со временем вы овладеете особым чутьем, присущим специалистам по тестированию. Как ни удивительно, практика написания хороших тестов способствует созданию более качественного кода. 👉 @frontendInterview

👉 @frontendInterview

Что значит фраза: "экран с высокой плотностью пикселей"? CSS-пиксели (CSS pixels) — абстрактная величина, используемая браузерами для точного отображения контента на страницах, вне зависимости от экрана (DIPs: device-independent pixels). Пример:

 <div height="200" width="300"></div>

Такой блок на обычных экранах будет занимать область 200x300 пикселей, а на Retina-экранах тот же блок получит 400x600 пикселей. Таким образом, на Retina-экранах плотность пикселей в 4 раза больше, чем на обычных. 👉 @frontendInterview

❓Насколько эффективно вы работаете в фреймворках JavaScript? Новый уровень мастерства ждет тех, кто сможет пройти вступительный тест онлайн-курса «JavaScript Developer. Professional» от OTUS. ⏰ Занятия начнутся 28 сентября. Успейте присоединиться к группе, пока остались места с бонусной скидкой.

👉 @frontendInterview

Что такое Promise? Для чего он нужен? Promise – это специальный объект, который содержит своё состояние. Вначале pending («ожидание»), затем – одно из: fulfilled («выполнено успешно») или rejected («выполнено с ошибкой»). Синтаксис создания Promise:

 let promise = new Promise(function(resolve, reject) {
   // функция-исполнитель (executor)
   // "певец"
 });

Функция, переданная в конструкцию new Promise, называется исполнитель (executor). Когда Promise создаётся, она запускается автоматически. Она должна содержать «создающий» код, который когда-нибудь создаст результат. В терминах нашей аналогии: исполнитель – это «певец». Её аргументы resolve и reject – это колбэки, которые предоставляет сам JavaScript. Наш код – только внутри исполнителя. Когда он получает результат, сейчас или позже – не важно, он должен вызвать один из этих колбэков: resolve(value) — если работа завершилась успешно, с результатом value. reject(error) — если произошла ошибка, error – объект ошибки.