Руслан Куянец | 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
Я дома, а это значит, что скоро выйдут 2 серии React Новости✌️

1 серия - рефакторинг. Очень полезная серия
2 серия - React Router. Наконец-то у нас появится отдельная страница новости

В субботу и воскресение выпущу 😌

#react_новости
👍8🔥54
Асинхронный код в JavaScript

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

Основные моменты, которые нужно понимать о асинхронном коде:

Синхронный vs Асинхронный: Синхронный код выполняется последовательно, каждая строка дожидается завершения предыдущей, прежде чем начать исполнение. Асинхронный код позволяет перейти к следующей задаче, не завершая текущую.

Event Loop: Это цикл событий, который позволяет JavaScript выполнять асинхронные задачи после завершения всех синхронных. Он следит за тем, чтобы асинхронные операции возвращались в главный поток для выполнения, как только они будут готовы.

Микрозадачи и Макрозадачи: JavaScript разделяет асинхронные задачи на два типа — микрозадачи (например, обещания (Promises)) и макрозадачи (например, таймеры, ввод/вывод). Микрозадачи обрабатываются сразу после текущего синхронного кода и перед любыми макрозадачами, делая их приоритетными.

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

#promise #JavaScript #async
🔥9👍4👌41
React Новости. Рефакторинг, Композиция, Entities FSD. React приложение новостей. [15]

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

Видео уже на канале

#react_новости
🔥5🤝31
Какими методами или технологиями HR-отдел пользуется для проверки достоверности информации о профессиональном опыте, указанной в резюме кандидатов?

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

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

Справка СТДР с портала государственных услуг. В Российской Федерации, особенно в IT-сфере, где подавляющее большинство компаний функционирует в рамках "белой" зарплаты, применяется проверка через запрос справки о трудовой деятельности (СТДР). Этот документ отражает всю официальную трудовую активность кандидата. Если данные в резюме не совпадают с информацией из справки, это может вызвать вопросы у работодателя.

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

Вот как ответила Залифа. @it_coach1

Ваше мнение 👇👇👇
👍3👌3🎉1
React Новости. React Router, Страница новости. React приложение новостей. [16]

В этом видео мы подключим React Router. Создадим отдельную страницу новости. Настроим базовый Layout. Добавим слоты в карточки

Видео уже на канале

#react_новости
👍6🔥2😁1🆒1
YouTube планы

Хочу начать записывать видео по JavaScript. Буду стараться брать сложные, интересные темы и объяснять их в небольших видео. Это будет полезно многим, в том числе и мне. Так как для того, чтобы записать хорошее видео нужно углубиться, подготовить материал, написать сценарий. Это сильно прокачивает и укрепляет знания. Поэтому буду разбавлять контент JavaScript-ом. А то один React на канале.

Накидайте идей для первого видео 👇👇👇
👍6🔥4💯2
Получить значение cookie в браузере

Значение cookie можно извлечь, обратившись к document.cookie

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

- Аутентификация и сессии
- Персонализация
- Трекинг и аналитика
- Рекламные кампании

#cookie #solution
👍109🔥4
Преобразование RGB в HEX

Чтобы преобразовать значения RGB (Красный, Зеленый, Синий) в их соответствующее шестнадцатеричное представление, можно использовать функцию rgbToHex. Этот метод особенно полезен в:

- Веб-разработка
- Игровая разработка
- Мобильная разработка

#rgb #hex #JavaScript #solution
👍7🔥44🤝1
Новости YeaHub

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

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

Так же к нам в команду присоединился Senior Backend Разработчик. Он возглавит команду Backend Разработчиков.

Так же веду переговоры с еще одним опытным специалистом. Хочу чтобы он возглавил отдел Дизайнеров.

Все эти 1,5 месяца для меня были сложными. Очень много дел и работы. Работал с утра до ночи. И наконец, основные идеи, структура, план и тд я собрал в общую картину. Теперь надеюсь, что ребята меня разгрузят и мы вместе будем строить нашу Open Source Платформу YeaHub!

#yeahub
🔥10👍3💯1
Сделаем IT лучше🏆

#yeahub
🔥18👍61😁1
Копировать в буфер обмена

Чтобы скопировать текст в буфер обмена с помощью JavaScript и использовать navigator.clipboard.writeText, вы можете создать функцию copyToClipboard. Это полезно когда нужно скопировать одним нажатием:

- Формы и ввод данных
- Поделиться ссылками
- Кодовые сниппеты и конфигурации
- Купоны и промокоды

#navigator #copyToClipboard #JavaScript #solution
👍861💯1
Почему наблюдается сокращение числа вакансий для специалистов начального уровня? Какие основные факторы влияют на это изменение на рынке труда?

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

Намного эффективнее и выгоднее для компании нанимать в состав сильной команды опытного специалиста, что позволяет генерировать доходы и прибыль. К тому же, не следует забывать о рисках для компаний: джуниор, подготовленный командой, может легко уйти на рынок труда, и не всегда компания успевает «отбить» инвестиции, вложенные в этого сотрудника.

Вот как ответила Залифа. @it_coach1

Ваше мнение 👇👇👇
👍4😢2🫡1
[СОВЕТ] Сначала сам, потом спроси.

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

#совет #обучение
💯12👍2🔥2
Иду на митап😎
👍12🔥3💯2
Дорогие дамы, поздравляю вас с праздником! Желаю, чтобы ваши мечты сбывались, обучение давалось легко, знания осваивались быстрее, а HR-ы приглашали на собеседования.

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

С праздником!
👍11664🔥2
Проверка корректности даты

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

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

#date #validation #JavaScript #solution
👍75💯2
На выходных выпущу видео про Roadmap по Фронтенд разработке, который составил сам. Это пошаговое руководство с массой учебных ресурсов.

Таких roadmap я еще не встречал. Все просто показывают технологии, но не дают материалы/ресурсы, по которым эти технологии учить. Выбираешь технологию, изучаешь, затем переходишь к следующей. Очень практично, почти как курс: есть учебный план и материалы. Пока без заданий, но планирую дополнять.

В видео обойду весь план, расскажу о каждом ресурсе, дам советы и рекомендации, покажу, как эффективно использовать этот план.
👍38🔥4🫡3💯2
Проверка порядкового номера дня в году

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

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

#date #validation #JavaScript #solution
8👍4