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

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

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

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
Feature-Sliced Design - Лучшая Frontend архитектура

Вышло новое видео на канале! Давайте обсуждать, как вы используете FSD.

Писать с нуля, учитывая особенности архитектуры, легче чем переписывать готовый проект. FSD развивает правильно мышление сущностями, заставляет более тщательно продумывать компоненты. В дальнейшем мы отрефакторим код и сформируем правильный подход.

Вот самый ближайший по духу пример из документации:
https://github.com/noveogroup-amorgunov/nukeapp/tree/main/src
👍13🔥54💯1🫡1
Наблюдатель

Наблюдатель (Observer) — это поведенческий паттерн проектирования, который обеспечивает создание механизма подписки, благодаря которому объекты могут получать уведомления о событиях, происходящих в других объектах. Этот механизм улучшает взаимодействие между компонентами системы, делая их взаимосвязь гибкой и минимизируя их зависимость друг от друга.

В архитектуре паттерна "Наблюдатель" выделяют два основных типа участников: "субъект" и "наблюдатели". Субъект — это объект, за состоянием которого следят наблюдатели. Когда состояние субъекта меняется, он автоматически оповещает об этом все подписанные на него объекты-наблюдатели. Наблюдатели, в свою очередь, реагируют на эти изменения, выполняя определенные действия.

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

#patterns #observer
👍641🔥1🆒1
YeaHub Новости

Прошли первые созвоны с командами Frontend, Backend, Design. Обсудили важные вопросы по поводу архитектуры, стека, идей. В скором времени приступаем к написанию сервера для нашей платформы.

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

Еще решили провести исследования. Задать IT специалистам и рекрутерам вопросы, узнать их мнение по поводу идеи. Что они ожидают от платформы, какой функционал, дизайн и тд. Так что в скором времени попрошу вас пройти опрос👌

На данный момент нас 25 человек в команде. Все замотивированны и хотят поскорее начать. Хотим внести свой вклад в развитие всего IT сообщества!

#teams #yeahub
🔥16👍2🥴1🤝1
FSD

Хочу в будущем отрефакторить React Новости настолько хорошо, что его добавят в примеры на официальном сайте FSD. Было бы приятно. Поэтому начинаю углубляться в FSD)

Еще хотим чтобы YeaHub так же добавили на сайт FSD. Это помогло бы в продвижении и привлечении внимания сообщества. Будем трудиться и создадим формулу написания хорошего кода.
🎉8👍5💯52
Ребята, наша команда усердно трудится над проектом YeaHub, и мы всё больше убеждаемся в его значимости для IT-рынка труда. Этот проект приносит пользу не только IT-специалистам, но и работодателям.

Сегодня я хочу рассказать вам о нашем HR-специалисте, Залифе Галимовой, обладающей более чем 10-летним опытом в сфере HR в IT.

Залифа успешно трудоустроила более 600 IT-специалистов среднего и высокого уровня в крупные компании, такие как Яндекс, Сбербанк, Газпромбанк, Русал, Епам, IBS, МТС и другие.

Залифа поделилась своими мыслями по поводу проекта:

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

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

Во-вторых, на одну опубликованную вакансию может поступить более 200-300 откликов, среди которых лишь 5-6 будут действительно подходящими. IT-рекрутеры физически не могут обработать такое количество откликов в течение рабочего дня.

Поэтому процесс подбора IT-специалистов становится очень затратным для компаний, учитывая необходимость оплаты доступа к базе резюме на хх.ру, время рекрутера и время лида, проводящего собеседования.


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

У Залифы есть канал о карьере в IT сфере, где она делится полезными советами о том как найти работу в IT.

https://news.1rj.ru/str/it_coach1
👍13🔥2🎉1💯1
Запись выражений в одну строку

Недавно увидел такой способ записи выражений. Для этого мы можем использовать оператор "," (запятая). Этот оператор «двигается» слева направо и возвращает значение последнего выражения или операнда.

