Telegram Group Search
😮 Мой первый стартап — сервис онлайн-записи App-Salute

Навыки, которые я получил на работе, очень пригодились мне. Моя сестра — успешный стилист с собственным бизнесом и большим влиянием в бьюти-сфере своего города. Именно она вдохновила меня на создание приложения, которое было бы дешевле и проще, чем YClients, но удобнее простых аналогов, которыми пользуются небольшие салоны.

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

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

Так в декабре 2022 года появился App-Salute.

🖥 Создание бэкенда

Для бэкенда я выбрал знакомый стек: Node.js, Express.js, MongoDB. На разработку ушло около двух месяцев. Я писал код после основной работы — каждый день по 3–4 часа, а иногда и целые выходные.

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

Я разворачивал БД, настраивал сервер, писал API. Я создал около 60 эндпоинтов, тестировал их в Postman, продумывал структуру данных и связи между ними. Это вам не системный дизайн на собеседовании — это реальная разработка.

С первого раза ничего не было идеально — многое пришлось переделывать.

Самым сложным оказалась работа с датами и записями. Нужно было учитывать множество факторов: свободные слоты, длительность услуг, пересечения. Я прописывал десятки сценариев, мозг буквально дымил. Вот где пригодились алгоритмы!

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

👩‍💻 Разработка фронтенда

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

Эти полтора месяца я жил в постоянном стрессе. Работал с 17:00 до 23:00 каждый день. Но успел — MVP был готов.

👩‍💻 Деплой приложения

С деплоем пришлось сложнее всего. Пришлось разбираться с VPS, DNS, Nginx, PM2, настройкой MongoDB. Я копался в этом днем и ночью, даже взял отпуск на 10 дней на основной работе, чтобы закончить настройку. И вот релиз.

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

👩‍💻 Рефакторинг и улучшения

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

Новый бэкенд я сделал на Nest.js, PostgreSQL, Docker, а фронтенд — React.js, TypeScript, RTK, FSD. Также я использовал опыт с работы и написал собственный UI Kit со Storybook. Это были 2 независимых приложения: для компаний и для клиентов. Представляете - я вёл разработку сразу двух фронтенд-проектов одновременно! 🤪

На доработку ушло 8 месяцев. Я добавил:
- СМС-рассылку
- Полноценную авторизацию (JWT, OAuth)
- Загрузку изображений и интеграцию с S3
- Групповые услуги
- Управление салонами
- Пополнение счета
- Систему ролей и Личный кабинет клиента

И снова режим 24/7. Было тяжело, но я получал кайф от разработки. Мне нравилось чувствовать себя стартапером, фиксить баги и получать фидбек от пользователей.

Отдельным вызовом стал CI/CD с Docker. Я две недели разбирался с деплоем

📌 Что стало с приложением

За 2 года сервисом пользовались 3 компании и около 800 человек (клиенты и сотрудники). У него был простой, но удобный интерфейс. Сестра использовала его почти все это время и говорила, что он лучше многих аналогов.

1 апреля 2025 года я отключил сервер и удалил файлы проекта. Press F, App-Salute.

Ты дал мне веру в себя. Ты показал, что я могу решить любую задачу. И именно благодаря тебе 30 января 2024 года родился YeaHub.

Честно, пока писал — прослезился🥲
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Уникальный опыт, который переоценить невозможно

За три года работы в LS.Graphics я получил то, что редко можно найти даже в крупнейших IT-компаниях: реальную возможность создавать. Вместо того чтобы быть "винтиком" в огромной корпоративной системе, я стал разработчиком, который с нуля проектирует, строит и запускает продукты мирового уровня.

В больших компаниях ты часто ограничен своей узкой специализацией: Frontend, Backend, DevOps. В LS.Graphics я работал полным циклом: от архитектуры и UI до бекенда, оптимизации и деплоя.

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

У нас была энергия стартапа — мы постоянно генерировали идеи, спорили, пробовали новое.

