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

🖥 React - теперь в телеграм! По контенту: 1. Полный разбор кода продвинутых приложений. 2. React курсы 2024 года бесплатно. 3. 2200 реальных задач с собесов с разбором от Senior разработчика. Ещё мы собрали маст-хэв папку Frontend разработчика. Подписывайтесь, чтобы вывести свои навыки разработки на совершенно новый уровень: @react_tg

Хочу переодически выставлять такие видео. Это тестовые/моковые собеседования. Проверка знаний в рамках менторства. Жду вашего мнения, что улучшить, какие лучше вопросы задавать и тд. Буду стараться более динамично в следующий раз проводить собесы https://www.youtube.com/watch?v=LuRY_lBKxFc

Вычисление площади круга по радиусу Для того чтобы вычислить площадь круга, зная его радиус, можно использовать следующий фрагмент кода на JavaScript. Этот метод будет полезен в различных задачах, связанных с геометрией, физикой или даже при разработке игр #JavaScript #math #geometry

https://youtube.com/shorts/oOgPh6_NjTI?si=NPgobMRtDi3Q57E- Начал снимать shorts. Хочу дополнительно такой формат попробовать. Ведь скоро мы будем продвигать наш проект YeaHub, поэтому надо пользоваться всеми доступными способами💪

На моем канале есть несколько видео, которые точно стоит посмотреть. Самый лучший roadmap по фротнтенду Тут есть все темы, ресурсы для изучения и мои комментарии. https://youtu.be/9Pbm_V0MM0Y?si=7GXD9Aon9KOS9oBk Топовые курс по TypeScript Разобраны все темы без воды. https://youtu.be/PYWaUwjofJo?si=f03msee1WHcMEpbE Понятный курс по HTML Так же без воды. Хороший монтаж, объяснение. Плюс практика в конце https://youtu.be/56lpkwhaJhQ?si=YrazpxjdQ9ffp_Ki Видео по FSD Тут мои мысли и примеры, как использовать FSD https://youtu.be/O4SDx-aZY5U?si=RV24I3_wHmhDzLP2 Лучшая практика по React Полноценный видеокурс/сериал, в котором мы реализовавшем с нуля большое приложение и знакомимся со всей экосистемой React. https://youtu.be/bD0UXb7kD_k?si=HGD9HXlVJrqU8OwR

Отличные ресурсы для подготовки к собесам и прокачки навыков. Задачи по JS и React. Создание различных компонент по заданию. Самое то для Лайвкодинга https://www.greatfrontend.com/prepare/coding https://bigfrontend.dev/ Вопросы с собеседований. https://www.frontendinterviewhandbook.com/ru/javascript-questions Решаем задачи и алгоритмы https://www.codewars.com/ Если вы уделите месяц, по 1 часу в день на подготовку к собеседованиям, то вам не будет равных. Сложно себя заставить ежедневно читать и вникать в десятки вопросов. Еще сложнее навешивать задачки. Но это ваш ключ к трудоустройству.

Удаление дубликатов из массива с помощью Set Для эффективного удаления дубликатов из массива в JavaScript, используйте Set, который автоматически хранит только уникальные значения. Этот метод особенно ценен при: - обработке данных для аналитики, - оптимизации списков для интерфейсов пользователя, - очистке входных данных от повторений. #JavaScript #set #arrays

1. Nikita (@frontendNC) - Две недели менторства бесплатно. 2. concurrency mode (@webtensei) - Одна неделя менторства бесплатно. 3. Тимур (@kalievxx01) - Собеседование на 40-60 минут. 4. Ирина - Специальное предложение: месяц обучения за 10,000 рублей вместо 15,000. Можете мне написать в личку. Менторство 2 недели и 1 неделя не могут идти вместе. Сначала один, потом второй. Для этого решим кому как удобнее Буду стараться чаще проводить розыгрыши.

🎉 Результаты розыгрыша: Победители: 1. Nikita (@frontendNC) 2. concurrency mode (@webtensei) 3. Тимур (@kalievxx01) 4. Ирина Проверить результаты

