Руслан Куянец | Reactify

Сегодня выступаю на митапе сообщества.
Тема: Системный дизайн - создание ленты постов.

Планировал просто созвониться и обсудить какой-нибудь сервис или приложение, чтобы продумать стек технологий, архитектуру и функциональные возможности. Однако увлекся и с утра занялся составлением подробного плана. Отнесся к этому весьма серьезно.😅🙃

Это нечастая тема на YouTube, и я решил ее осветить

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

А я пошел дальше делать план для митапа😬

Как доказать софт скиллы? Пишем в обо мне: Я дружелюбный коммуникабельный, пунктуальный и тд
В конце пишем: "Если ты это читаешь, то знай, ты самый классный эйчар"

В итоге доказали ваши софты 💯

Делаю гайд по резюме. Нашел статью на сайте курсов (на фото)

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

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

Не включайте в резюме списки софт скиллов. Эти субъективные утверждения редко воспринимаются всерьез. Пишите резюме языком фактов, позволяя работодателю самому сделать выводы о ваших коммуникативных и командных навыках на основе ваших достижений.

Прикол конечно. Кому верим?😅

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

Последние 3 месяца работаю на износ. Нужна была смена обстановки и отдых.

Стараюсь больше отдыхать, а в перерывах между отдыхом - созвоны с Ехабом, учениками, сообществом. И гайды разумеется 💪🏻

Значимость различных параметров резюме ИТ-кандидатов

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

#frontend

Во так вот

✔️ Оптимистичный подход

Я, конечно, немного нагнал жути. Знаете, что я говорю своим ученикам? Тот, кто прилагает усилия, в любом случае будет вознагражден. Если вы трудитесь, то обязательно добьетесь своей цели.

Прошли те времена, когда в IT можно было войти с начальными знаниями. Теперь это сфера, где действительно нужны глубокие знания и умения. К сожалению, даже знания можно просто заучить, чтобы пройти собеседование. Но без этого никуда, везде есть хитрые люди.

Идите к своей цели. Чем могу — помогу. У меня есть разные уровни поддержки:
✔️ Бесплатный контент: Качественно сделанный и доступный для всех.
✔️ Закрытое сообщество: За минимальную цену вы получите максимальную пользу.
✔️ Менторство: Самый эффективный уровень помощи. Менторство интегрировано в сообщество, и все мои ученики имеют подписку на самый высокий уровень.

👍👍👍 Reactify

Самостоятельное обучение

Друзья, я планирую подготовить для вас серию видео-гайдов, которые опубликую на моем YouTube канале. Вот темы, которые я планирую осветить:

👍 Как грамотно оформить резюме
💼 Как готовиться к собеседованиям
👥 Процессы в компаниях
👊 Как искать работу
💡 Как правильно практиковаться

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

⁉️ Как самоучке найти работу?

📌 Он должен пахать и войти в 5% джунов.
📌 Найти стажировку. Видели, что требуют на стажировке в Тинькове и Сбере? Алгоритмы.
📌 Быть активным, ходить на мероприятия и устраиваться по знакомству или реферальной ссылке. Кто из вас ходит на мероприятия?
📌 Долго учиться, самому практиковаться и немного накрутить опыт, включить свою практику как работу.
📌 Хорошо изучить материал, получить практический опыт, подготовиться к собеседованию, поработать в команде и крутить опыт 2-3 года. Это мой вариант, я за него.
📌 Только подготовка к собеседованиям: куча вопросов, куча задач, куча теории, моковые собесы и куча проваленных собесов перед успешным.
📌 Проходить собеседования с помощью ментора с подсказками.

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

Как сделать себе план, где брать вопросы, как готовиться к собеседованию, что нужно учить и тд. Это комплексная работа. Нужно расписать себе все и быть в курсе всех требований

‼️ Ситуация на рынке [Читать всем]

На рынке труда большой наплыв новичков без опыта и знаний. Они откликаются на вакансии, где требуется знание React и его экосистемы, но сами владеют лишь базовыми знаниями JavaScript и только начали изучать React. Таких кандидатов составляет 60-70% из-за агрессивной рекламы курсов и популярности IT в целом.