Но при этом у компании уже были серьезные продукты, которыми пользовались Apple, Microsoft, Nike, Adobe. Это успешный бизнес с миллионами пользователей.

📈 Быстрый рост

За 4 года я прошел путь от Стажера до разработчика, способного с нуля запускать сложные продукты. В крупных компаниях такой рост занимает 5-7 лет (если вообще возможен).

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

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

💱 Развитие экспертизы

Мой профессиональный путь системно вел к текущей позиции:
- Британский финтех — первые серьезные проекты
- LS.Graphics — разработка проектов с нуля и работа с интересными технологиями
- App-Salute — проектирование и разработка стартапа с нуля, погружение в Backend, DevOps
- Ведение YouTube и Telegram-каналов — навыки продвижения, нетворкинг и формирования сообществ
- Менторство — понимание рынка и внутренней кухни IT-компаний. Знакомство с крутыми ребятами

Каждый этап добавлял новые компетенции, которые сейчас помогают в развитии YeaHub.

🥇 YeaHub: год развития

Прошлый год работы над YeaHub научил меня двум главным вещам: как делать сложные технические решения и как управлять командой. За это время у нас поработали 13 бэкенд-разработчиков, 9 дизайнеров, 3 тестировщика и больше 80 фронтенд-специалистов. Сейчас в команде 45 самых сильных участников.

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

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

Моя роль как CEO и Tech Lead включает:
- Разработку архитектурных решений и технической стратегии
- Формирование и постоянную актуализацию продуктового видения
- Развитие проекта и построение профессионального сообщества
- Подбор команды и управление специалистами

На ближайший год мы ставим амбициозные цели:
- Расширение команды и профессиональный рост текущих участников
- Активное продвижение проекта на рынке
- Разработка более 20 новых сервисов
- Привлечение новых IT-специалистов в наше сообщество

Наши достижения за 7 месяцев после релиза:
- 2,500+ зарегистрированных пользователей
- 80,000+ посещений
- Стабильные 500+ ежедневных активных пользователей

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

YeaHub — это open-source платформа, созданная айтишниками для айтишников. Новички могут изучить код реального большого проекта с полным стеком технологий и множеством популярных кейсов.

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

👍 Обучайтесь, общайтесь, растите вместе с https://yeahub.ru
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Техническое собеседование в VK на проект Mail

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

Вопросы:
- Что делают preventDefault и stopPropagation?
- Как работают call, apply и bind? В чем их разница?
- В чем разница между arrow function и function declaration?
- Как ускорить алгоритмическую сложность кода?
- Как ускорить работу функции?
- Как удалить или вставить произвольные элементы из массива?
- Как перехватывать JavaScript-ошибки на странице?
- В чем разница между throw 'message' и throw new Error('message')?
- Чем можно заменить position: sticky, если бы его не существовало?
- Для чего нужен Service Worker?
- Как отменить fetch-запрос?
- Как получать данные в реальном времени?
- Зачем нужен Virtual DOM?
- Зачем нужны State Manager и Контекст? Почему нельзя просто использовать переменные?

Ответы на вопросы тут

#frontend #interview
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 В понедельник выходит мой новый курс по DOM API на YouTube!

Почему сейчас? Потому что нормальных современных видео по этой теме почти нет – всё устаревшее или поверхностное.

Это полный курс с нуля: разберём логику работы DOM, тонкости JS и закрепим всё практикой. Без воды, только полезные примеры и фишки.

👉 Подойдёт и новичкам, и тем, кто хочет освежить знания перед собесами.

Думаете, DOM API уже никому не интересен? Посмотрим! Но уверен – такой курс многим пригодится.

Жду вас в понедельник!
Please open Telegram to view this post
VIEW IN TELEGRAM
26 июня в 15.00 мск пройдет онлайн митап «МойОфис Frontend&UX Talks. Практические решения для сложных интерфейсов в 2025 году: от кода до дизайна».

