fa
Feedback

فریب کلاهبرداران را نخورید! تل‌متریو این کانال‌ها را شناسایی و برچسب‌گذاری می‌کند 👉 برای مشاهده برچسب، اشتراک تهیه کنید

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

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

رفتن به کانال در Telegram

Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT. Менторство: https://reactify.ru YouTube канал: https://youtube.com/@reactify-it YeaHub: https://yeahub.ru/ Связь: @ruslan_kuyanets

نمایش بیشتر
6 399
مشترکین
-424 ساعت
-107 روز
-5230 روز
آرشیو پست ها
Докрутились? 😡 Ребята, предлагаю взяться за оздоровление сферы. Если вы считаете себя умнее и компетентнее накрутчиков, пора действовать. Приходите на менторство ко мне. Мы будем работать в командах, набираться опыта, готовиться к собесам, грамотно распишем резюме и станем сильными джунами, чтобы вытеснить накрутчиков. Придется накрутить опыт, но только с благими намерениями. Чтобы пройти фильтры и конкурировать с недобросовестными и некомпетентными накрутчиками. 👊👊 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
ЭКОСИСТЕМА 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

Repost from N/a
#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 июля, Чет
Reactify Митап Спикер: Руслан, Senior Frontend Разработчик, 3+ лет опыта Тема: This + разбор задач Дата и время: 11 июля, Четверг, 20:00 мск Выступил перед членами сообщества с докладом на тему This. Готовился 1.5 недели😅 Куча примеров и задач. Разобрали все кейсы. Больше часа длился митап. Запись митапа и график-схема будет в сообществе. Это одна из самых сложных и важных тем в JavaScript (важных для собеседований😅) Впереди еще куча интересного. Планируем уже будущие митапы. Можете посмотреть наш календарь💪 📅 Календарь мероприятий

Задача с собеседования. Вилка 200-250 Есть 2 отсортированных массива, нужно узнать число, которое будет посередине, если объединить эти массивы в один отсортированный массив: [1, 2, 3, 3, 4, 13, 15, 16, 20]; Нужно постараться сделать оптимальный алгоритм.

const getMedian = (arr1, arr2) => {};

// Пример вызова функции:
getMedian([1, 3, 15, 20], [2, 3, 4, 13, 16]); // Ожидаемый результат: 4
Кто решил бы? #frontend

А вот ребята из сообщества заряжают других🔥 В их оферах моей заслуги нет, конечно, но мы рады за тех, кто достигает цели. Мы
А вот ребята из сообщества заряжают других🔥 В их оферах моей заслуги нет, конечно, но мы рады за тех, кто достигает цели. Мы рады за членов сообщества🔥 Может будем держаться вместе? Делиться опытом, развиваться, искать работу? Окружите себя единомышленниками 🤝

На прошлой неделе ученик получил офер 🔥 3 месяца обучения 1 месяц поиска 2 скрининга 1 тех скрининг 1 тех собес 1 офер Как в
На прошлой неделе ученик получил офер 🔥 3 месяца обучения 1 месяц поиска 2 скрининга 1 тех скрининг 1 тех собес 1 офер Как вам такой результат? Получается с первого раза ✔️ А все потому, что мои ребята, имеют отличные знания, умеют работать в команде, знают о процессах и умеют писать код. Всем чатиком поддерживали, а теперь радуемся. Остальные ученики, кто скоро приступают к поиску, замотивированы, ведь их знания не хуже😎 Как легко добиваться цели, когда предпринимаешь усилия. Когда ты в правильном окружении. Просто так ничего не бывает. 3 месяца практики и подготовки, больше 10 моковых собесов, множество групповых собеседований и митапов. Подготовка к Софт интервью и проработка резюме. Это все на менторстве. В сообществе есть так же база знаний, групповые собеседования, митапы, практика и единомышленники. Если не хочешь на менторство за 10к месяц, то может надо в сообщество за 2к? Подумайте над этим.

