frontendinterview | Unsorted

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

12730

Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Менеджер по рекламе: @Spiral_Yuri Купить рекламу: https://telega.in/c/frontendinterview Номер заявления в РКН № 4959045795

Subscribe to a channel

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

Наш код. Ремесло, профессия, искусство

Автор: Бугаенко Е.

Быть программистом может быть интересно и весело, но быть разработчиком программного обеспечения — это сущий ад. Компьютеры логичны, люди — нет. Увы, в современной индустрии программного обеспечения не платят за программирование. Платят за разработку программного обеспечения, а это подразумевает выполнение задач в команде — вместе с другими людьми. Команды состоят из своенравных людей, а не из классов и методов Java.
Успех программного проекта зависит от умных инженеров, которые зачастую ленивы, невежественны, эгоистичны, раздражительны и попросту несчастны. Успех зависит от людей, которые нередко не умеют общаться, делиться знаниями, руководить и подчиняться, а также следовать указаниям. Он зависит от нашей способности формировать команды и участвовать в их деятельности. А еще от наших социальных навыков — порой в гораздо большей степени, нежели от навыков технических.

👉 @frontendInterview

Читать полностью…

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

.intersection()

Метод intersection() сравнивает текущую коллекцию с другой и возвращает новую, состоящую из элементов, входящих в обе коллекции.

В математике это называется пересечением двух множеств. Пересечение множеств A и B — это множество, которое состоит из элементов, входящих как в множество А, так и во множество B. Это можно выразить формулой:

A ∩ B = { x | x ∈ A ∧ x ∈ B }

Допустим, у нас есть две коллекции чисел. Необходимо сравнить эти коллекции и получить общие, встречающиеся в обеих коллекциях, числа:
const num1 = new Set([42, 4, 69, 37, 2])
const num2 = new Set([1, 2, 3, 4])

const inter = num1.intersection(num2)

console.log(inter)
// Set(2) { 2, 4 }


👉 @frontendInterview

Читать полностью…

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

Почему тебе не дают повышение / новый тайтл

На самом деле, в этом вопросе играют роль два фактора.
Каждый фактор имеет свои аспекты и особенности. Понимая их, ты сможешь достигать своей цели более эффективно, быстрее и без лишнего стресса.
- Первый фактор: бизнес-модель;
- Второй фактор: твоя ценность для бизнеса и твоё позиционирование.

Я разделю эту статью на 2 части. В первой части мы рассмотрим фактор бизнес-модели, а во второй части рассмотрим фактор твоей ценности для бизнеса и то, как ты себя позиционируешь.

👉 @frontendInterview

Читать полностью…

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

Как открыть ссылку в новой вкладке?

Ссылка может открываться в текущем окне браузера, в новом окне или в новой вкладке. Непосредственно, как открывать ссылки — в новом окне или в новой вкладке — указывает пользователь в настройках браузера. Обычно ссылки для удобства открываются в новой вкладке.

Через HTML мы можем указать, как открывать ссылки — в текущем окне или в новом окне. Для этого к элементу <a> следует добавить атрибут target со значением _blank (да, с подчёркиванием впереди), как показано в примере.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Ссылки</title>
</head>
<body>
<p><a href="page/new.html">Обычная ссылка</a></p>
<p><a href="page/new.html" target="_blank">Ссылка откроется в новом окне</a></p>
</body>
</html>


👉 @frontendInterview

Читать полностью…

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

Обучаем Java-разработчиков оплата после выхода на работу

В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты.
Если задуматься, то все в выигрыше:
— ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя;
— в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше;
— мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут;
— мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов.

Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку!

Узнать больше

#реклама 16+
kata.academy

О рекламодателе

Читать полностью…

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

Rotate an array matrix

Создайте функцию, которая будет поворачивать двумерный массив (матрицу) по часовой стрелке или против часовой стрелки.

Пример:

 var matrix = [[1, 2, 3],
[4, 5, 6],
[7, 8, 9]];

rotate(matrix, "clockwise");
// Would return [[7, 4, 1], [8, 5, 2], [9, 6, 3]]


👉 @frontendInterview

Читать полностью…

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

ТОП-4 Курса по Data Science

Tutortop — маркетплейс курсов №1 по количеству школ-партнеров, курсов и реальных отзывов студентов.