Современные цифровые продукты становятся все мощнее — и все сложнее. А еще требуют комплексного подхода — от архитектуры кода до продуманного UX. Как создавать сложные интерфейсы, чтобы они оставались удобными? Какие технологии и методы действительно работают в реальных проектах?
Об этом мы и поговорим на митапе: рассмотрим современные инструменты, архитектурные решения, дизайн-системы и методы редизайна, а также покажем рабочие подходы, которые можно применить прямо сейчас, независимо от масштаба вашего проекта.

На митапе выступят:
Руководитель группы разработки МойОфис, участник программного комитета конференции HolyJS Алексей Золотых;
Архитектор веб-направления в «Лаборатории Касперского», соорганизатор MoscowJS, Павел Востриков;
Исследователь пользовательского опыта и клиентских сценариев в Alfa Research Center, тренер и практик дизайн-мышления, Антон Бессонов.
И другие спикеры, в расписании митапа.

Для кого этот митап?
✔️ Для фронтендеров, которые создают не просто код, а удобные и современные интерфейсы.
✔️ Для продуктовых специалистов, которые хотят знать, куда движется индустрия.
✔️ Для дизайнеров, которые хотят глубже понимать технические возможности в разработке дизайна интерфейсов.

Это не просто доклады — это разбор реальных кейсов и живые дискуссии. Присоединяйтесь, чтобы обсудить лучшие практики, задать вопросы спикерам и вдохновиться новыми идеями. Будет полезно!

Реклама ООО "НОВЫЕ ОБЛАЧНЫЕ ТЕХНОЛОГИИ" ИНН: 7703807270 erid: 2W5zFG85dGU
О, как же круто наблюдать, как растёт твоё детище! 🚀🔥

За выходные настроил авто-бэкапы продакшен БД: теперь каждые 6 часов резервная копия летит в S3, а мне в Telegram прилетает уведомление, что всё ок. Плюс сделал систему восстановления — с временными копиями и откатом. Ну что, я теперь настоящий девопс😎

А ещё качаем медиа! К нам присоединился Android-ментор, и вместе с учениками они уже пилят мобильную версию YeaHub — будет огонь! 🔥

Подписывайся, впереди ещё больше крутых идей и проектов:

🎥 YouTubehttps://www.youtube.com/@yeahub
📱 TikTokhttps://www.tiktok.com/@yeahub_it
✈️ Telegram@yeahub
🚀 YeaHubhttps://yeahub.ru

Поехали! 💪
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 JavaScript DOM с 0 до Профи. Полный курс + Практика

DOM — это представление HTML-документа в виде дерева объектов, с которым можно работать через JavaScript. В этом видео мы рассмотрим, что такое Document object model и как браузер создает DOM при загрузке страницы. Без DOM in javascript веб-страницы были бы статичны, а с его помощью мы можем динамически изменять контент.

Видео уже на канале!
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.

#javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻 План развития Frontend Разработчика (Часть 1)

Этот гайд — пошаговая дорожная карта для изучения фронтенд-разработки, подготовки к собеседованиям и поиска первой работы.

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

Главный принцип:
Закладываем фундамент → Повторяем → Практикуем → Углубляемся. Важно "забить мозг" технологией, чтобы она стала привычной. Для этого:
- Смотрим одни и те же темы в разных источниках.
- Много пишем код, даже если кажется, что не понимаешь.

🗺 Frontend Roadmap 2024. План + Ресурсы для бесплатного обучения

🖥 HTML (< 2 недель)
Изучать HTML без CSS может показаться скучным, но наша главная цель — разобраться в возможностях языка и понять, какие теги существуют и для чего они нужны. Не стоит заучивать всё подряд — с практикой придёт понимание, когда и какие теги применять.

→ HTML с 0 до Профи. Полный курс + Практика
https://youtu.be/56lpkwhaJhQ?si=yaljlD28fC5ygHt-

→ HTML - Полный Курс HTML Для Начинающих
https://www.youtube.com/watch?v=W4MIiV4nZDY