Главная проблема у новичков: не знают, что учить, когда переходить на другую тему/технологию. Видео React Разработчик Roadmap 2024. План + Ресурсы для бесплатного изучения. Дает вам ответ. Бесплатный полный гайд для вас. Все что нужно, все мысли и логика. Как правильно учиться. Что учить. Может стоит посмотреть?

Разминка перед сном? Задачки с собеседования. Вилка 220к-250к. Кто с легкостью залутал бы офер. Жду в комментариях💪 1. Что выведется и почему?

function fn1(a) {
    a = a + 1
}

let a = 1
fn1(a)
console.log(a) // output: ?
2. Что выведется и почему?

function fn2(b) {
    b = b + 1
    return b
}

let b = 1
fn2(b)
console.log(b) // output: ?
3. Что выведется и почему?

function fn3(obj) {
    obj.c = obj.c + 1
}

let obj = { c: 1 }
fn3(obj)
console.log(obj.c) // output: ?
4. Что выведется и почему?

function fn4(arr) {
    arr[1] = arr[1] + 1
}

let arr = [1, 2, 3]
fn4(arr)
console.log(arr) // output: ?
5. Что будет?

let str = '123'
str.abc = 'xxx' // Что будет?
console.log(str.abc) // Что будет?
6. Отрефакторить код

const SomeComponent = () => {
    const [count, setCount] = useState(0)

    function upCount() {
        setCount(count + 1)
    }

    const sendToAnalytic = useCallback((...args) => {
        // doesn't matter
        // some API
    }, [])

    useEffect(() => {
        sendToAnalytic(count)
    }, [count, sentToAnalytic])

    return <button onClick={upCount}>UP</button>
}
7. Написать утилити тайп, который принимает другой тип и берет из него только ключи, которые равны строкам

interface SomeObject {
    a: number
    b: string
    c: boolean
    d: string
}

type onlyStringKeys = ? // output: 'b' | 'd'

Нужно такое же видео, но по JavaScript? Полностью все разобрать?

Первый победитель уже есть. Прошло 45 минут)) Видео идет 33 минуты)) Быстрые💪 Как вам видео?

React Разработчик Roadmap 2024. План + Ресурсы для бесплатного изучения. В этом видео я расскажу о том, как стать React разра
React Разработчик Roadmap 2024. План + Ресурсы для бесплатного изучения. В этом видео я расскажу о том, как стать React разработчиком в 2024 году. Мы разберем, какие технологии и инструменты стоит изучать, чтобы быть востребованным специалистом. Я поделюсь пошаговым планом, начиная с основ и переходя к более сложным темам. Видео уже на канале! Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение. #react #frontend

React Разработчик Roadmap 2024. План + Ресурсы для бесплатного изучения. Сегодня в 16:00 мск. YouTube, Reactify. Напоминаю, два человека, кто найдет кубок и текст с подпиской Страж, получат бесплатно эти подписки. Видео полезное, надеюсь вам поможет друзья. Идет 30 минут 🔥🔥🔥

Как и обещал, выложил свой собес. Немного стремно конечно😅 Мой ученик проходил 2 скрининга и записал видео каждого. Наскольк
Как и обещал, выложил свой собес. Немного стремно конечно😅 Мой ученик проходил 2 скрининга и записал видео каждого. Насколько он хорошо самопрезентовал себя. Это просто... А все потому что мы готовились, продумывали самопрезентацию. Тренировали ее. Он несколько раз записывал короткие видео, в которых говорил про свой опыт на камеру, а мы с ребятами оценивали😅 Во так вот. Тоже надо свой опыт красиво оформить))) Запишу видео в сообщество, самопрезентацию, буду тренироваться. Пусть будет примером😅👍

В четверг выступаю в сообществе. Митап на тему This. Готовлюсь основательно. На митапе закрою все вопросы касательно этой тем
В четверг выступаю в сообществе. Митап на тему This. Готовлюсь основательно. На митапе закрою все вопросы касательно этой темы. Будет запись в чате сообщества. Через месяц думаю в YouTube запилить видос на эту тему. Но на митапе порешаем задачки с собесов в прямом эфире. Будет супер полезно💯