Руслан Куянец | Reactify – Telegram
Руслан Куянец | Reactify
5.84K subscribers
704 photos
52 videos
39 files
287 links
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT.

Менторство:
https://reactify.ru

YouTube канал:
https://youtube.com/@reactify-it

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
Турнир "Frontend Гладиаторы": Начало!

С этой недели начинается тестовый турнир "Frontend Гладиаторы". Всего 15 участников отозвались, и турнир продлится 2 недели. Этапы включают 1/16, 1/8 и так далее.

Ребята придумали смешные ники, например, Сурикат #17, СынАвторизации, ДивМэн, КиберМагистр, Пагинагибация. Мы случайным образом распределили пары.

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

Если зайдет, то расширим турнир. Ждите смонтированное видео на YouTube. Будет прикольно!

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

#frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥52
Приятно видеть такие комментарии. Получаю их практически каждый день🥺🥺🥺

Спасибо за поддержку! 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥32
Вопросы по TypeScript с собеседования в VK 🔥

- Какие плюсы и минусы знаешь у TypeScript?
- Можно ли строгую типизацию отключить для определенных мест?
- Поговорим про enum, какие плюсы, минусы?
- Какие есть альтернативы enum?
- Какие есть отличия interface от type в контексте объекта?
- Знаешь ты что-нибудь о дженериках в TS?
- Назови базовые Utility Type.

Как вам такие вопросы на Мидла? Достойные, или опять на стажера?😩

Теперь я запоминаю душнил и в следующий раз жду их на турнире, чтобы показать мастер класс🧐

Этап выбывания идет полным ходом. Сейчас 1/16

Буду держать вас в курсе 🆕
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍5💯2
Forwarded from React Frontend | YeaHub
#eventloop #log
Какая будет последовательность вывода console.log?

Сложность: 2️⃣

1 -> 2 -> 4 -> 3
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥4💯31
Frontend Гладиаторы: Этап 1/16

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

Заруба интересная. Участники сильно волнуются, отвечая на вопросы, но именно в этом и заключается особенность турнира. Вы значительно прокачиваетесь и морально готовитесь к собеседованиям.
👍6🔥32
Media is too big
VIEW IN TELEGRAM
Frontend Гладиаторы. Этап 1/16

СынАвторизации VS ДивМэн

Одно из выступлений, счет сейчас равный. Ребята посещают Рандомные собеседования и Групповые. У них я проводил моковые собеседования.

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

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

👍 Да еще и весело

Кто на ваш взгляд ответил лучше? 🤔
Please open Telegram to view this post
VIEW IN TELEGRAM
💯4👍2🔥2
Вопросы по React с собеседования в VK 🔥

- Что такое React? Зачем он нужен? Как он работает в общих чертах?
- Зачем придумали концепцию Virtual DOM?
- Как происходит сравнение нод в дереве, если родительские ноды не равны, реакт уничтожает все дерево?
- А какие у компонента есть причины перерендериться?
- Поговорим про хуки. Что это и какую в реакте решают проблему?
- Есть ли какие-то ограничения на использование хуков?
- А если мы засунем вызов хука в if(true) {вызов хука}. Будет ли реакт считать это ошибкой?
- Реакт это компилятор или рантайм библиотека? Может ли она понять что у нас хук вложен в условие до его вызова?
- Для чего нужен useEffect и какие у него есть варианты использования?
- Расскажи про useRef. Для чего мы можем его использовать?
- Какие существуют оптимизации в реакте?

Хорошие вопросы. Я думаю тут явно не на стажера. Кто ответил бы?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍232🔥2😁2🤔1
Гайд: Как стать Frontend разработчиком с нуля

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

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

Совет №1: Вступайте в сообщества и чаты
Проявлять активность и нетворкинг крайне полезно. Никто не придет и не скажет, что ты делаешь неправильно — это нужно выяснять самому через общение с другими. В ИТ-сфере инициатива и нетворкинг особенно важны.

Примеры сообщества: Мое сообщество Reactify; Осознанная Меркантильность; Авось прорвемся. В платных сообществах люди, которые заплатили, обычно активнее. Там проводятся мероприятия, челленджи, и много активных участников, которые помогают друг другу.

Но будьте осторожны с тематическими чатами (например: @js_noobs_ru), так как часто обсуждают все, кроме технологий. Всех новичков посылают в гугл, душнят, оскорбляют. Важно находить такие группы, где есть четкие правила и взаимопомощь.

Совет №2: Составьте четкий план обучения и цель
Уже много ресурсов и материалов с roadmap и о том, как стать разработчиком. Выделю два моих Roadmap, которые помогут изучить профессию с нуля:

Roadmap Frontend
Roadmap React

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

Совет №3: Решительно идите к своей цели
Важно твердо решить, что вы намерены дойти до конца. Не сдавайтесь и не бойтесь трудностей. Новички, которые не понимали, как работают циклы, через 3-4 месяца уже успешно проходят собеседования. Если что-то не понимаете — не бойтесь, это навык, который нужно развивать.

Как развивать? Погружайтесь в тему. Смотрите видео, читайте статьи, пытайтесь повторить. Постепенно вы найдете закономерности, и понимание придет само собой. Тренируйте насмотренность и превратите обучение в хобби.

Совет №4: Практика, практика и еще раз практика
Практикуйтесь много. Пишите код, реализуйте простые и сложные задачи, пробуйте разные варианты. Проходите каждый шаг, консольте все, что можно. Повторяйте за авторами курсов, старайтесь воспроизвести код самостоятельно.