Если мы выведем значение x в консоль, то получим 27. Сначала мы увеличиваем значение x на единицу (x = 6). Затем вызываем функцию addFive() с параметром 6, к которому прибавляем 5 (x = 11). После этого мы умножаем значение x на 2 (x = 22). Затем вычитаем 5 (x = 17). И, наконец, прибавляем 10 (x = 27).

#JavaScript
👍7😁4🔥2
Это что такое?😱 давно не было больше 1900, а тут 2037🧐
Ваше мнение ребята. Как сейчас дела обстоят с собесами?
🎉31🔥1
Reactify Academy

Очень часто встречаю бесплатные ресурсы для обучения: курсы, видео, статьи, задания и тд.
Недавно увидел такой вот сайт

https://code-basics.com/ru

Это Open Source проект, куда разработчики могут добавлять курсы и редактировать существующие. Там уже добавлены по множеству языков программирования с удобными тренажерами.

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

И вот у меня возник вопрос - А нужно ли продолжать Reactify Academy? Или потратить силы на что-то более полезное. Ведь почти все то, что я хотел добавить в академию, я хочу добавить в YeaHub, и это тоже будет Open Source для всех.

#academy
👍82🤝1
Менторство

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

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

После собеседований с вами пропала неуверенность. Я понял, что мне действительно интересно общаться с людьми, помогать им, делиться опытом, давать советы, направлять.

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

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

Если вам необходим ментор, не можете понять тему, застряли, не знаете, что учить дальше и другие вопросы. То можете обращаться ко мне @ruslan_kuyanets
👍17🔥54👏2
Про обучение

В сети существует множество бесплатных сервисов и материалов для обучения. Я считаю, что платные курсы являются ненужной тратой средств. По сути, каждый курс представляет собой набор доступных бесплатно материалов, дополненный обещаниями о гарантии трудоустройства, качественных менторах, эффективной программе обучения и поддержке. Чаще всего эти обещания не выполняются.

Люди выбирают курсы, исходя из неуверенности в себе, из-за отсутствия понимания, как организовать свой учебный процесс, в ожидании четко структурированного плана. Однако всё это уже доступно в открытом доступе: существуют roadmap'ы, множество видео от блогеров, которые подробно разъясняют, как и что лучше изучать.

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

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

Если вам необходим ментор, не можете понять тему, застряли, не знаете, что учить дальше и другие вопросы. То можете обращаться ко мне @ruslan_kuyanets
👍10👌3🔥21🎉1
Ребята, у нас же есть дружественный канал HR специалиста.

Задавайте в комментарии вопросы про трудоустройство, мы с Залифой (HR) сформируем пост с ответами на эти вопросы.

У меня у самого уйма вопросов. Например:

Понимают ли HR специалисты при поиске разработчиков, что скорее всего они возьмут Джуна с накрученным опытом?

Свои вопросы можете задать в комментарии 👇👇👇
👍6💯2👏1
YeaHub Новости

Тем временем на этих выходных нас ждет очередная волна созвонов с командой.

Дизайнеры всю эту неделю выполняли задачи:

-Сбор референсов (цветовые решения, визуальные идеи и тд)
-Структура и навигация (древовидная структура)
-Карта эмпатии для персон, целевых групп
-Опросы для целевых групп

Фронтендеры всю эту неделю выполняли задачи:

-Сбор лучших практик
-Написание правил разработки
-Продумывыние структуры проекта, архитектуры

Бекендеры всю эту неделю выполняли задачи:

-Подготовка к разработке

И вот наш первый репозиторий с базовыми настройками. Решили пока не делать микросервисы. Будем постепенно, по мере расширения дробить наш монолит.

https://github.com/YeaHubTeam/yeahub-backend

Это Open Source проект. Все наши репозитории открыты. Вы можете следить за ходом разработки и предлагать идеи/советы.
Если нашли ошибку - скажите.
Если есть предложение как улучшить - скажите.

Будем рады любой помощи!

#teams #yeahub
👍8💯2🔥1
Ребята. Накидайте пожалуйста полезных сайтов/ресурсов/книг/статей/бесплатные курсы/платформы для изучения фронтенд разработки

Хочу составить план обучения со всеми этапами. Приложить туда различные, проверенные ресурсы для обучения.