В скором времени начну больше снимать видео. Хочу про трудоустройство поговорить, про JavaScript. Буду выпускать по сложным темам - асинхронность, Promise, Event Loop, DOM и тд. Надеюсь будет полезно💪

🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏

Завтра будет результат розыгрыша😎 Кто какой приз хотел бы? Буду чаще проводить розыгрыш собесов и недельных занятий.

Что будет если мы перейдем и накидаем звезд сюда?🤔 Предлагаю проверить https://github.com/MirgradR/news-reactify

Смотрю на своих учеников, и у них такие же проблемы, какие были и у меня во время обучения. Блин, как будто дежавю. Я через все это проходил: на протяжении всего обучения я сомневался в своих силах, сталкивался с трудностями и непониманием. Вот прямо один в один. И за счет этого у меня еще больше желание помочь им, созвониться, объяснить, поддержать. Этот пост адресован всем, кто сомневается. Если вы продолжите и проявите усердие, то у вас все получится. Нужно просто идти вперед несмотря ни на что, не сдаваться. Банально, но так оно и есть.

В начале или середине своего пути новичкам часто нужно смотреть на примеры кода и реализацию разных возможностей ⚠️ Это повышает насмотренность, понимание кода, да и вы всегда можете сохранить заготовки себе на будущие проекты Раньше я публиковал множество сайтов. Но теперь есть специальный канал для этого: @code_ready У вас будет все под рукой, с оформленным кодом, примерами, шпаргалками и без занудства ➡️ Так что подписываемся

Получение выделенного текста пользователя Чтобы получить текст, который пользователь выделил на веб-странице, можно использовать встроенное свойство getSelection. Этот метод особенно полезен для: - разработки функций копирования или анализа текста, - создания заметок или аннотаций в документах, - улучшения взаимодействия пользователя с контентом. #JavaScript #window #selection

Избегайте явного добавления лишних пропсов, если они могут быть переданы через распространение пропсов. Когда работаете с React компонентами, особенно с такими, что оборачивают HTML элементы (например, <input>, <button>, <textarea>), придерживайтесь простоты и чистоты кода. Если ваш компонент получает пропсы, которые прямо передаются в дочерний элемент без модификаций или особой логики, предпочтительнее использовать оператор распространения пропсов (...props). Это повышает гибкость компонента и упрощает его применение. #react #best #props

Хочешь освоить или улучшить свои навыки во фронтенде? В канале Frontend Developer есть всё необходимое — бесплатные курсы по фронтенду(HTML, CSS, JS , React и др.), готовый код, полезные ресурсы и статьи. А также чат, где мы помогаем друг другу и делимся опытом Обучайтесь бесплатно вместе с @byFrontDeveloper

Проверка наличия элементов в массиве Чтобы проверить, пустой ли массив или в нем есть элементы, используйте следующий фрагмент кода. Этот метод особенно полезен при: - валидации данных перед обработкой, - проверке входных данных в функциях, - управлении потоками данных в приложениях. #JavaScript #arrays

YeaHub Разработка Из-за ошибок в управлении проектом разработка дизайна нашего приложения застопорилась на два месяца. Фронтенд команда ожидала дизайн и не могла продолжить работу. Для решения этой проблемы я изменил стратегию управления. Для возобновления работы и компенсации потерянного времени я нанял двух дизайнеров на неполный рабочий день. Их работа оказалась чрезвычайно эффективной: за первые две недели они разработали дизайн лендинга, несколько ключевых страниц основной платформы и комплект UI элементов. Это позволило фронтенд команде приступить к разработке. Для улучшения работы и повышения эффективности команды фронтенд-разработчиков я провёл реструктуризацию: назначил руководителя фронтенд отдела и разделил разработчиков на малые команды, каждая из которых получила своего лидера. Это изменение позволило более чётко распределить задачи и ускорить разработку. Лидеры команд успешно настроили свои проекты и, имея теперь в распоряжении дизайн, активно работают над реализацией интерфейса платформы. Этот период стал для нас важным уроком о значении гибкости управленческих решений и важности эффективной командной работы. Мы единодушно верим в успех нашего проекта и стремимся представить его IT-сообществу. #yeahub