Forwarded from Tech | YeaHub & Reactify
#tech #JavaScript #this
Стрелочные функции и this
💡 Стрелочные функции не имеют своего собственного this. Вместо этого они захватывают this из окружающего контекста в момент своего создания. Это поведение называется "лексическим this".
✍️ Когда вы используете стрелочную функцию в конструкторе, this внутри стрелочной функции указывает на экземпляр объекта, который создается с помощью этого конструктора.
Пример использования в методе объекта:
💡 Если стрелочная функция определена как метод объекта (вне конструктора), то this внутри стрелочной функции будет зависеть от контекста, в котором эта стрелочная функция была определена, а не от контекста вызова.
✍️ В этом примере стрелочная функция makeSound определена в глобальном контексте (или контексте модуля в Node.js), где this будет undefined (в строгом режиме) или объектом глобального контекста (в нестрогом режиме), но не объектом obj.
Итог:
✔️ В конструкторе: Стрелочная функция захватывает this из контекста вызова конструктора, что позволяет правильно ссылаться на свойства экземпляра объекта.
✔️ В методе объекта: Стрелочная функция захватывает this из контекста своего определения, что часто приводит к undefined или некорректному значению this.
Автор: @reactify_IT
👍 Вступай в сообщество
Стрелочные функции и 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.
Итог:
Автор: @reactify_IT
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥4😢2💯2
Собеседование на 250к рублей
Вопросы неплохие для проверки реального опыта. Чтобы на них ответить, ты реально должен столкнуться с этими моментами на проектах.
- Что конкретно ты сделал на проекте
- Что такое всплытие (переменных и событий).
- Что такое замыкания
- Что такое погружение
- Способы оптимизации приложения
- Как объявить ф-цию
- что такое this
- отличие expression от declaration
- какие тесты в Сторибуке делал
- как работать с асинхронщиной в JS
- что такое event loop
- Виды уязвимостей
- Как оптимизировать приложение, как понять что ты оптимизировал, какие метрики использовал
- Системы логирования ошибок
- Какие тесты писали для JS
- Уязвимость с innerHTML
- Что такое виртуал дом
- CORS
- СICD
- какой флоу был
- Как работал с тех-долгом
- Как работал с безопасностью
- Вопросы про процессы в команде
#frontend #interview
Вопросы неплохие для проверки реального опыта. Чтобы на них ответить, ты реально должен столкнуться с этими моментами на проектах.
- Что конкретно ты сделал на проекте
- Что такое всплытие (переменных и событий).
- Что такое замыкания
- Что такое погружение
- Способы оптимизации приложения
- Как объявить ф-цию
- что такое this
- отличие expression от declaration
- какие тесты в Сторибуке делал
- как работать с асинхронщиной в JS
- что такое event loop
- Виды уязвимостей
- Как оптимизировать приложение, как понять что ты оптимизировал, какие метрики использовал
- Системы логирования ошибок
- Какие тесты писали для JS
- Уязвимость с innerHTML
- Что такое виртуал дом
- CORS
- СICD
- какой флоу был
- Как работал с тех-долгом
- Как работал с безопасностью
- Вопросы про процессы в команде
#frontend #interview
👍12🔥3💯2
ЭКОСИСТЕМА 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
Лучший 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
И я не преувеличиваю.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥3💯3❤1
Докрутились? 😡
Ребята, предлагаю взяться за оздоровление сферы. Если вы считаете себя компетентнее накрутчиков, пора действовать. Приходите на менторство ко мне. Мы будем работать в командах, набираться опыта, готовиться к собесам, грамотно распишем резюме и станем сильными джунами, чтобы вытеснить накрутчиков. Придется накрутить опыт, но только с благими намерениями. Чтобы пройти фильтры и конкурировать с недобросовестными и некомпетентными накрутчиками.👊 👊
https://www.cnews.ru/news/top/2024-07-12_rossijskuyu_it-otrasl_okkupirovali
Ребята, предлагаю взяться за оздоровление сферы. Если вы считаете себя компетентнее накрутчиков, пора действовать. Приходите на менторство ко мне. Мы будем работать в командах, набираться опыта, готовиться к собесам, грамотно распишем резюме и станем сильными джунами, чтобы вытеснить накрутчиков. Придется накрутить опыт, но только с благими намерениями. Чтобы пройти фильтры и конкурировать с недобросовестными и некомпетентными накрутчиками.
https://www.cnews.ru/news/top/2024-07-12_rossijskuyu_it-otrasl_okkupirovali
Please open Telegram to view this post
VIEW IN TELEGRAM
CNews.ru
Российскую ИТ-отрасль оккупировали неумелые программисты. Острее всего проблема стоит во frontend-разработке - CNews
В России стало очень много ИТ-специалистов, чьи компетенции в своей сфере недостаточно высоки. С ними сталкиваются не только непосредственные работодатели, но и рекрутеры – они на регулярной основе...
🤔5👍4🔥2💯1
На рынке труда большой наплыв новичков без опыта и знаний. Они откликаются на вакансии, где требуется знание React и его экосистемы, но сами владеют лишь базовыми знаниями JavaScript и только начали изучать React. Таких кандидатов составляет 60-70% из-за агрессивной рекламы курсов и популярности IT в целом.
Остальные кандидаты уже знают стек, но большинство из них также не имеют достаточной практики и знаний. Оставшиеся 5-10% – это хорошие новички с относительно высоким уровнем подготовки. Но как этим ребятам пробиться и выделиться среди тысяч кандидатов, если джуниорских вакансий всего около 5%?
Компании видят огромный поток желающих на одну позицию. Они радуются возможности выбрать самых лучших кандидатов, тех, кто мог бы уже быть мидлом со своими знаниями, учатся 1-2 года в усиленном темпе, но не имеют опыта. Компания довольна, ведь она получает отличного разработчика за копейки.
Если много желающих, а ты хочешь взять лучшего, то что делать? Правильно, усложнять собеседование. Давать сложное тестовое задание, мучить джуна 1.5-2 часа на собеседовании с сложными вопросами, лайвкодингом, задачами. Несмотря на ужесточения, толпы джунов все равно идут.
Столько нюансов, столько технологий и тем, очень сложный отбор. Вы буквально должны знать все. Это несправедливо. Компания еще и нос воротит, потому что даже если вы входите в 5%, всегда есть остальные 1-4%, которые вас превосходят.
Вы думаете, что на мидла просто попасть? Типа накрутил и тебя взяли? Тут еще сложнее. Видели бы вы, какой марафон проходят ребята, прежде чем накрутить опыт. Это жесткая подготовка: куча моковых собесов, групповых собесов, видео и 1000 вопросов. А еще лайвкодинг, нарешивание 50-100 задач. Это жесть. Даже на менторстве многие выгорают и не справляются, хотя ментор всегда с тобой, поддерживает, помогает и направляет.
Вы думаете, что накрутчиков не замечают? Компании это видят тоже. Поэтому собеседования усложняются, вводят больше лайвкодинга, продвинутых вопросов и вопросов про опыт, процессы и работу в командах.
А накрутка становится все популярнее. Менторство становится популярнее. Представьте, как требования будут ужесточаться. Я это вижу изнутри. Это ужас.
Требования усложняются – вводятся новые виды трудоустройства. Не просто накрутка, а прохождение собесов с ментором, который следит за собеседованием и подсказывает вам. Таким счпособом проходить собесы легче. Но представьте, что из-за этого, собеседования будут еще больше усложнять. Потому, что складывается впечатление, что собесы легкие, раз человек смог его пройти. Что сделает компания? Усложнит еще больше
#frontend #interview
Please open Telegram to view this post
VIEW IN TELEGRAM
😢11💯4👍3🔥1
Вот вам все варианты. На мидла хоть зовут на собеседования и ты можешь проявить себя. Часто вижу, что несмотря на ошибки на собеседовании, человеку все равно дают оффер, просто потому, что он понравился, или хорошо в целом ответил на остальные вопросы.
Как сделать себе план, где брать вопросы, как готовиться к собеседованию, что нужно учить и тд. Это комплексная работа. Нужно расписать себе все и быть в курсе всех требований
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13😢3🔥2
Самостоятельное обучение
Друзья, я планирую подготовить для вас серию видео-гайдов, которые опубликую на моем YouTube канале. Вот темы, которые я планирую осветить:
👍 Как грамотно оформить резюме
💼 Как готовиться к собеседованиям
👥 Процессы в компаниях
👊 Как искать работу
💡 Как правильно практиковаться
Сейчас я ухожу в отпуск, чтобы немного отдохнуть и набраться сил. Впереди много работы, и мне нужно набраться энергии для реализации всех задумок. Моя цель – развить наше сообщество, добавить множество новых мероприятий и создать полезные материалы для всех вас.
Друзья, я планирую подготовить для вас серию видео-гайдов, которые опубликую на моем YouTube канале. Вот темы, которые я планирую осветить:
👍 Как грамотно оформить резюме
💼 Как готовиться к собеседованиям
👥 Процессы в компаниях
👊 Как искать работу
💡 Как правильно практиковаться
Сейчас я ухожу в отпуск, чтобы немного отдохнуть и набраться сил. Впереди много работы, и мне нужно набраться энергии для реализации всех задумок. Моя цель – развить наше сообщество, добавить множество новых мероприятий и создать полезные материалы для всех вас.
👍18❤6🤝3
Я, конечно, немного нагнал жути. Знаете, что я говорю своим ученикам? Тот, кто прилагает усилия, в любом случае будет вознагражден. Если вы трудитесь, то обязательно добьетесь своей цели.
Прошли те времена, когда в IT можно было войти с начальными знаниями. Теперь это сфера, где действительно нужны глубокие знания и умения. К сожалению, даже знания можно просто заучить, чтобы пройти собеседование. Но без этого никуда, везде есть хитрые люди.
Идите к своей цели. Чем могу — помогу. У меня есть разные уровни поддержки:
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤5🔥3
Значимость различных параметров резюме ИТ-кандидатов
Нашел статью с аналитикой рынка. Самое главное - знания. Как бы ты не хитрил, нужно соответствовать, прокачивать себя и знать необходимые технологии и инструменты.
#frontend
Нашел статью с аналитикой рынка. Самое главное - знания. Как бы ты не хитрил, нужно соответствовать, прокачивать себя и знать необходимые технологии и инструменты.
#frontend
👍9🔥2💯2
Сейчас я в отпуске, но продолжаю работать. Делаю подробные гайды по резюме, поиску работы и обучению.
Последние 3 месяца работаю на износ. Нужна была смена обстановки и отдых.
Стараюсь больше отдыхать, а в перерывах между отдыхом - созвоны с Ехабом, учениками, сообществом. И гайды разумеется 💪🏻
Последние 3 месяца работаю на износ. Нужна была смена обстановки и отдых.
Стараюсь больше отдыхать, а в перерывах между отдыхом - созвоны с Ехабом, учениками, сообществом. И гайды разумеется 💪🏻
🔥21👍4🤝3😁1😢1
Делаю гайд по резюме. Нашел статью на сайте курсов (на фото)
Курсы часто советуют указывать софт скиллы, такие как коммуникабельность, командная работа, креативность и т.д. Это может показать вашу разносторонность и способности взаимодействовать с людьми.
И в то же время, эксперты, с помощью которых куча ребят устраиваются и находят работу либо повышают зарплату, говорят что не нужно это добавлять.
Прикол конечно. Кому верим?😅
Курсы часто советуют указывать софт скиллы, такие как коммуникабельность, командная работа, креативность и т.д. Это может показать вашу разносторонность и способности взаимодействовать с людьми.
И в то же время, эксперты, с помощью которых куча ребят устраиваются и находят работу либо повышают зарплату, говорят что не нужно это добавлять.
Не включайте в резюме списки софт скиллов. Эти субъективные утверждения редко воспринимаются всерьез. Пишите резюме языком фактов, позволяя работодателю самому сделать выводы о ваших коммуникативных и командных навыках на основе ваших достижений.
Прикол конечно. Кому верим?😅
👍7🔥2😁2
Как доказать софт скиллы? Пишем в обо мне: Я дружелюбный коммуникабельный, пунктуальный и тд
В конце пишем: "Если ты это читаешь, то знай, ты самый классный эйчар"
В итоге доказали ваши софты💯
В конце пишем: "Если ты это читаешь, то знай, ты самый классный эйчар"
В итоге доказали ваши софты
Please open Telegram to view this post
VIEW IN TELEGRAM
😁19💯4👍3🔥2
Сегодня выступаю на митапе сообщества.
Тема: Системный дизайн - создание ленты постов.
Планировал просто созвониться и обсудить какой-нибудь сервис или приложение, чтобы продумать стек технологий, архитектуру и функциональные возможности. Однако увлекся и с утра занялся составлением подробного плана. Отнесся к этому весьма серьезно.😅🙃
Это нечастая тема на YouTube, и я решил ее осветить
Если вас интересует запись моего выступления, она будет доступна в закрытом чате нашего сообщества.
А я пошел дальше делать план для митапа😬
Тема: Системный дизайн - создание ленты постов.
Планировал просто созвониться и обсудить какой-нибудь сервис или приложение, чтобы продумать стек технологий, архитектуру и функциональные возможности. Однако увлекся и с утра занялся составлением подробного плана. Отнесся к этому весьма серьезно.😅🙃
Это нечастая тема на YouTube, и я решил ее осветить
Если вас интересует запись моего выступления, она будет доступна в закрытом чате нашего сообщества.
А я пошел дальше делать план для митапа😬
👍11🔥8🤝3❤1
Вы становитесь тем, чем себя окружаете. Энергии заразительны. Выбирайте внимательно. Ваше окружение станет вами
Ребята, чтобы добиться успеха в любой сфере, вы должны максимально погрузиться в неё. Вам должно это нравиться. Посещайте мероприятия, общайтесь с другими разработчиками, смотрите конференции, читайте статьи и вступайте в сообщества.
👍11❤5💯4🔥1
Вообще, как интересно жить. Как круто, когда тебя окружают интересные люди. Мне нравятся активные ребята, в них горит этот огонёк, которым они делятся с другими. Это мотивирует
Поделитесь огоньком в реакциях 🔥🔥🔥
Поделитесь огоньком в реакциях 🔥🔥🔥
🔥28❤3👍3
На отдыхе не только отдых 💪
Полные гайды собраны. Всё это выйдет на YouTube. После отпуска начну экспансию на этот видеохостинг 🚀
Reactify👍
Полные гайды собраны. Всё это выйдет на YouTube. После отпуска начну экспансию на этот видеохостинг 🚀
Reactify
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥4❤3