🖥 CSS (< 4 недель)
Не стоит заучивать все свойства. Лучший способ — практика. Нужно больше верстать и пробовать. Пройдите подряд 2-3 курса и начинайте смотреть, как верстают другие. Видео по верстке в YouTube очень много

→ CSS - Курс по CSS для Начинающих
https://www.youtube.com/watch?v=WpridlBQmdk

→ CSS для Начинающих - Практический Курс
https://www.youtube.com/watch?v=SpCUuyZZTp8

→ Объяснение Вёрстки Простого Сайта
https://www.youtube.com/watch?v=MQTeFDeiRzg

→ Адаптивная верстка сайта на HTML CSS
https://youtu.be/PoJaRi7Ug7Q?si=L30HX2oiLzydfLAb

Далее возьмите 2-4 макета в Figma. Сверстайте их самостоятельно, сверяясь с конспектами.

🖥 Git & GitHub (1 неделя)
Освойте основы: создание репозитория, веток, коммитов и пуша. Цель — загрузить проект на GitHub. Остальное изучите позже.

→ Git и GitHub Курс Для Новичков
https://www.youtube.com/watch?v=zZBiln_2FhM

Дополнительно
После освоения базовой вёрстки вы сможете расширить навыки:
- Препроцессоры (Sass/Less)
- Продвинутые анимации (CSS animations, GSAP)
- CSS-фреймворки (Bootstrap, Tailwind)

Но не задерживайтесь на этом этапе слишком долго! Главное сейчас — закрепить основы и переходить к JavaScript.

С самого начала параллельно с изучением технологий готовься к собеседованиям. Каждый раз после освоения новой темы закрепляй теорию — проходи вопросы в тренажере 🚀 YeaHub.

#гайд #html #css #git
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻 План развития Frontend Разработчика (Часть 2)

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

Изучать JavaScript нужно с разных сторон. Окружайте себя им: смотрите видео на YouTube, решайте задачи на CodeWars и LeetCode, учите вопросы собеседований и просто разбирайтесь в теории.

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

Когда я учил JavaScript, я потратил на это около трёх месяцев и за это время:
просмотрел 5 видеокурсов (каждый от 5 до 11 часов);
прошёл 3 курса на платформах с тренажёрами;
читал книги;
параллельно решал задачи на CodeWars.
практиковался с DOM API

Если не понимаете — смотрите 1, 2, 3 курса, пробуйте разные форматы, изучайте объяснения разных авторов. Ваша задача — подготовить мозг, создать нейронные связи, адаптировать себя к восприятию информации.

Банально: посмотрели один курс — поняли 5%. Не страшно. Смотрите следующий — уже 10%. Каждое новое видео, курс или книга раскроют вам одну и ту же тему по-новому. Всё просто: главное — не лениться и регулярно делать шаги к цели. Просто садимся за компьютер и включаем курс.

Технически, в курсе на 7 часов можно услышать 80% всего JavaScript. Но на практике всё сложнее — мозгу нужно время, чтобы привыкнуть, чтобы информация уложилась. Регулярность — ключ к успеху! Если остановитесь — будет откат назад.

Это как картинка с шахтёром, который развернулся в метре от клада. Главное — не разворачиваться!

🖥 JavaScript (2-4 месяца)

→ JavaScript - Полный Курс JavaScript Для Начинающих
https://www.youtube.com/watch?v=CxgOKJh4zWE

→ Неплохой курс на Степике
https://stepik.org/course/180784/promo

→ Doka, почитывайте переодически
https://doka.guide/js/

→ Основы JavaScript
https://ru.hexlet.io/courses/js-basics

→ JavaScript DOM с 0 до Профи. Полный курс + Практика
https://youtu.be/6wJoaiK3NxI?si=DKrRFVo_VjXMnjfj

→ Делаем календарь на JavaScript
https://youtu.be/HmZ7j0WtjdU?si=DfuFFlW7yHp26Crg

