YeaHub Разработка

Из-за ошибок в управлении проектом разработка дизайна нашего приложения застопорилась на два месяца. Фронтенд команда ожидала дизайн и не могла продолжить работу. Для решения этой проблемы я изменил стратегию управления.

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

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

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

#yeahub

Проверка наличия элементов в массиве

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

- валидации данных перед обработкой,
- проверке входных данных в функциях,
- управлении потоками данных в приложениях.

#JavaScript #arrays

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

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

#react #best #props

Получение выделенного текста пользователя

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

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

#JavaScript #window #selection

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

Этот пост адресован всем, кто сомневается. Если вы продолжите и проявите усердие, то у вас все получится. Нужно просто идти вперед несмотря ни на что, не сдаваться. Банально, но так оно и есть.

Что будет если мы перейдем и накидаем звезд сюда?🤔
Предлагаю проверить

https://github.com/MirgradR/news-reactify

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

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

Какие продвинутые темы вам были бы интересны?

🎉 Результаты розыгрыша:

Победители:
1. Nikita (@frontendNC)
2. concurrency mode (@webtensei)
3. Тимур (@kalievxx01)
4. Ирина

Проверить результаты

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

Можете мне написать в личку. Менторство 2 недели и 1 неделя не могут идти вместе. Сначала один, потом второй. Для этого решим кому как удобнее

Буду стараться чаще проводить розыгрыши.

Удаление дубликатов из массива с помощью Set

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

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

#JavaScript #set #arrays

Отличные ресурсы для подготовки к собесам и прокачки навыков.

Задачи по JS и React. Создание различных компонент по заданию. Самое то для Лайвкодинга
https://www.greatfrontend.com/prepare/coding
https://bigfrontend.dev/

Вопросы с собеседований.
https://www.frontendinterviewhandbook.com/ru/javanoscript-questions

Решаем задачи и алгоритмы
https://www.codewars.com/

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

На моем канале есть несколько видео, которые точно стоит посмотреть.

Самый лучший 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

https://youtube.com/shorts/oOgPh6_NjTI?si=NPgobMRtDi3Q57E-

Начал снимать shorts. Хочу дополнительно такой формат попробовать. Ведь скоро мы будем продвигать наш проект YeaHub, поэтому надо пользоваться всеми доступными способами💪

Вычисление площади круга по радиусу

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

#JavaScript #math #geometry

Хочу переодически выставлять такие видео. Это тестовые/моковые собеседования. Проверка знаний в рамках менторства.

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

https://www.youtube.com/watch?v=LuRY_lBKxFc

YeaHub и монетизация

К нам присоединился еще один дизайнер! Мы активно работаем над дизайном всех наших сервисов. И скажу вам одно, получается очень красиво😍.

Также разработка бекенда и фронтенда продолжается. Разработка идет во всех направлениях. Ребята замотивированы, и наш чат оживился. Мы исключили неактивных участников. Теперь только вперед💪.

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

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

Для решения этих проблем:
1️⃣ Я буду чаще рекламировать другие каналы. Разумеется, будет фильтрация. Не будет курсов и всякой шляпы. Прошу понять и простить🥺.

2️⃣ Скоро мы создадим канал Frontend | Собеседования. На нем будут актуальные вопросы и задачи для подготовки к собеседованиям. С понятными ответами, без воды. А также на канале будут еженедельно проводиться 3 собеседования, рандомно среди подписчиков. А сами собеседования мы будем записывать и выкладывать на YouTube. Такого формата нет нигде. Вопросы будем добавлять мы — YeaHub, все наши разработчики, которые проводят собеседования💯.

3️⃣ Мы создадим YouTube-канал, там будут видео собесов и shorts по вопросам и ответам на них. Мы настроены серьезно. Будем продвигать YeaHub💪.

Если у нас получится, то мы поменяем сферу, мы ее улучшим. Курсы будут не нужны. Галеры будут не нужны. У нас грандиозные планы. К сожалению, на данный момент расскрыть их полностью не можем.

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

Через месяц начнем снова набор разработчиков среди вас. У нас много работы. Будем вместе создавать YeaHub🚀.

https://youtube.com/shorts/xUq7378vlik?feature=share

Ваше мнение. Сегодня в чате обсуждали это )

Проверка числа на простоту

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

#JavaScript #math