В комментарии 👇🏻👇🏻👇🏻
👍3🔥2💯2
React Router

Сегодня я написал сценарий к видео. Однако снимать буду 2 части. В первом видео мы немного отрефакторим наш код. И уже во втором реализуем переход на страницу новости

Рефакторинг будет неплохим. Объединим Карточки баннера и новости. Объединим список баннеров и новости. И еще по мелочи

Постараюсь подряд на неделе выпустить.
🔥9🎉2👍1👌1
Опрос YeaHub

Всем привет! Кто может помочь, пройти небольшой опрос на днях? Созвониться буквально на 15-30 минут, можно без камеры. Опрос будет про нашу будущую платформу. Нам важно знать, стали бы вы учавствовать в различных активностях на нашей платформе, было бы для вас это полезно, или интересно.

Нам нужны:

- Два Middle+ / Senior Разработчика Фронтенд/Бекенд
- Два Junior Разработчика Фронтенд/Бекенд

Отзовитесь в комменты, либо в личку плиз @ruslan_kuyanets

Это просто опрос, не на участие в проекте. Просто беседа, мы будем задавать вопросы касательно нашего проекта
10🫡3👏2
Операторы в JavaScript

В языке программирования JavaScript, операторы — это специальные символы или слова, которые выполняют операции на одном или нескольких операндах (значениях или переменных) и возвращают результат. К примеру, оператор сложения + используется для суммирования чисел.

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

Вычисление выражений: Когда вы пишете a + b, JavaScript использует оператор + для вычисления суммы a и b.

Управление памятью: При присваивании значения переменной, как в a = 10, оператор = указывает JavaScript сохранить значение 10 в памяти, связанной с переменной a.

Выполнение инструкций: Операторы могут изменять данные или осуществлять контрольный поток программы (например, операторы сравнения или логические операторы).

Как работают операторы

Когда вы используете оператор в JavaScript, происходит ряд внутренних шагов:

Получение значений: JavaScript сначала определяет значения, на которые влияет оператор.

Поиск переменных по имени: Если оператор применяется к переменным, JavaScript находит эти переменные в памяти.

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

Понимание того, как операторы работают "под капотом", помогает программистам писать более эффективный и оптимизированный код.

#JavaScript
👍9💯2🔥1
Стоимость курсов по Frontend Разработке

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

При этом эффективность курсов, вы сами знаете какая. Из 100 человек сколько доходят до конца? А сколько потом находят работу? Это большой обман из-за которого вся сфера страдает.

Цели YeaHub - это сформировать большое IT сообщество. Для новичков дать план развития, предоставить ресурсы для бесплатного обучения, предложить опытных менторов и проверку знаний. В дальнейшем помочь с поиском работы тем, кто действительно готов к этому.

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

#yeahub #teams
👍24🔥4💯2
Кстати, как вам мой мерч? Ручная вышивка, под заказ.

Из-за этого пришлось логотип не менять. Потому, что футболку жена подарила😅
🔥32👍9😱1🤩1
"Научившись сам, научи и другого; так знания будут жить вечно."

Такую вот цитату я услышал еще давно. Сегодня я постарался ее воспроизвести.

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

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

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

В моей первой компании моим ментором был Ислам — крутой разработчик. Всего за месяц под его руководством я усилил навыки Фронтенд, научился разрабатывать Бэкенд, создал Фулстак-приложение, освоил настройку и хостинг приложения. Также я изучил различные инструменты для сборки и линтинга кода, а также освоил TypeScript. И это всего за месяц работы под его наставничеством. Кроме того, я значительно укрепил свою уверенность в собственных силах.

По этой причине я уверенно заявляю: каждому начинающему специалисту необходим ментор!

Пожалуйста, пройдите небольшой опрос (там варианты ответа). И укажите свой никнейм в конце, если хотели бы со мной созвониться на 30 минут. Мы бы познакомились, возможно я бы вам чем то смог помочь. Такая вот Консультация бесплатная.

https://forms.gle/bLS162qUSprouVyC7

А какое ваше мнение?👇👇👇
🔥6👍41