→ Пишем простые часы на JavaScript
https://youtu.be/FMgbaVz-TZ4?si=JaRSfWMv3Nj_Yfw8

→ Плейлист из 10 проектов
https://www.youtube.com/playlist?list=PLqp5ZRS9tv4QDOXnn6zGtl1R5LfPDMvz4

→ ВЕСЬ JavaScript в одном собеседовании. 200 вопросов + 70 задач за 2 часа
https://youtu.be/A2P3Gn2_gSY?si=1QlhgaAFxMrPOA6D

→ 5 главных правил THIS
https://youtu.be/VOtZ4ghy3ik?si=1E0XfSUhd8iovyIE

→ Разбор задач по Event Loop
https://youtu.be/QQg5wOloZDI?si=NVYpx07mWH5f0QA4

→ Плейлист 72 задачи по JS
https://www.youtube.com/playlist?list=PLEhUqRdnYdykSMw9irD8yJ7q5GSVvQLL0

А также вводите себе в привычку решать задачи на Codewars или, лучше, на Leetcode. Ничего страшного, если не получается решить самостоятельно — просто продолжайте пытаться и разбирать правильные решения.

После изучения DOM API нужно самостоятельно сделать 1-2 проекта: найти макет, API и реализовать всё самому. Перед тем как изучать React, важно хорошо освоить базу, иначе будете "плыть".

С самого начала параллельно с изучением технологий готовься к собеседованиям. Каждый раз после освоения новой темы закрепляй теорию — проходи вопросы в тренажере 🚀 YeaHub.

#javascript #курсы #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻 План развития Frontend Разработчика (Часть 3)

Ты уже освоил базу: HTML, CSS, JavaScript. Но в реальности никто не пишет проекты на чистом коде — это долго, сложно и неэффективно. Если ты написал что-то на чистом JS без фреймворков, то, грубо говоря, ты создал свой фреймворк. Другим разработчикам будет тяжело разобраться в твоём коде, а поддержка такого проекта превратится в ад.

Решение? Готовые фреймворки и библиотеки. Они дают структуру, правила и экосистему, упрощают разработку и делают код предсказуемым.

Среди популярных вариантов — Vue, Angular, Svelte, Solid, но мы остановимся на React. Почему? Потому что он мощный, гибкий и востребованный на рынке. Давай разберёмся, как его правильно учить.

👩‍💻 React + Router (< 2 месяцев)

React — это основной инструмент, с которым ты будешь работать. Если ты можешь сделать ToDo App, то это уже похоже на коммерческий код. Чем рабочий код отличается от пет-проектов? Объёмом, структурой, абстракциями, обёртками, разделением на модули.

Когда ты делаешь простое приложение (например, Кинотеатр), ты уже сталкиваешься с реальными кейсами:
- Работа с API
- Отрисовка данных
- Поиск и фильтрация
- Роутинг
- Управление состоянием

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

Для изучения React я предлагаю максимально подготовить свой мозг и пройти 2 курса по React, повторяя за автором и делая конспект:

→ React - Курс по React для Начинающих
https://www.youtube.com/watch?v=is3T0W0ouT0

→ Курс React с нуля
https://youtu.be/am_UiIvha5M?si=7io3qRZITckfH2zA

Далее проходим более подробный курс с дотошным объяснением базы от Димыча:

→ Todolist React JS
https://www.youtube.com/watch?v=pzs3a-d3kjM

После этого приступаем к практике и делаем приложение новостей с основными фичами фронтенда: Поиск, Фильтрация, Пагинация, Слайдер и т.д. Тут также произойдёт первое знакомство с TypeScript, Redux, Router, FSD:

→ React Новости
https://youtu.be/bD0UXb7kD_k?si=e5Y5Jkiwt_66U5Ug

Далее углубляем свои знания и смотрим, как создают большое приложение Pizza:

→ React Pizza v2
https://youtu.be/_UywBskWJ7Q?si=WN2kX8Eck9BW_OD3