Остальные кандидаты уже знают стек, но большинство из них также не имеют достаточной практики и знаний. Оставшиеся 5-10% – это хорошие новички с относительно высоким уровнем подготовки. Но как этим ребятам пробиться и выделиться среди тысяч кандидатов, если джуниорских вакансий всего около 5%?

⚠️ Ситуация со стороны компаний

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

Если много желающих, а ты хочешь взять лучшего, то что делать? Правильно, усложнять собеседование. Давать сложное тестовое задание, мучить джуна 1.5-2 часа на собеседовании с сложными вопросами, лайвкодингом, задачами. Несмотря на ужесточения, толпы джунов все равно идут.

❓ Вопрос: как войти в 5% самых классных и крутых?

Столько нюансов, столько технологий и тем, очень сложный отбор. Вы буквально должны знать все. Это несправедливо. Компания еще и нос воротит, потому что даже если вы входите в 5%, всегда есть остальные 1-4%, которые вас превосходят.

Вы думаете, что на мидла просто попасть? Типа накрутил и тебя взяли? Тут еще сложнее. Видели бы вы, какой марафон проходят ребята, прежде чем накрутить опыт. Это жесткая подготовка: куча моковых собесов, групповых собесов, видео и 1000 вопросов. А еще лайвкодинг, нарешивание 50-100 задач. Это жесть. Даже на менторстве многие выгорают и не справляются, хотя ментор всегда с тобой, поддерживает, помогает и направляет.

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

А накрутка становится все популярнее. Менторство становится популярнее. Представьте, как требования будут ужесточаться. Я это вижу изнутри. Это ужас.

🆕 Новые виды трудоустройства. Помощь ментора

Требования усложняются – вводятся новые виды трудоустройства. Не просто накрутка, а прохождение собесов с ментором, который следит за собеседованием и подсказывает вам. Таким счпособом проходить собесы легче. Но представьте, что из-за этого, собеседования будут еще больше усложнять. Потому, что складывается впечатление, что собесы легкие, раз человек смог его пройти. Что сделает компания? Усложнит еще больше

#frontend #interview

Докрутились? 😡

Ребята, предлагаю взяться за оздоровление сферы. Если вы считаете себя компетентнее накрутчиков, пора действовать. Приходите на менторство ко мне. Мы будем работать в командах, набираться опыта, готовиться к собесам, грамотно распишем резюме и станем сильными джунами, чтобы вытеснить накрутчиков. Придется накрутить опыт, но только с благими намерениями. Чтобы пройти фильтры и конкурировать с недобросовестными и некомпетентными накрутчиками. 👊👊

https://www.cnews.ru/news/top/2024-07-12_rossijskuyu_it-otrasl_okkupirovali

ЭКОСИСТЕМА REACTIFY

Лучший Frontend Roadmap
https://www.youtube.com/watch?v=9Pbm_V0MM0Y

Лучший React Roadmap
https://youtu.be/Y_5dt4WSehs?si=9YxVzKzSQ1wuD8DG

Лучший курс по TypeScript
https://youtu.be/PYWaUwjofJo?si=G9tVzAIh0Wb_KroN

Лучшее видео по FSD
https://youtu.be/O4SDx-aZY5U?si=bgzJqAEx3W3sG1xp

Лучший курс по HTML
https://youtu.be/56lpkwhaJhQ?si=yaljlD28fC5ygHt-

Лучшая практика React (Bestseller)
https://youtu.be/bD0UXb7kD_k?si=LaFl1DThVq0MYJyE

Подготовка к собеседованиям
@frontend_questions

Лучшее менторство
https://react-mentor.notion.site/Frontend-a92c7b7d0d664e7297e2fa3d6acb2c26

Лучшее сообщесво
https://react-mentor.notion.site/efda912aa68b40b5911798ba731df303

И я не преувеличиваю.

👍 Reactify

Собеседование на 250к рублей

Вопросы неплохие для проверки реального опыта. Чтобы на них ответить, ты реально должен столкнуться с этими моментами на проектах.