🎓Освойте продвинутую математику с самых азов
💻Научитесь создавать ML-модели и работать с нейронными сетями
✅Получите реальный опыт на практических проектах
🏠Начните работать удаленно
💰Подарок в конце подборки!


Выбрать

#реклама 16+
tutortop.ru

О рекламодателе

Читать полностью…

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

Пробовать новое всегда страшно, но не у нас!

На бесплатном интенсиве по frontend-разработке вы с нуля под руководством опытного наставника создадите свой проект и сможете пополнить портфолио.

В рамках интенсива мы:
— Сверстаем сайт на Html
— Напишем стили к сайту на Css
— Реализуем некоторые функции на JavaScript
И многое другое, о чем подробно рассказываем на сайте.

Этот проект предоставит вам возможность погрузиться в разнообразные технологии веб-разработки и усовершенствовать навыки работы с HTML, CSS, а также научит вас создавать посадочные страницы с нуля.

Занимайте место прямо сейчас: https://tglink.io/54eb3bd57fa2

Читать полностью…

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

Запустите рекламу в телеграм-каналах с Яндекс Директом

Перфоманс-реклама теперь в телеграм-каналах ⚡

Яндекс Директ знает, как привлечь целевую аудиторию 💰👌

Попробовать

#реклама
yandex.ru

О рекламодателе

Читать полностью…

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

ИТ-перестройка: трансформация рынка разработки программного обеспечения в 2023-2024 гг

2022 год стал судьбоносным, в частности для ИТ-индустрии.

I полугодие 2022: антироссийские санкции, уход западных вендоров, утверждение программы импортозамещения.
II полугодие 2022: государственная поддержка ИТ-индустрии, старт импортозамещения, начало эпохи технологического суверенитета, рост числа кэптивных ИТ-компаний.
С конца 2022 года началась активная ИТ-перестройка: чтобы продолжить существование и начать расти, компаниям приходилось «крутиться» в прямом смысле этого слова — менять стратегию на 180 градусов.

Какое влияние оказала сложившаяся ситуация на разработчиков программного обеспечения и как они чувствуют себя сейчас - разбирается в этой статье.

👉 @frontendInterview

Читать полностью…

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

👉 @frontendInterview

Читать полностью…

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

Архитектурный паттерн MVC

Когда мы пишем сложные приложения, нам нужно выполнять различные операции, иногда совершенно друг на друга не похожие:
- обновить данные на сервере;
- показать всплывающее окно после клика пользователя;
- валидировать данные из формы;
- загрузить дополнительные ресурсы, картинки, скрипты;
- вызвать стороннее API и обработать ответ.

Считается хорошим тоном делить отличающийся код на модули, которые отвечают за свои конкретные задачи. Как именно разделить код на модули, по каким критериям и принципам — на эти вопросы старается ответить паттерн MVC.

MVC (сокращение от Model—View—Controller) — это архитектурный паттерн, который делит модули на три группы:

Model
Модель содержит данные приложения, за которыми приходит пользователь. Например, список своих заказов в интернет-магазине.

View
Представление показывает эти данные в понятном для пользователя виде. Например, на свёрстанной странице сайта или в приложении на телефоне.

Сontroller
Контроллеры принимают пользовательские команды и преобразуют данные по этим командам. Например, если пользователь нажимает кнопку «Удалить заказ», то контроллер отмечает этот заказ в модели удалённым.

👉 @frontendInterview

Читать полностью…

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

С каждым годом собеседования в IT становятся всё сложнее. Пора начать готовиться к ним правильно!

Мы — сообщество «Собесит», и мы помогаем успешно проходить собеседования в IT для Java, GO, QA, ML, Python и других программистов. У нас есть бесплатная база реально пройденных и актуальных собеседований из крупных компаний в видеоформате с документациями, от Junior до Team Lead позиций, которые ты можешь использовать прямо сейчас.

Запускай нашего бесплатного бота и готовься к собеседованиям с умом!

Начни подготовку сегодня и сделай шаг к жирному офферу!

erid: LjN8K916w

Читать полностью…

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

Приоритеты операторов

Приоритет операторов определяет порядок, в котором операторы выполняются. Операторы с более высоким приоритетом выполняются первыми.

Пример:

3 + 4 * 5 // возвращает 23


Ассоциативность
Ассоциативность определяет порядок, в котором операторы с одинаковым приоритетом обрабатываются. Например, рассмотрим выражение:

a OP b OP c

