⚡ Задача дня
❓ Что выведет консоль?
✅ Ответ
4 40 4 5
📚 Почитать про push, pop, shift, unshift можно здесь:
https://learn.javanoscript.ru/array-methods#push-pop-shift-unshift
#javanoscript #frontend #фронтендсобеседования
❓ Что выведет консоль?
const arr = [10, 20, 30];
const a = arr.push(40);
const b = arr.pop();
const c = arr.unshift(5);
const d = arr.shift();
console.log(a, b, c, d);
✅ Ответ
📚 Почитать про push, pop, shift, unshift можно здесь:
https://learn.javanoscript.ru/array-methods#push-pop-shift-unshift
#javanoscript #frontend #фронтендсобеседования
При решении алгоритмических задач нам часто нужно перебирать массив. Давай разберёмся, чем отличаются for, forEach и for...of, и в каких случаях каждый из них удобнее. 🔍
1️⃣ for
Классический способ перебора массива, подходит для случаев, когда нужен полный контроль над итерацией: досрочный выход (break, return) или переход к следующей итерации (continue).
✅ Позволяет управлять индексом.
✅ Можно использовать break, continue, return.
❌ Код получается более громоздким.
2️⃣ for...of
Современный способ перебора итерируемых объектов, включая массивы. Читается проще, чем for, позволяет break, continue и return.
✅ Простой и лаконичный синтаксис.
✅ Работает с break, continue, return.
✅ Подходит для работы с Set, Map, arguments и другими итерируемыми объектами.
❌ Нет доступа к индексу элемента (если нужен индекс, можно использовать .entries()).
3️⃣ forEach
Метод массива, удобный для перебора элементов. Не прерывается с помощью break, continue или return.
✅ Упрощает работу с массивом, не надо следить за индексом.
✅ Лаконичный код.
❌ Нельзя выйти (break или return не остановят forEach).
📌 Вывод:
for – лучший выбор, если нужен индекс или возможность прервать цикл.
forEach – удобен для чистых переборов, но без возможности остановки.
for...of – читабельный вариант, если не нужен индекс.
👉 Что использовать – зависит от задачи! 🚀
1️⃣ for
Классический способ перебора массива, подходит для случаев, когда нужен полный контроль над итерацией: досрочный выход (break, return) или переход к следующей итерации (continue).
const nums = [1, 2, 3, 4, 5];
for (let i = 0; i < nums.length; i++) {
if (nums[i] === 3) continue; // Пропускаем число 3
if (nums[i] === 4) break; // Останавливаем цикл
console.log(nums[i]);
}
// Выведет: 1, 2
✅ Позволяет управлять индексом.
✅ Можно использовать break, continue, return.
❌ Код получается более громоздким.
2️⃣ for...of
Современный способ перебора итерируемых объектов, включая массивы. Читается проще, чем for, позволяет break, continue и return.
const nums = [1, 2, 3, 4, 5];
for (let num of nums) {
if (num === 3) continue; // Пропускаем 3
if (num === 4) break; // Останавливаем цикл
console.log(num);
}
// Выведет: 1, 2
✅ Простой и лаконичный синтаксис.
✅ Работает с break, continue, return.
✅ Подходит для работы с Set, Map, arguments и другими итерируемыми объектами.
❌ Нет доступа к индексу элемента (если нужен индекс, можно использовать .entries()).
for (let [index, num] of nums.entries()) {
console.log(index, num);
}
// Выведет: 0 1, 1 2, 2 3, 3 4, 4 5
3️⃣ forEach
Метод массива, удобный для перебора элементов. Не прерывается с помощью break, continue или return.
const nums = [1, 2, 3, 4, 5];
nums.forEach((num, index, arr) => {
if (num === 3) return; // НЕ ОСТАНОВИТ ВЕСЬ ЦИКЛ! Только текущую итерацию
console.log(num);
});
// Выведет: 1, 2, 4, 5
✅ Упрощает работу с массивом, не надо следить за индексом.
✅ Лаконичный код.
❌ Нельзя выйти (break или return не остановят forEach).
📌 Вывод:
for – лучший выбор, если нужен индекс или возможность прервать цикл.
forEach – удобен для чистых переборов, но без возможности остановки.
for...of – читабельный вариант, если не нужен индекс.
👉 Что использовать – зависит от задачи! 🚀
❤1
Друзья, сняла для вас ролик про основные ошибки джуниор-разработчиков, которые мешают расти в профессии. Затронула противоречивые темы и постаралась рассмотреть некоторые пункты с разных сторон. Делитесь в комментариях: какие ошибки допускали вы, и как вам удалось с ними справиться?
https://youtu.be/-htWGDRyv1Y?si=mWVNWdx0nXdOseJI
#Frontend #ДжуниорРазработчик #ОшибкиРазработчиков #ITкарьера #Программирование
https://youtu.be/-htWGDRyv1Y?si=mWVNWdx0nXdOseJI
#Frontend #ДжуниорРазработчик #ОшибкиРазработчиков #ITкарьера #Программирование
YouTube
8 ГЛАВНЫХ ОШИБОК ДЖУНИОР-РАЗРАБОТЧИКА В 2025 ГОДУ!
Привет! Если ты начинающий разработчик и хочешь быстрее расти в профессии, то обязательно избегай этих ошибок! В этом видео разберём, что мешает джунам становиться крутыми разработчиками. Говорим о страхе задавать вопросы, боязни ошибок, слепом копировании…
Что такое поведенческое интервью и зачем оно нужно? (Часть 1)
Недавно проходила собес в одну крупную IT компанию, и одной из секций было поведенческое интервью. Название звучит жутковато (у меня сразу ассоциации с лабораториями и экспериментами 🧪😅), но по факту это просто разговор, в котором хотят понять, как ты работаешь, взаимодействуешь с людьми и решаешь проблемы.
⚡ Что важно знать?
Поведенческое интервью часто выделяют в отдельный этап (иногда называют финальным или «знакомством с менеджером»), но подобные вопросы могут встретиться в любой части собеса — у рекрутера и на техническом интервью.
Это не тест на интеллект, а способ проверить твою адекватность, поведение в рабочих ситуациях и соответствие культуре компании.
Вместо общих вопросов («Какие у вас сильные стороны?») тебя попросят описать реальный опыт или смоделировать ситуацию.
🤔 Какие вопросы могут задать?
«Расскажите про самую сложную задачу, с которой вы сталкивались»
«Как вы решали конфликт в команде?»
«Когда допустили ошибку? Как исправили и какие выводы сделали?»
«Как поступите, если не успеваете в сроки?»
«Что сделаете, если не согласны с комментарием коллеги к вашему PR?»
«Расскажите, когда вы проявили инициативу»
«Как изучаете что-то новое?»
🎯 Что хотят услышать?
Компании важно не просто узнать, какие у тебя есть навыки, а понять, как ты их применяешь в реальных ситуациях.
💡 Основные качества, которые оценивают:
✅ Командная работа – как взаимодействуешь с коллегами, решаешь конфликты.
✅ Адаптивность – как быстро переключаешься, осваиваешь новое.
✅ Организованность – умеешь ли планировать задачи и держать дедлайны.
✅ Проактивность – готов ли предлагать идеи и доводить задачи до конца.
✅ Способность принимать фидбэк – адекватно реагируешь на критику, делаешь выводы.
✅ Обучаемость – стремишься ли к развитию.
✅ Лидерские качества – если роль требует инициативности.
В следующем посте расскажу как подготовиться и не провалиться на собеседовании 😉👇
#собеседование #поведенческоеинтервью
Недавно проходила собес в одну крупную IT компанию, и одной из секций было поведенческое интервью. Название звучит жутковато (у меня сразу ассоциации с лабораториями и экспериментами 🧪😅), но по факту это просто разговор, в котором хотят понять, как ты работаешь, взаимодействуешь с людьми и решаешь проблемы.
⚡ Что важно знать?
Поведенческое интервью часто выделяют в отдельный этап (иногда называют финальным или «знакомством с менеджером»), но подобные вопросы могут встретиться в любой части собеса — у рекрутера и на техническом интервью.
Это не тест на интеллект, а способ проверить твою адекватность, поведение в рабочих ситуациях и соответствие культуре компании.
Вместо общих вопросов («Какие у вас сильные стороны?») тебя попросят описать реальный опыт или смоделировать ситуацию.
🤔 Какие вопросы могут задать?
«Расскажите про самую сложную задачу, с которой вы сталкивались»
«Как вы решали конфликт в команде?»
«Когда допустили ошибку? Как исправили и какие выводы сделали?»
«Как поступите, если не успеваете в сроки?»
«Что сделаете, если не согласны с комментарием коллеги к вашему PR?»
«Расскажите, когда вы проявили инициативу»
«Как изучаете что-то новое?»
🎯 Что хотят услышать?
Компании важно не просто узнать, какие у тебя есть навыки, а понять, как ты их применяешь в реальных ситуациях.
💡 Основные качества, которые оценивают:
✅ Командная работа – как взаимодействуешь с коллегами, решаешь конфликты.
✅ Адаптивность – как быстро переключаешься, осваиваешь новое.
✅ Организованность – умеешь ли планировать задачи и держать дедлайны.
✅ Проактивность – готов ли предлагать идеи и доводить задачи до конца.
✅ Способность принимать фидбэк – адекватно реагируешь на критику, делаешь выводы.
✅ Обучаемость – стремишься ли к развитию.
✅ Лидерские качества – если роль требует инициативности.
В следующем посте расскажу как подготовиться и не провалиться на собеседовании 😉👇
#собеседование #поведенческоеинтервью
❤1
Как подготовиться к поведенческому интервью (Часть 2)
Само по себе поведенческое интервью — не такое уж страшное мероприятие. Но без подготовки можно легко растеряться и создать неверное впечатление. Чтобы этого не произошло, давай разберём ключевые стратегии подготовки:
1️⃣ Проанализируй вакансию и ценности компании
📌 Ещё раз внимательно прочитай требования к кандидату.
Если компания ищет человека с «проактивной позицией», жди вопросов про инициативность. Если акцент на командную работу – готовь истории про успешное взаимодействие с коллегами.
🔹 Где искать ценности компании?
Часто их можно найти на сайте компании или в описании вакансии. Если там акцент на «адаптивность» и «обучаемость», подготовь примеры, где ты быстро осваивал новое или успешно справлялся с изменениями.
💡 Чем лучше ты понимаешь, кого ищет компания, тем легче подготовить релевантные ответы.
2️⃣ Подготовь примеры из своего опыта
🤔 Не рассчитывай, что вспомнишь всё на ходу. Подготовь 3-5 историй, которые можно адаптировать под разные вопросы:
✔️ Успешный проект, где ты проявил лидерство.
✔️ Конфликтная ситуация, которую ты смог разрулить.
✔️ Ошибка, из которой ты сделал важные выводы.
✔️ Сложная задача, где тебе пришлось проявить креативность.
✔️ Пример, когда ты взял инициативу и это дало результат.
📌 Если у тебя мало опыта, бери примеры из учёбы, стажировок, фриланса или даже личных проектов. Главное – конкретика.
3️⃣ Используй метод STAR
Чтобы твои ответы были чёткими и логичными, используй структуру STAR:
⭐ S (Situation) – опиши ситуацию (где и когда это было?).
⭐ T (Task) – какая перед тобой стояла задача/проблема?
⭐ A (Action) – какие шаги ты предпринял для решения?
⭐ R (Result) – какой был результат?
🔹 Пример плохого ответа: «Ну, был проект, и там было сложно, но я разобрался».
🔹 Пример хорошего ответа:
🎯 «На одном проекте мы столкнулись с проблемой медленной загрузки страницы (S). Мне нужно было найти способ ускорить её без переписывания всего кода (T). Я провёл анализ и предложил использовать кеширование с React Query (A). Это снизило время загрузки на 40% и упростило работу с данными (R).»
4️⃣ Практикуй свои истории
✅ Проговори ответы вслух, но не заучивай дословно – важно, чтобы ты звучал естественно.
✅ Укладывайся в 2-3 минуты, иначе интервьюер может потерять нить.
💡 Можно использовать голосового помощника для тренировки. Например, с таким промптом:
"Ты HR в IT-компании с 10-летним опытом. Проведи мне поведенческое интервью, задавай вопросы, оценивай мои ответы и подсказывай, что можно улучшить."
Такая тренировка особенно хорошо помогает «разогреть мозг», если собеседование проходит на иностранном языке.
5️⃣ Подготовь вопросы для интервьюера
В конце собеседования тебя, скорее всего, спросят: «У вас есть вопросы?»
✅ Лучше подготовь 1-2 осмысленных вопроса, которые покажут твою вовлечённость.
❓ Что можно спросить?
«Как в вашей команде принимаются решения?»
«Какие вызовы сейчас стоят перед командой?»
«Как у вас проходит адаптация новых сотрудников?»
💡 Хорошие вопросы = плюс к твоему впечатлению как кандидата.
#собеседования #поведенческоеинтервью
Само по себе поведенческое интервью — не такое уж страшное мероприятие. Но без подготовки можно легко растеряться и создать неверное впечатление. Чтобы этого не произошло, давай разберём ключевые стратегии подготовки:
1️⃣ Проанализируй вакансию и ценности компании
📌 Ещё раз внимательно прочитай требования к кандидату.
Если компания ищет человека с «проактивной позицией», жди вопросов про инициативность. Если акцент на командную работу – готовь истории про успешное взаимодействие с коллегами.
🔹 Где искать ценности компании?
Часто их можно найти на сайте компании или в описании вакансии. Если там акцент на «адаптивность» и «обучаемость», подготовь примеры, где ты быстро осваивал новое или успешно справлялся с изменениями.
💡 Чем лучше ты понимаешь, кого ищет компания, тем легче подготовить релевантные ответы.
2️⃣ Подготовь примеры из своего опыта
🤔 Не рассчитывай, что вспомнишь всё на ходу. Подготовь 3-5 историй, которые можно адаптировать под разные вопросы:
✔️ Успешный проект, где ты проявил лидерство.
✔️ Конфликтная ситуация, которую ты смог разрулить.
✔️ Ошибка, из которой ты сделал важные выводы.
✔️ Сложная задача, где тебе пришлось проявить креативность.
✔️ Пример, когда ты взял инициативу и это дало результат.
📌 Если у тебя мало опыта, бери примеры из учёбы, стажировок, фриланса или даже личных проектов. Главное – конкретика.
3️⃣ Используй метод STAR
Чтобы твои ответы были чёткими и логичными, используй структуру STAR:
⭐ S (Situation) – опиши ситуацию (где и когда это было?).
⭐ T (Task) – какая перед тобой стояла задача/проблема?
⭐ A (Action) – какие шаги ты предпринял для решения?
⭐ R (Result) – какой был результат?
🔹 Пример плохого ответа: «Ну, был проект, и там было сложно, но я разобрался».
🔹 Пример хорошего ответа:
🎯 «На одном проекте мы столкнулись с проблемой медленной загрузки страницы (S). Мне нужно было найти способ ускорить её без переписывания всего кода (T). Я провёл анализ и предложил использовать кеширование с React Query (A). Это снизило время загрузки на 40% и упростило работу с данными (R).»
4️⃣ Практикуй свои истории
✅ Проговори ответы вслух, но не заучивай дословно – важно, чтобы ты звучал естественно.
✅ Укладывайся в 2-3 минуты, иначе интервьюер может потерять нить.
💡 Можно использовать голосового помощника для тренировки. Например, с таким промптом:
"Ты HR в IT-компании с 10-летним опытом. Проведи мне поведенческое интервью, задавай вопросы, оценивай мои ответы и подсказывай, что можно улучшить."
Такая тренировка особенно хорошо помогает «разогреть мозг», если собеседование проходит на иностранном языке.
5️⃣ Подготовь вопросы для интервьюера
В конце собеседования тебя, скорее всего, спросят: «У вас есть вопросы?»
✅ Лучше подготовь 1-2 осмысленных вопроса, которые покажут твою вовлечённость.
❓ Что можно спросить?
«Как в вашей команде принимаются решения?»
«Какие вызовы сейчас стоят перед командой?»
«Как у вас проходит адаптация новых сотрудников?»
💡 Хорошие вопросы = плюс к твоему впечатлению как кандидата.
#собеседования #поведенческоеинтервью
Новый разбор алгоритмических задач https://youtu.be/A-yzUTpKrks
YouTube
26 LeetCode: Разбираем задачи на Javanoscript для собеседований
Задача об удалении элемента из отсортированного массива c LeetCode (Top Interview 150 - Remove Duplicates from Sorted Array):
https://leetcode.com/problems/remove-duplicates-from-sorted-array
💡 Готовишься к собеседованию на Frontend-разработчика? В этом…
https://leetcode.com/problems/remove-duplicates-from-sorted-array
💡 Готовишься к собеседованию на Frontend-разработчика? В этом…
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Если изучать CSS, то только так! 😉
Всем весеннего настроения!
Всем весеннего настроения!
😁3
Я проанализировала все свои чаты с ChatGPT и расскажу, как он помогает мне в работе чаще всего:
1️⃣ Отзывы на полугодовом ревью
Раньше я ненавидела их писать: формулировать мысли, красиво излагать, следить за грамматикой — всё это отнимало кучу времени. Теперь просто задаю чату задачу: «Напиши положительный (умеренный, очень положительный) отзыв, отметь пункты 1, 2, 3». Пункты формулируя кратко своими словами, и он выдаёт текст, который идеально отражает мои мысли. Остаётся лишь немного подправить шероховатости.
2️⃣ Оптимизация резюме
Когда искала работу, я прогнала своё резюме через ChatGPT, задав ему роль опытного HR-специалиста. В итоге оно стало гораздо лучше, чем моя собственная версия.
3️⃣ Ответы рекрутерам
Переписка с рекрутерами, особенно на английском, теперь занимает у меня минимум времени. Чат помогает писать грамотные и вежливые ответы, а я уверена, что выгляжу уместно.
4️⃣ Генерация сопроводительных писем
При массовом отклике на вакансии важно, чтобы сопроводительное письмо не было универсальным, а подстраивалось под компанию и вакансию. Если писать вручную — это отнимает часы. А вот загнав в чат описание вакансии, можно получить более привлекательное для рекрутеров письмо. То же самое работает и с резюме: его тоже можно адаптировать под компанию, а не рассылать одну и ту же версию всем подряд.
5️⃣ Подготовка к собеседованиям
ChatGPT помогает мне не только с задачами для тренировки, но и с английским. Можно «размяться» перед интервью с голосовым помощником (не забыв задать роли правильно), смоделировать диалог или отработать ответы на сложные вопросы. Можно попросить чат исправлять ошибки и предлагать улучшения.
Это всё про софт-скиллы и поиск работы, а если хочешь узнать, как я использую ChatGPT для написания кода, ставь
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
Друзья, вы должны это попробовать! Я была в шоке от того, что может этот AI инструмент 💥 Краткий обзор тут:
https://youtu.be/oIR4J6aYoJU
https://v0.dev/
https://youtu.be/oIR4J6aYoJU
https://v0.dev/
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Создай Фронтенд Приложение за 15 МИНУТ с V0!
Удивительно, но настоящее фронтенд-приложение можно создать всего за 15 минут с помощью искусственного интеллекта V0. Этот мощный инструмент генерирует код по текстовому запросу, изображению или макету из Figma, деплоит в облако и предоставляет ссылку на…
❤1
🤖 Как я использую ChatGPT для написания кода #AI #ИИ
Итак, продолжаю серию о том, как ИИ упрощает жизнь разработчика.
Бывало у тебя такое? Ты знаешь, что есть библиотека, которая решает твою задачу (например, форматирование даты), но чтобы разобраться в параметрах, приходится копаться в документации — а она не всегда дружелюбная. А если нужно просто быстро применить её локально в одном месте, это может занять больше времени, чем хотелось бы.
И вот тут я открываю чат GPT (ладно, я его не закрываю😉 ):
Итак, продолжаю серию о том, как ИИ упрощает жизнь разработчика.
Бывало у тебя такое? Ты знаешь, что есть библиотека, которая решает твою задачу (например, форматирование даты), но чтобы разобраться в параметрах, приходится копаться в документации — а она не всегда дружелюбная. А если нужно просто быстро применить её локально в одном месте, это может занять больше времени, чем хотелось бы.
И вот тут я открываю чат GPT (ладно, я его не закрываю
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
🧠 Продолжаем исследовать нейросети для разработчиков!
В прошлый раз я уже делилась, как можно использовать ChatGPT в разработке и для около рабочих задач. И хотя основную часть времени для кодинга я использую другие инструменты (о них обязательно расскажу в следующих постах — там такие находки, ух!), сегодня всё-таки хочу дописать про GPT и его "собратьев".
🕵️ Нейросети как поисковик
Один из очевидных способов использования AI-чатов вроде GPT — искать с их помощью информацию, вместо того чтобы самому гуглить, открывать кучу вкладок и вычитывать нужное вручную.
В идеале всё просто: задал вопрос → получил готовую выжимку. Но есть свои минусы.
⚠️ Галлюцинации
Нейросети умеют... придумывать. Причём с таким серьёзным видом, будто всё правда. Чтобы избежать этого и получить действительно реальные ссылки, обязательно включай параметр Search (или выбери режим с доступом к интернету). Без этого нейросети просто "представляют", что могли бы найти, и с радостью выдают это тебе как факт.
🔍 Мини-тест: сравнила 3 сервиса
Я решила проверить, как с задачей поиска справятся три разных AI: ChatGPT, DeepSeek и Perplexity (все с включенным режимом Search).
Задала им всем один и тот же запрос:
find several free Figma designs which can be adopted for Chef & Personal Cook web site
(перевод: найди несколько бесплатных Figma-дизайнов, которые можно адаптировать для сайта персонального повара)
💡 Что из этого вышло:
ChatGPT справился с задачей так себе: часть ссылок оказалась нерелевантной, часть вела на платные ресурсы, и только пара была действительно полезной.
DeepSeek выдал больше результатов. Да, среди них тоже были спорные, но результат оказался ощутимо лучше.
Perplexity мне понравился больше всего. Большинство ссылок были бесплатными и вели на настоящие Figma-файлы, которые реально можно использовать. Да, в бесплатной версии он ограничен по количеству выдачи, но, согласись, мы ведь и в жизни редко заходим дальше второй страницы поисковика? 😉
✅ Вывод:
Если используешь искусственный интеллект именно для поиска, то ChatGPT — не самый эффективный вариант. Perplexity или Deepseek могут лучше справиться с этой задачей.
#AI #ИИ #нейросеть
В прошлый раз я уже делилась, как можно использовать ChatGPT в разработке и для около рабочих задач. И хотя основную часть времени для кодинга я использую другие инструменты (о них обязательно расскажу в следующих постах — там такие находки, ух!), сегодня всё-таки хочу дописать про GPT и его "собратьев".
🕵️ Нейросети как поисковик
Один из очевидных способов использования AI-чатов вроде GPT — искать с их помощью информацию, вместо того чтобы самому гуглить, открывать кучу вкладок и вычитывать нужное вручную.
В идеале всё просто: задал вопрос → получил готовую выжимку. Но есть свои минусы.
⚠️ Галлюцинации
Нейросети умеют... придумывать. Причём с таким серьёзным видом, будто всё правда. Чтобы избежать этого и получить действительно реальные ссылки, обязательно включай параметр Search (или выбери режим с доступом к интернету). Без этого нейросети просто "представляют", что могли бы найти, и с радостью выдают это тебе как факт.
🔍 Мини-тест: сравнила 3 сервиса
Я решила проверить, как с задачей поиска справятся три разных AI: ChatGPT, DeepSeek и Perplexity (все с включенным режимом Search).
Задала им всем один и тот же запрос:
find several free Figma designs which can be adopted for Chef & Personal Cook web site
(перевод: найди несколько бесплатных Figma-дизайнов, которые можно адаптировать для сайта персонального повара)
💡 Что из этого вышло:
ChatGPT справился с задачей так себе: часть ссылок оказалась нерелевантной, часть вела на платные ресурсы, и только пара была действительно полезной.
DeepSeek выдал больше результатов. Да, среди них тоже были спорные, но результат оказался ощутимо лучше.
Perplexity мне понравился больше всего. Большинство ссылок были бесплатными и вели на настоящие Figma-файлы, которые реально можно использовать. Да, в бесплатной версии он ограничен по количеству выдачи, но, согласись, мы ведь и в жизни редко заходим дальше второй страницы поисковика? 😉
✅ Вывод:
Если используешь искусственный интеллект именно для поиска, то ChatGPT — не самый эффективный вариант. Perplexity или Deepseek могут лучше справиться с этой задачей.
#AI #ИИ #нейросеть
👍3