Даже если сначала не получается, пересмотрите 10, 20 видео на эту тему, повторяя за автором. В конечном итоге у вас сложится паттерн в голове, и вы начнете писать код самостоятельно, поймете логику.

Совет №5: Подготовка к трудоустройству
Процесс трудоустройства сейчас сложный. Нужно понимать реалии рынка и требования. Вступайте в чаты с собеседованиями, смотрите видео и стримы про трудоустройство, проходите моковые собеседования. Вам нужен четкий план подготовки.

Рекомендуется посмотреть видео и гайды Антона Назарова для понимания процесса: Канал Антона Назарова. Устроиться джуном без опыта и хорошей подготовки очень сложно. Приходится использовать лайфхаки, чтобы обходить фильтры. Мне не нравится обман, но еще больше не нравится, когда отличные ребята не могут найти работу. Люди, которые действительно увлечены разработкой и готовы развиваться, часто сталкиваются с несправедливыми трудностями.

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

Скоро добавлю гайды: Резюме, Собеседования, Поиск работы и тд

✔️ Вся экосистема Reactify

#frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
13👍8🔥6
Руслан Куянец | Reactify pinned «Гайд: Как стать Frontend разработчиком с нуля Учиться можно бесплатно, как показывает практика, люди, которые начинали с самостоятельного обучения и неплохо продвинулись, имеют выше шанс дойти до конца и трудоустроиться. Однако технологий уже так много, что…»
Ярмарка менторов: задай любой вопрос про IT

Ты задаешь любой вопрос, работающие айтишники дают тебе максимально подробный ответ. Бесплатно. И так всю неделю. Вопросы можно заранее закинуть сюда или спросить прямо на трансляции в чате. Можно залететь в зум и спросить голосом. Запись будет.

Расписание:

Пн (29.07) 18:00 - QA/AQA/SDET
Вт (30.07) 18:00 - iOS/Android/Flutter/React Native
Ср (31.07) 18:00 - Продуктовая аналитика, бизнес аналитика, анализ данных, продуктовый менеджмент, ML/DS
Чт (1.08) 18:00 - Бэкенд
Пт (2.08) 18:00 - пиво
Сб (3.08) 18:00 - Фронтенд
Вск (4.08) 18:00 - общие вопросы, оставшиеся неохваченными области

Закидывай вопросы в бота и приходи на стрим, будем просвещать
10👍1🔥1
Это мой первый опыт выступления в таком формате. Будет интересно, приходите, задавайте вопросы💪🏻
👍10🔥42
Практика: Пет проекты

Я думаю, что отличная практика – это когда вы делаете свой пет-проект, реализовываете свою задумку.

Например, вы интересуетесь футболом, почему бы вам не сделать проект афиши матчей и поиска игроков? Отрисовывать карточки игроков, сделать функционал создания команд со своими игроками. Я считаю, что это круто. Можно найти публичное API и сделать это. А если заморочиться, то подобрать еще и дизайн. На картинке я в поиск Figma вбил слово "football", и сразу же мне выдало кучу макетов. Вторая картинка – это первые ссылки по запросу "API football". Все достаточно просто.

Что можно там реализовать? Постараться не только верстку и запрос на сервер, но и ещё различные функциональности: пагинацию, поиск, фильтрацию, сортировку, бесконечный список, смену темы, языка и т.д.

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

Это будет идеальный пет-проект. Развивайте его 1-3 месяца, добавляйте новые функции, возможно, просмотр матчей, уведомления, погоду в городе, где будет проходить матч.

💡 А какой интересный пет-проект делали вы?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19🔥32
Frontend Гладиаторы: Этап 1/8

Турнир полным ходом идет 🔥

Смонтирую весь процесс в YouTube. Интересный опыт. Если все оценят, то будем раз в 1-2 месяца проводить такие состязания 📌

#frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82👍2
Грань будущего - переводим количество в качество

Заметил, что многие разработчики - причем как начинающие, так и вполне сеньорные ребята, - слишком щепетильно относятся к подготовке к интервью. Причем я не имею в виду ситуацию, когда ты смотришь записи чужих собесов для подготовки, освежаешь в памяти какую-то теоретичекую инфу, которую в работе применял пару лет назад (если вообще применял). Я о том, что ребята тратят много сил и времени на мок интервью, на прочтение свежего издания Kotlin in Action или (если случай совсем запущенный) на подготовку к алгоритмической секции.

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

Но когда речь идет о начинающих, либо о ребятах, пока еще не забравших у рынка свои 400-500к - такой подход просто не нужен, вы банально теряете деньги, если следуете ему. Намного эффективнее провести 1 настоящее интервью и начисто провалиться на нем, чем провести 3 моковых собеса. Сделав запись и разобрав одно свое интервью, вы станете существенно более подготовленным к следующему, разобрав два - еще более подготовленным и тд. Я даже не говорю о том, что ваше моральное состояние на интервью напрямую влияет на людей, которые его проводят - неуверенные ответы чаще трактуются как незнание и накрученный опыт, чем банальное человеческое "ну чувак просто волнуется, так-то он крутой".

Немаловажный факт, о котором также иногда почему-то забывают - интервьюеры, которые проводят ваш собес сегодня, понятие не имеют о том, что вчера вы не знали, как правильно отменять корутину или забыли контракт equals/hashcode. Почему бы этим не пользоваться и не учиться на своих ошибках с каждой новой итерацией? 😁

🦝Менторство
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥83👍2💯1