Ещё больше практики, чтобы уже тошнило, а мозг окончательно привык к React:

→ Разработай 6 проектов на ReactJS
https://youtu.be/eS0GL73tkmw?si=2G36Y4n-bYI4hnT1

Изучаем базу роутинга и применяем сразу на практике

→ React Router 6
https://youtu.be/0auS9DNTmzE?si=GGuidPN1NpfvVAiw

🖥 TypeScript (≤10 дней)

На самом деле ТС очень сложный. Даже опытные разработчики не умеют решать сложные задачи. Проходим 2 курса в YouTube:

→ Полный курс TypeScript
https://www.youtube.com/watch?v=V7hBejCH1HI

→ TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС
https://youtu.be/LWtHl__oEWc?si=E3MJHqHHMM68NblJ

Если за 10 дней не освоили базис — всё равно идём дальше. Остальное натренируется в проектах. Сложные темы: дженерики, утилити-типы, защитники типов, маппинг — вы не поймёте их, пока не начнёте практиковаться в полном стеке. Нам нужна база, которая покрывает 80% рабочей нагрузки.

👩‍💻 Redux + RTK (3-4 недели)

Тут так же как и в TypeScript. Redux имеет кучу инструментов. Но для того чтобы нам понять его - нужна практика. У многи новичков проблема с ним. Что нам нужно уметь: создавать слайсы, использовать данные в компонентах, использовать диспатч, делать запросы на сервер с санками или rtk query. Это база, которая уже позволит вам делать приложение. остальное изучаем уже на практике всего стека.

→ Полный курс Redux
https://www.youtube.com/watch?v=gPmYTqGPDWA

→ Redux Toolkit для управления
https://www.youtube.com/watch?v=C0fBnil_Im4

То же самое и с Redux. Хотя в нём много инструментов, главное — начать практиковаться. У многих новичков возникают сложности. Базовые навыки, которые нужно освоить: Создание слайсов, Использование данных в компонентах, Работа с диспатчем, Запросы к серверу (санки или RTK Query)

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

#redux #roadmap #frontend #react #typescript
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻 План развития Frontend Разработчика (Часть 4)

Когда мы изучили полный стек: React, Router, Redux, TypeScript - начинаем очень много практиковаться. Набивать руку и развивать мышление.

Можно смотреть, как делают большие приложения (рекомендуется смотреть в Яндекс.Браузере с переводом):

https://youtu.be/0mdjgQdQF1k
https://youtu.be/fq7k_gVV5x8
https://youtu.be/xZ1ba-RLrjo
https://youtu.be/-7K_0NRLCu4
https://youtu.be/JKuofETX0GM

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

Как выбрать проект:
- Не берите готовые идеи из YouTube
- Не копипастите код без понимания
- Делайте всё самостоятельно

Примеры идей:
- Приложение магазин с товарами
- Аналитика футбола с API футболистов
- Приложение с картой для просмотра самолётов

Где брать ресурсы:
- Публичные API (найдите в браузере: "публичное API самолётов/футболистов" и т.д.)
- Бесплатные дизайны в Figma (или создайте простой прототип)

Главное, чтобы вам было интересно и был азарт!

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

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

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

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

Архитектура Frontend с Нуля до Продакшена. Docker, Webpack, CI/CD, React, Deploy
https://www.youtube.com/watch?v=GJe0-oPbiqw

Деплой Frontend приложения.
https://youtu.be/8OHe6chCWTE?si=JQpY1Bki7Cj6GiZC

→ Feature-Sliced Design
https://www.youtube.com/watch?v=O4SDx-aZY5U

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

📹 5 продвинутых паттернов в React – изучаем ключевые подходы

📹 Принципы SOLID в React – учимся создавать переиспользуемые компоненты, используя SOLID-принципы

📹 Принципы ООП в React – закрепляем понимание объектно-ориентированного программирования