- Что конкретно ты сделал на проекте
- Что такое всплытие (переменных и событий).
- Что такое замыкания
- Что такое погружение
- Способы оптимизации приложения
- Как объявить ф-цию
- что такое this
- отличие expression от declaration
- какие тесты в Сторибуке делал
- как работать с асинхронщиной в JS
- что такое event loop
- Виды уязвимостей
- Как оптимизировать приложение, как понять что ты оптимизировал, какие метрики использовал
- Системы логирования ошибок
- Какие тесты писали для JS
- Уязвимость с innerHTML
- Что такое виртуал дом
- CORS
- СICD
- какой флоу был
- Как работал с тех-долгом
- Как работал с безопасностью
- Вопросы про процессы в команде

#frontend #interview

#tech #JavaScript #this
Стрелочные функции и this

💡 Стрелочные функции не имеют своего собственного this. Вместо этого они захватывают this из окружающего контекста в момент своего создания. Это поведение называется "лексическим this".

function Animal(name, sound) {
    this.name = name;
    this.sound = sound;
    this.makeSound = () => {
        console.log(`${this.name} says ${this.sound}`);
    };
}

const dog = new Animal('Dog', 'Woof');
dog.makeSound(); // 'Dog says Woof'

✍️ Когда вы используете стрелочную функцию в конструкторе, this внутри стрелочной функции указывает на экземпляр объекта, который создается с помощью этого конструктора.

Пример использования в методе объекта:

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

const obj = {
    name: 'Dog',
    sound: 'Woof',
    makeSound: () => {
        console.log(`${this.name} says ${this.sound}`);
    }
};

obj.makeSound(); // undefined says undefined

✍️ В этом примере стрелочная функция makeSound определена в глобальном контексте (или контексте модуля в Node.js), где this будет undefined (в строгом режиме) или объектом глобального контекста (в нестрогом режиме), но не объектом obj.

Итог:
✔️ В конструкторе: Стрелочная функция захватывает this из контекста вызова конструктора, что позволяет правильно ссылаться на свойства экземпляра объекта.
✔️ В методе объекта: Стрелочная функция захватывает this из контекста своего определения, что часто приводит к undefined или некорректному значению this.

Автор: @reactify_IT

👍 Вступай в сообщество

Вы не можете контролировать ветер, но вы можете настроить паруса.

Как вы понимаете эту цитату. Конкретно в вашем случае?

Задача с митапа This

function Animal(name, sound) {
    this.name = name;
    this.sound = sound;
    this.makeSound = () => {
        console.log(`${this.name} says ${this.sound}`);
    };
}

const dog = new Animal('Dog', 'Woof');
dog.makeSound();

Кто знает что выведет в консоль?👇

Что самое сложное на собеседованиях?

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

Лайвкодинг. Этот этап сложнее, так как в процессе отслеживаются ваши мысли и рассуждения. Важно не только написать правильный код, но и уметь объяснять свои действия и решения.

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

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

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

Я встречал много умных кандидатов, которые общались сухо и монотонно, без эмоций. Но их не выбирали. Также встречал ребят, которые приятны в общении, допускают ошибки, но располагают к себе. Такие собеседования приятно смотреть, кандидат становится симпатичен. Таким часто дают оффер.

В общем, это все сложно. Нужно угодить с разных сторон. А как это сделать, если нет четкого плана подготовки? 🤔

#frontend #interview

Печально, что необходимо "прогревать" то, что должны с руками и ногами отрывать😄

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

Но да ладно, кому нужно, те возьмут 💯

Видео про This в YouTube тоже запишу в августе ✔️

Reactify Митап

Спикер: Руслан, Senior Frontend Разработчик, 3+ лет опыта

Тема: This + разбор задач

Дата и время: 11 июля, Четверг, 20:00 мск

Выступил перед членами сообщества с докладом на тему This. Готовился 1.5 недели😅
Куча примеров и задач. Разобрали все кейсы. Больше часа длился митап. Запись митапа и график-схема будет в сообществе. Это одна из самых сложных и важных тем в JavaScript (важных для собеседований😅)

Впереди еще куча интересного. Планируем уже будущие митапы. Можете посмотреть наш календарь💪

📅 Календарь мероприятий