Знакомлю вас с участниками проекта.

Дизайн важная часть любого приложения. Над дизайном у нас работают @bubuzlya и @brandonbetterdays

Как нам делать платформу для HR без HR. Консультировать и помогать нам будет HR специалист @HR_Zalifa

Опытные люди нам нужны, особенно если умеют тестировать и работали в больших компаниях @r0mavin

Опытный Frontend Разработчик с почти 10-летним опытом, работал в Ozon, Ростелеком, Сбер, будет помогать в организации @gzennurov

Универсальный солдат, DevOps, Frontend, Backend, который будет на подхвате @rofflion

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

#teams

Всем привет! Понедельник день тяжелый.

Сегодня добавил всех Фронтенд Разработчиков в чат проекта. Решил для начала взять 10 человек. Через месяц думаю нужно будет набирать еще. Но главное начать разработку.

Наша команда фронтендров 🎉🎉🎉

@denispereloma @AleksanderIazev @SSA146 @A_Kaz @crypto_bubblezz @perfect1onnnn @Ykant @maxkpacific @buffik_1989 @ShaArtur

Долго решали кого выбрать, ведь было много крутых ребят. В итоге сошлись на таком выборе. Все кто проходил собеседования молодцы! Спасибо, за ваше время, я постараюсь на неделе каждому написать и дать обратную связь.

ВСЕ КТО ПРОХОДИЛ СОБЕСЕДОВАНИЯ БУДУТ В ПРИОРИТЕТЕ В СЛЕДУЮЩЕМ НАБОРЕ

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

#teams

Мост

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

Вот когда стоит использовать паттерн Мост:

1️⃣ Когда нужно избежать "жесткого" связывания абстракции и её реализации: Это особенно важно в ситуациях, где абстракция и реализация могут развиваться независимо друг от друга, или когда реализация должна быть выбираема или переключаема во время выполнения программы.

2️⃣ Когда изменения в реализации не должны влиять на клиентов: Использование паттерна Мост позволяет изолировать изменения в реализации от кода клиента, который использует абстракцию.

3️⃣ Когда необходимо разделять и управлять большим набором классов: В случаях, когда существует множество классов, образующих иерархии абстракций и реализаций, паттерн "Мост" помогает упорядочить и упростить структуру.

Примером реализации паттерна Мост в контексте React и функционального программирования может служить ситуация, где компонент React (абстракция) делегирует некоторые из своих задач другому JavaScript объекту (реализация). Это может быть, например, компонент интерфейса, который взаимодействует с разными источниками данных. Вместо того, чтобы интегрировать логику работы с данными напрямую в компонент, можно использовать паттерн Мост, чтобы отделить эту логику.

#patterns #bridge

Фидбек

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

Все большие молодцы, много всего знают. Хочу в дальнейшем записать видео, поделится ошибками и советами.

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

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

Изначально я хотел собрать команду 10-12 человек вместе с бекендерами и дизайнерами. Для Фронтов я выделял 6 мест примерно. Но так как были ребята с опытом, то я поступил следующим путем: 5 человек с опытом и 5 человек без опыта. В нашей команде 10 Фронтов.

Ребята с опытом усилят наш проект и подготовят почву к следующему набору. Чтобы мы могли брать менее опытных ребят. У нас грандиозные планы!

Всем спасибо! Если кому то не написал фидбек, напишите мне плиз, мог пропустить, столько людей.

#teams

YeaHub

Сегодня мы придумали название для нашей платформы YeaHub. Я уже купил домен💪

Yea: Это слово ассоциируется с утверждением, согласием и позитивом. Оно звучит энергично и оптимистично, что может привлечь внимание и создать позитивное первое впечатление.

Hub: "hub" означает центральное место для соединений и взаимодействий. Это подчеркивает, что наша платформа является ключевой точкой сбора для IT-сообщества.

А ты зареган на ехаб? Кинь ссылку на ехаб! Я сижу на ехабе!

По мне так оригинально. Приедается. Запоминается.

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

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

#teams #yeahub

React Новости и FSD (Архитектура Frontend)

Всю эту неделю готовил видео о FSD😱 Такого видео в YouTube точно нет. Все примеры обычно легкие, а у нас уже большое приложение. Было сложно, но я сделал это! Если хотите прокачаться в FSD (самая популярная архитектура на данный момент) то точно стоит посмотреть видео. Буду пару дней монтировать.

В этом видео мои мысли и рассуждения. Логика FSD как ее вижу я (не побоюсь сказать САМАЯ ПРАВИЛЬНАЯ).

Видео подойдет и для опытных и для новичков. Длится будет 1,5 часа.

YeaHub Новости

В нашей команде теперь 5 дизайнеров! Наш проект растет.

Еще определились с дизайном, какой стиль и цвета хотим видеть на нашей платформе.

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

Еще мы в поиске опытного бекендера. Который будет TeamLead для разработчиков. Чтобы участвовал в продумывании архитектуры. Я думаю мы легко найдет. Ведь наш проект как магнит!

#teams #yeahub

Димыч по нашим стопам решил пойти😄

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

Только он берет за это деньги с новичков. Вообще это круто, Димыч много годного делает. Многие платят за Буткемпы и тд, а тут прям реальный стартап. Хороший опыт.

Только у нас это бесплатно. Вы можете пройти отбор и практиковаться👌

Этот проект будет жить в любом случае. Хотя бы просто как место для практики. Но мы нацелены на результат.🏆

#teams #yeahub

Распространение события

Распространение события (Event Propagation) – это механизм в веб-разработке, описывающий порядок, в котором события обрабатываются в DOM (Document Object Model). Когда событие возникает на элементе, оно проходит через три стадии: погружение, целевую фазу и всплытие.

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

Фаза Погружения (Захвата): Событие начинается от Window и движется вниз к целевому элементу, проходя через всех его предков.

Целевая Фаза: Событие достигает целевого элемента.

Фаза Всплытия: Событие возвращается к Window, всплывая через всех предков целевого элемента.

Управление распространением событий:

event.stopPropagation(): Вызов этого метода в обработчике событий предотвращает дальнейшее распространение события. Это означает, что событие не будет продолжать всплывать или погружаться.

#event #stopPropagation #dom

Feature-Sliced Design - Лучшая Frontend архитектура

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

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

Вот самый ближайший по духу пример из документации:
https://github.com/noveogroup-amorgunov/nukeapp/tree/main/src

YeaHub Новости

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

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

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

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

#teams #yeahub

FSD

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

Еще хотим чтобы YeaHub так же добавили на сайт FSD. Это помогло бы в продвижении и привлечении внимания сообщества. Будем трудиться и создадим формулу написания хорошего кода.

Ребята, наша команда усердно трудится над проектом 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

Запись выражений в одну строку

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

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

#JavaScript

Это что такое?😱 давно не было больше 1900, а тут 2037🧐
Ваше мнение ребята. Как сейчас дела обстоят с собесами?

Reactify Academy

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

https://code-basics.com/ru

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

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

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

#academy

Менторство

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

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

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

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

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

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

Про обучение

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

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

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

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

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