С самого начала параллельно с изучением технологий готовься к собеседованиям. Каждый раз после освоения новой темы закрепляй теорию — проходи вопросы в тренажере 🚀 YeaHub.

#курс #frontend #react
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻 План развития Frontend Разработчика (Часть 5)

Раньше, чтобы устроиться разработчиком, хватало умения писать код. Сейчас всё сложнее. Даже если ты уверенно работаешь с React или TypeScript, этого мало. Тебе придётся освоить целый пласт навыков, никак не связанных с программированием:

- Как составить резюме, которое заметят?
- Как пройти скрининг и собеседование?
- Где искать вакансии, которые не публикуют на HeadHunter?
- Как общаться с HR и не провалить службу безопасности?

Каждая мелочь — это +1% к твоим шансам. А в нынешней конкуренции даже один процент может решить всё.

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

💡 Какие у тебя варианты?

1. Стажировки и джун-позиции
Подаваться на все стажировки, проходить собеседования, конкурировать с тысячами таких же новичков. Компании часто хотят, чтобы джун за 40к работал как мидл. Если получится — отлично. Но шансы невелики.

2. Фриланс
Можно искать заказы, брать простые проекты, получать первые деньги. Но тут свои сложности:
- Проекты чаще всего типовые, без роста скиллов.
- Заказы могут пропадать на месяцы.
- Первого клиента найти крайне сложно.

3. Стартап за печеньки
Сейчас активно развивается множество новых проектов, и многим начинающим стартаперам нужны недорогие разработчики для их реализации. Это ситуация Win-Win: вы получаете хоть какие-то деньги, а стартап — разработчиков.
Отличный старт для начала карьеры! Вам сразу дадут серьёзные задачи, а не стажёрскую рутину.

4. Приукрашивание опыта
Если ты серьезно подходил к обучению и делал пет-проекты, почему бы не подать их как коммерческий опыт? Делал приложение с рецептами? Можно сказать, что разрабатывал систему для кондитерской сети. Писал бота для друзей? Заявишь, что делал MVP для стартапа.
Главное — не перегибать и быть готовым к вопросам.

5. Накрутка опыта (хардкор-вариант)
Звучит страшно, но давай начистоту: даже мидлы с 3–4 годами опыта сейчас не всегда проходят скрининг. Что уж говорить о новичках?

Накрутка — это сложно. Ты должен:
- Продумать историю «прошлых проектов» до мелочей.
- Разбираться в архитектуре, инфраструктуре, процессах.
- Быть готовым к боевым задачам.

Это риск, но для некоторых — единственный шанс пройти отбор.

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

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

Какой бы путь вы ни выбрали — стажировки, фриланс или коммерческий опыт — важно понимать, как устроена работа в IT:

ВНУТРЯНКА АЙТИ: Как здесь все халтурят на самом деле
https://youtu.be/zCamBnDSbxs?si=OlJnsSeKkpIFW883

Что такое Git flow и когда использовать?
https://youtu.be/umiT0yIsSrc?si=TCIyckvOeDQMWO2N

Как улучшить резюме: Проекты, Процессы и Достижения
https://youtu.be/WemHjWFjh3o?si=yL5oNFeS_lYTHpl1

🔍 В моём закрытом чате есть много записей митапов для учеников. Попробуй 3 дня бесплатно или подпишись за 500₽/мес:

Типы компаний
https://www.group-telegram.com/c/2189438448/3/3765

Процессы Канбан и Скрам
https://www.group-telegram.com/c/2189438448/3/4146

Деплой, Процессы, Скрам, Docker, CI/CD на примере YeaHub
https://www.group-telegram.com/c/2189438448/3/4535

Рабочие процессы. Workflow, Gitflow. Взаимодействие внутри команды разработки
https://www.group-telegram.com/c/2189438448/3/4174

#frontend #работа #трудоустройство
Please open Telegram to view this post
VIEW IN TELEGRAM
2025/06/24 23:20:02
Back to Top
HTML Embed Code: