Javascript js frontend

Из вашего резюме вообще понятно, что вы умеете как Frontend-разработчик?

Мы разбили работу Frontend-разработчика на основные категории и сделали чекер, который показывает, какие из них в вашем резюме раскрыты хорошо, частично или почти не видны.

Опыт может быть - но по резюме этого не видно.

Проверь бесплатно и без регистрации:
https://updatecv.me/frontend-developer-resume-checker

А полный анализ резюме с правками доступен на: https://updatecv.me

JavaScript. Что будет выведено в консоль?

Ответ: 40

Оффер 427 000₽ на руки в Сбер и отказались
Оффер 380 000₽ на руки в банк
Оффер 6 800$ net с релокацией на Кипр
Оффер 4 500$ в американскую компанию

👆Это недавние результаты участников нашего комьюнити.

Меня зовут Тихон - я действующий разработчик и ментор. Уже 2 года я развиваю комьюнити, где 300+ разработчиков, и вместе мы выжимаем из рынка максимум!

В нашем канале много ценного для разработчиков по подготовке к собесам👇

Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ

Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще

Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY

Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ

🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март

А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)

Подписывайся 👇
frontend_punks

Реклама, erid: 2W5zFHj6QLH ИП Галактионов Тихон Витальевич, ИНН 771618975809

JavaScript. Что будет выведено в консоль?

Ответ: 20

JavaScript. Что будет выведено в консоль?

Ответ:
20
10
30
10

JavaScript. Задача

Цифровой корень натурального числа — это цифра, полученная в результате итеративного процесса суммирования цифр, на каждой итерации которого для подсчета суммы цифр берут результат, полученный на предыдущей итерации. Этот процесс повторяется до тех пор, пока не будет получена одна цифра.

Необходимо составить программу нахождения цифрового корня натурального числа.

Входные данные: N - натуральное число, где 0 <= N <= 10^9

Вывод: цифровой корень числа N

Ответ

Почему Frontend-разработчики уходят в курьеры?

В последнее время всё чаще вижу одну и ту же картину:
Frontend-разработчик отправляет сотню откликов. Потом ещё сотню. А в ответ пара отписок «мы с вами свяжемся», отказы и тишина

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

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

И нет, речь не про «забудь всё и учись заново». Наоборот, знания JavaScript и опыт разработки там становятся сильным преимуществом

Записал бесплатный видеоразбор, где показываю, на какие направления имеет смысл смотреть Frontend-разработчику, сколько обычно занимает переход, на какие деньги реально выйти и почему там банально проще найти работу

Забирай видеоразбор по ссылке 👇
[▶️ Смотреть]

📂 Напоминалка по URL, URI и URN в веб-разработке!

Например, URL (Uniform Resource Locator) используется для указания адреса ресурса и способа его получения (https://example.com/page), а URI (Uniform Resource Identifier) является общим идентификатором ресурса, который включает в себя URL и URN.

На картинке — сравнение трёх понятий, которые часто используют при работе с веб-технологиями, API и распределёнными системами.

Сохрани, чтобы не потерять!

В нашем канале много ценного для разработчиков по подготовке к собесам👇

Уже 2 года мы развиваем комьюнити, где 10000+ разработчиков, и вместе мы тренируем собеседования и выжимаем из рынка максимум!

Полные разборы собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ

Стримы с гостями и записями:
Как проходить собеседование на английском
Как решать livecoding задачи
Прокачали более 30 резюме вместе с Юрой

Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще

Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY

Статистика по рынку:
Июль, Июнь, Май, Апрель, Март

Текущие рекорды участников:
Оффер 6800$ net с релокацией на Кипр
Из Шанхая до 4500$ в американскую компанию
Получили 427 000 на руки в Сбер и отказались
Выбили 380 000 на руки в банк и приняли!
Наши встречи в Питере, Москве, Шанхае

Как я прохожу собесы на ютубе:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ

А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)

Подписывайся 👇
https://t.me/frontend_punks

Реклама, erid: 2W5zFGVqbey ИП Галактионов Тихон Витальевич, ИНН 771618975809

URLPattern — нативное сопоставление URL без ручных регулярных выражений!

Во многих проектах приходится разбирать URL: определять маршруты, извлекать параметры, проверять соответствие шаблону. Чаще всего для этого используют регулярные выражения или вручную разбирают строку, хотя современные браузеры предоставляют для этого встроенный API — URLPattern.

Создадим шаблон маршрута для страницы пользователя:

const pattern = new URLPattern({
  pathname: "/users/:id"
});

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

Проверим, соответствует ли URL заданному шаблону:

const result = pattern.exec(
  "https://site.com/users/42"
);

console.log(!!result); // true

Если совпадение найдено, exec() возвращает объект с подробной информацией о результате. Если маршрут не подходит — вернётся null.

Получим параметр маршрута:

if (result) {
  console.log(
    result.pathname.groups.id
  );

  // "42"
}

Все именованные параметры автоматически попадают в объект groups. Больше не нужно самостоятельно искать совпадения, работать с индексами или писать регулярные выражения.

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

Например, можно сразу описать шаблон для версии API:

const api = new URLPattern({
  hostname: "api.example.com",
  pathname: "/v:version/users/:id"
});

Теперь один шаблон одновременно проверяет хост и извлекает несколько параметров из пути.

Получим результат сопоставления:

const match = api.exec(
  "https://api.example.com/v2/users/15"
);

console.log(match.pathname.groups);

На выходе получим уже готовый объект:

// {
//   version: "2",
//   id: "15"
// }

URLPattern поддерживается современными браузерами, но если нужна совместимость со старыми версиями, заранее проверьте наличие API.

🔥 URLPattern — позволяет отказаться от значительной части ручного разбора URL и сделать код сопоставления маршрутов заметно чище.

Недавно на Хабре вышла годная статья: «Что происходит внутри Angular и React при решении одних и тех же задач»!

В этой статье:
• Сравнивается, как React и Angular работают с DOM, состоянием, жизненным циклом компонентов и асинхронностью;
• Показывается, что происходит «под капотом» при рендеринге, обновлении интерфейса и обработке изменений;
• Разбираются различия в архитектуре, производительности и подходах к оптимизации, чтобы лучше понимать сильные стороны каждого инструмента.

🔊 Продолжайте читать на Habr!

Задача

В киоске стакан кваса стоит 5 рублей. Дети подходят за квасом по очереди. Каждый купит только один стакан кваса и заплатит купюрой в 5, 10 или 20 рублей. Вы же должны дать сдачу каждому. Сначала у вас нет сдачи.

Необходимо определить, сможете ли вы продать квас каждому ребенку.

Входные данные: bills - массив купюр, которые платит i-й ребенок в очереди.

Вывод: true - если вы сможете рассчитать каждого клиента, false - в противном случае.

Примеры:

[5, 5, 10, 10, 20]
Output: false

- Первым двум покупателям вы продадите квас, не давая сдачи, у вас будет 2 купюры по 5 рублей.
- Следующим двум вы дадите сдачу оставшимися купюрами в 5 рублей. У вас останется только 2 купюры по 10 рублей.
- Последнему покупателю вы не сможете дать сдачу в 15 рублей.

Ответ

Как создать радиальный градиент в CSS?

Для создания фона в виде радиального (кругового, эллиптического) градиента испольуется функция radial-gradient.

Самый простой градиент задаётся двумя цветами.
.element {
background-image: radial-gradient(#6e4aff, #49A16C);
}

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

Цветов мы можем перечислить сколько угодно. Браузер сам распределит градиент таким образом, чтобы последний цвет всегда заходил в угол элемента.

Форма градиента задаётся ключевым словом circle или ellipse (по умолчанию).

Мы можем задавать положение центральной точки, используя те же ключевые слова, что и для background-position, но с приставкой at: at left, at top, at right, at bottom, at center (по умолчанию). Значения можно сочетать, чтобы поместить центр градиента в нужный угол элемента: at top left — центр градиента в верхнем левом углу.

#css

JavaScript. Что будет выведено в консоль?

Ответ: 35

🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер

13 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.

Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу

Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.

Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot

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

JavaScript. Что будет выведено в консоль?

Ответ:
[ 1, 2, 3, [ 1, 2, 3, 1, 2, 3 ] ]
[ 1, 2, 3, [ 1, 2, 3, 1, 2, 3 ] ]

🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг

6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.

Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею

Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.

Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot

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

JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.

Ответ

Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?

Кто-то без всякой драмы проходит собесы и уходит в Яндекс, VK или на валютную удалёнку. В сильные и амбициозные команды.

А у кого-то зарплата не растёт, который год, задачи одни и те же неделя за неделей, календарь забит созвонами, от которых ничего не меняется.

Отклики на вакансии, а в ответ — тишина или очередная noname контора. На собесах вообще нигде не встречающаяся техничка((

👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке.

Из своих учеников собрал комьюнити, в котором уже больше 220 frontend-разработчиков 🫂

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

У меня есть канал, где я:
👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения
👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти
👉 На примерах показываю, как проходить собеседования, включая техничку
👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров

И регулярно выкладываю полезное:
▪️ Задачи, на которых валятся кандидаты
▪️ База по микрофронтам
▪️ Подборка из 100+ каналов с вакансиями для разработчиков
▪️ 100 вопросов, которые помогут тебе на собеседовании
▪️ Чек-лист для проверки своего резюме

А ещё у меня куча успешных кейсов и отзывов — все они в канале.

Подписывайся: https://t.me/+RO_7ZvLujRkzMWVi

Реклама, erid: 2W5zFJkeyPF ИП Галактионов Тихон Витальевич, ИНН 771618975809