Левая ассоциативность (left-to-right) означает, что оно обрабатывается как (a OP b) OP c, в то время как правая ассоциативность (right-to-left) означает, что оно интерпретируется как a OP (b OP c). Операторы присваивания являются право-ассоциативными, так что Вы можете написать:

a = b = 5;

с ожидаемым результатом, что a и b будут равны 5. Это происходит, потому что оператор присваивания возвращает тот результат, который присваивает. Сначала b становится равным 5, затем a принимает значение b.

Данная таблица упорядочена с самого высокого приоритета (1) до самого низкого (18).

Читать полностью…

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

Запустите рекламу в телеграм-каналах с Яндекс Директом

Перфоманс-реклама теперь в телеграм-каналах ⚡

Яндекс Директ знает, как привлечь целевую аудиторию 💰👌

Попробовать

#реклама
yandex.ru

О рекламодателе

Читать полностью…

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

Запустите рекламу в телеграм-каналах с Яндекс Директом

Перфоманс-реклама теперь в телеграм-каналах ⚡

Яндекс Директ знает, как привлечь целевую аудиторию 💰👌

Попробовать

#реклама
yandex.ru

О рекламодателе

Читать полностью…

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

Когда к резюме попросили приложить пример лично написанной программы:

👉 @frontendInterview

Читать полностью…

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

Методичка: как сделать онлайн-встречи эффективнее

Надоело ждать коллег, которые постоянно забывают о встречах, а отсутствие повестки и потерянные договоренности мешают нормально работать?

Команда МТС Линк собрала на 37 страницах полезные материалы, чек-листы и кейсы, которые помогают компаниям проводить эффективные совещания в онлайне с помощью сервиса Встречи.

Из методички узнаете:
- Как создать постоянную ссылку и подключаться на встречи в 2 клика,
- Как делать заметки и работать с файлами, не переживая за качество связи и безопасность данных.
- Как облегчает жизнь ИИ, который расшифровывает созвоны в текст и автоматически отправляет расшифровку на почту.

Еще в методичке описаны 7 способов оценки текущей эффективности ваших онлайн-встреч.

Получить гайд можно бесплатно на сайте.

Скачать

#реклама
mts-link.ru

О рекламодателе

Читать полностью…

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

👉 @frontendInterview

Читать полностью…

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

Можно ли получить ширину и высоту экрана в CSS, не используя JavaScript?

Вы можете получить ширину и высоту экрана в виде значений в пикселях, используя несколько строк CSS.

- Создано на основе @property и тригонометрических функций.
- Можно легко использовать в любой формуле.
- Обновляется при изменении размера экрана (нет необходимости в JavaScript)

@property --_w {
syntax: '<length>';
inherits: true;
initial-value: 100vw;
}
@property --_h {
syntax: '<length>';
inherits: true;
initial-value: 100vh;
}
:root {
--w: tan(atan2(var(--_w),1px)); /* screen width */
--h: tan(atan2(var(--_h),1px)); /* screen height*/
/* The result is an integer without unit */
}


👉 @frontendInterview

Читать полностью…

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

Усовершенствованные структуры данных

В книге приводится всесторонний анализ идей и деталей реализации структур данных как важнейшей составляющей прикладных алгоритмов. Обсуждаются не только эффективные способы реализации операций над множествами чисел, интервалов или строк, представленных в виде различных поисковых структур данных – деревьев, множеств интервалов, кусочно-постоянных функций, прямоугольных областей, непересекающихся подмножеств, куч, хеш-таблиц, но и динамизация и персистентность (сохраняемость) структур. Структуры данных впервые рассматриваются не просто как вспомогательный материал для иллюстрации методологии объектно ориентированного программирования, а как ключевой вопрос разработки алгоритмов. Многочисленные примеры кода на языке C и более 500 ссылок на первоисточники делают книгу исключительно ценной.

👉 @frontendInterview

Читать полностью…

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

Set.isSubsetOf()

Метод isSubsetOf() сравнивает текущую коллекцию с другой и возвращает true, если все элементы указанной коллекции находятся так же в другой коллекции, и false — если нет.

Пример
Имеется два массива чисел. Определим входят ли все элементы первого массива так же и во второй массив. Для решения этой задачи, создадим из массивов Set-объекты и сравним их используя метод isSubsetOf():

const array1 = [ 34, 42, 0, -8 ]
const array2 = [ -8, 0, 1, 2, 16, 34, 42 ]

