👩‍💻 Техническое собеседование в 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

🖥 В понедельник выходит мой новый курс по DOM API на YouTube!

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

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

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

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

Жду вас в понедельник!

🖥 JavaScript DOM с 0 до Профи. Полный курс + Практика

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

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

#javascript

👨‍💻 План развития 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

👨‍💻 План развития 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 #курсы #гайд

👨‍💻 План развития 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

👨‍💻 План развития 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

👨‍💻 План развития 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 #работа #трудоустройство

❗️ С чего начать? → Всё самое важное здесь

Привет, меня зовут Руслан! 👋

Я IT-специалист, ментор и основатель проекта YeaHub. Вот ключевые факты обо мне:

• Founder & Tech Lead at YeaHub — Open Source платформа для IT-специалистов
• Основатель Frontend-сообщества Reactify, веду YouTube и Telegram каналы
• За 4 года в IT прошел путь от Junior до Senior и создал с нуля проект в роли Tech Lead
• Активный участник IT-сообщества: выступаю на митапах и делюсь опытом
• Экспертиза: Frontend, Backend, DevOps и управление командами

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

🛣 Мой путь в IT и чего достиг:

→ Мой путь в IT. От монтажника до Frontend Разработчика
→ Как я изучал программирование
→ Как я искал первую работу в 2021 году
→ Мой первый серьезный проект: как я, джун, работал за мидла в британском финтехе
→ Работа в международной компании
→ Миграция бекенда и масштабный рефакторинг
→ Мой первый стартап — сервис онлайн-записи App-Salute
→ Уникальный опыт, который переоценить невозможно
→ Мой полный стек технологий

А так же, я ментор по Frontend — помогаю новичкам прокачаться и устроиться в IT. Моё менторство — не про "вот ссылка на курс, учись, если будут вопросы - пиши". Это целая экосистема: мои курсы → проверка знаний → практика на реальном проекте → мок собесы → трудоустройство. Учу работать, а не просто готовлю к собесам.

👨‍💻 План обучения (Как проходит менторство)

Это не "Фронтенд за 4 месяца". Это 160+ единомышленников, ежедневное общение, помощь и поддержка.

С ментором — легче, но это не волшебная таблетка. Придётся работать, зато я буду рядом на каждом этапе: объясню, направлю и помогу избежать подводных камней.

📘 Гайд по изучению Frontend:

→ HTML, CSS, Git
→ JavaScript
→ React, Router, TypeScript, Redux
→ Практика и Архитектура
→ Трудоустройство

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

Мои социальные сети:
✈️ Telegram | 📹 YouTube

Проект YeaHub:
🚀 YeaHub | 🖥 GitHub | ✈️ Telegram

А разве заманчивая рассрочка в 500к не превращается в ежемесячные платежи по 40к? Ведь это по сути чья-то ипотека или кредит...

Зачем платить рассрочку, пока учишься, если есть риск не дойти до конца? Логичнее внести 30к предоплаты, а остальное — после результата, по постоплате.

Если брать постоплату, первые 6 месяцев ты учишься бесплатно :) И только потом начинаешь платить по 40к. Да и вообще, постоплата в 100% от 200к — это 200к, а не 500к, как на этих курсах.

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

📈 Сложности старта в 2025: где брать первый опыт

Сейчас ситуация на рынке такова, что без опыта пробиться крайне сложно. Вариантов, по сути, четыре:

→ Крутить года 3-4 опыта, чтобы ваше резюме заметили
→ Превратить учебный опыт в коммерческий, например, 1 год на курсах превращаем в аутсорсинг
→ Пытаться устроиться через стажировки, джун-позиции или стартапы
→ Пойти во фриланс (хотя лично я считаю этот путь даже более тернистым, чем поиск постоянной работы. Помимо собственно разработки, здесь нужно уметь продавать свои услуги и постоянно искать клиентов)

🙂 "Готов работать за еду" — новая реальность?

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

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