const set1 = new Set(array1)
const set2 = new Set(array2)

console.log(set1.isSubsetOf(set2))
// true
console.log(set2.isSubsetOf(set1))
// false


Поддержка метода isSubsetOf() в основных браузерах и в Node.js появилась в 2024 году. Если попробуете использовать метод в более ранних версиях, это приведёт к ошибке.

👉 @frontendInterview

Читать полностью…

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

Теперь понятно, почему я больше не задаю вопросов?

👉 @frontendInterview

Читать полностью…

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

Бесплатный практический вебинар: Профессия «Frontend-разработчик».

Когда: 20 августа в 19:00 по мск.

Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере.

Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular?

Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.

🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  Карта компетенций начинающего Frontend-разработчика.

Читать полностью…

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

Как задать цвет посещённых ссылок?

Как только пользователь открывает ссылку, она помечается как посещённая и меняет свой цвет на фиолетовый, установленный по умолчанию. Чтобы задать вид оформления посещённых ссылок, используйте псевдокласс :visited, который добавляется к селектору a.

a {
color: #A02932; /* Цвет обычной ссылки */
}
a:visited {
color: #9FA4AF; /* Цвет посещённой ссылки */
}

Результат данного примера показан на рисунке. Обычные ссылки заданы красным цветом, а посещённые — серым.

👉 @frontendInterview

Читать полностью…

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

Получите диплом от НИТУ МИСИС в веб-разработке

Яндекс Практикум и НИТУ МИСИС приглашают на онлайн-программу «Веб-разработчик»

Полноценная учёба в онлайн-формате
Зачёты, сессии, лекции и семинары с гибким графиком.

На платформе Практикума
Гибкая теория, автоматическая проверка заданий и встроенная YandexGPT.

Преподаватели НИТУ МИСИС и наставники Яндекс Практикума
Они будут проводить занятия и учить вас применять теорию на практике.

Студенческий, льготы и диплом гособразца
У вас будут все преимущества студента-очника. Доступ к инфраструктуре вуза — кампусам, библиотекам и мероприятиям.

Оплатить учёбу можно разными способами: всю сумму сразу, по семестрам или с помощью госкредита — тогда ежемесячный платёж составит от 500 ₽, а государство погасит часть кредита за вас.



Подать заявку

#реклама 16+
practicum.yandex.ru

О рекламодателе

Читать полностью…

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

Arrays of cats and dogs

Рассмотрим массив, содержащий кошек и собак. Каждая собака может поймать только одного кота, но не может поймать кота, находящегося на расстоянии более n элементов. Вашей задачей будет вернуть максимальное количество котов, которых удастся поймать.

Примеры:

solve(['D','C','C','D','C'], 2) = 2, because the dog at index 0 (D0) catches C1 and D3 catches C4. 
solve(['C','C','D','D','C','D'], 2) = 3, because D2 catches C0, D3 catches C1 and D5 catches C4.
solve(['C','C','D','D','C','D'], 1) = 2, because D2 catches C1, D3 catches C4. C0 cannot be caught because n == 1.
solve(['D','C','D','D','C'], 1) = 2, too many dogs, so all cats get caught!


👉 @frontendInterview

Читать полностью…

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

Основы TypeScript. 3-е изд.

Полностью обновленное третье издание классического бестселлера Адама Фримена. В нем освещены все возможности TypeScript 5, включая новые, такие как декораторы. Сначала вы узнаете, зачем и почему был создан язык TypeScript, а затем почти сразу перейдете к практическому применению статических типов.

Каждая глава посвящена навыкам, необходимым для написания потрясающих веб-приложений.

👉 @frontendInterview

Читать полностью…

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

Собрали MVP на скорую руку и отправили в прод

👉 @frontendInterview

Читать полностью…

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

Два собеседования

Именно столько нужно, чтобы нанять или не нанять человека, считает автор. А всё остальное — непродуктивно. И это не просто желание из лени, тут есть смысл.

Допустим, когда на каждом этапе кандидата собеседуют разные люди, ответственность как бы делится между ними. А если ответственны все — то ответственность не несет никто.

Еще у опытных сеньоров просто не выдерживают нервы от количества этапов, и они уходят. Хотя компания думает наоборот, что самые опытные доходят до конца.

Короче, есть о чем подумать. В тексте еще много примеров в защиту двухэтапного собеса:

👉 @frontendInterview

Читать полностью…
Subscribe to a channel