🥸 Где брать первый опыт?

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

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

Правда в том, что стартапы бывают разные:
→ Серьёзные проекты с инвестициями — там обычно ищут уже опытных разработчиков, новичкам там делать нечего.
→ Небольшие команды с ограниченным бюджетом — могут взять джуна или джун+, работать придется, как мидл, но платить будут немного (условные 100к).
→ Команды на энтузиазме — это когда фаундеры сами пишут код и ищут таких же голодных до опыта ребят. Часто без зарплаты или за символические деньги.

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

Стоит ли игра свеч? Можно попробовать: поработать 3–5 месяцев за опыт, а потом указать это в резюме как коммерческий стаж. Формально у вас будет "1.5 года опыта" (обучение 1 год + стартап).

Вот в чем парадокс: даже 1.5 года "настоящего" опыта сейчас не гарантируют легкого трудоустройства. А если ваш опыт — это стартап, то это равносильно отсутствию опыта. Эйчар не будет рисковать и тратить время на такого кандидата, когда есть сотни канидатов из Сберов.

🔔 Реальность для начинающих разработчиков сегодня

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

Но учиться стало значительно проще. Благодаря обилию материалов и нейросетям вроде ChatGPT, освоение новых технологий теперь занимает дни вместо недель. Помню, как сам когда-то неделями разбирался с React Cropper - сейчас нейросеть сократит время на прочтение документации и подскажет, как адаптировать под ваш кейс.

Когда я разбирался с Linux, Docker и Nginx. ChatGPT экономил часы поиска - предлагал команды, объяснял логику, давал направления. Да, решения не всегда работали "из коробки" - нейросеть не видела мое окружение. Но даже ошибочные ответы помогали понять суть проблемы и быстрее разобраться.

📊 Реальность современного джуниора

Сегодня наивно рассчитывать, что вас возьмут джуниором и будут "водить за руку". Таких условий на рынке уже давно нет. От начинающего разработчика ожидают:

→ Понимания всего цикла разработки: сборки, деплоя, CI/CD
→ Рабочего знакомства с Docker, Nginx и другими production-инструментами
→ Способности самостоятельно решать задачи

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

Где искать стартапы? Можно найти молодые проекты и писать им на почту, предлагать помощь, или найти чаты, где есть основатели стартапов. Там фаундеры ищут помощников. Таких чатов много — главное начать.
@Startech_networking
@Startupchat
https://www.group-telegram.com/startup_polyana

👩‍💻 React Fiber

React Fiber — это новый алгоритм согласования (reconciliation), представленный в React 16. Он заменил старый механизм обновления Virtual DOM

🗓 Что было до Fiber?

До React 16 использовался стековый алгоритм рендеринга. Его ограничения:

→ Синхронный рендеринг – React выполнял обновление за один проход, блокируя основной поток. Если дерево компонентов было большим, это вызывало лаги.

→ Невозможность приоритизации – Все обновления обрабатывались в порядке очереди, даже если некоторые (например, анимации или пользовательский ввод) требовали более быстрой реакции.

→ Отсутствие прерываний – Процесс нельзя было разбить на части или отложить, что усложняло реализацию плавного интерфейса.

🔼 Почему Fiber — это улучшение?

Fiber решает эти проблемы, вводя:

→ Инкрементальный рендеринг – Работа разбивается на небольшие части, которые выполняются в несколько кадров, избегая блокировки потока.

→ Приоритезацию задач – Критичные обновления (например, клики) обрабатываются раньше фоновых (рендер тяжёлых списков).

→ Возможность паузы и возобновления – React может прервать рендеринг для выполнения более важной задачи, а затем продолжить.

→ Поддержку рендеринга вне основного потока – Это основа для Concurrent React, позволяющего выполнять вычисления параллельно.

Fiber не изменил принцип работы Virtual DOM, но сделал его обновление более умным и адаптивным.

#react #fiber