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

📌Два из значимых инструментов для работы с данным - это Spread и Rest операторы. Они синтаксически одинаковы (три точки перед выражением), но выполняют совершенно разные задачи в зависимости от контекста. 🔘Spread оператор (...spread) "распаковывает" элементы коллекции в отдельные элементы. Он может быть использован для создания копий массивов (так называемые "поверхностные" копии), для проецирования элементов одного массива в другой, а также для преобразования коллекций, возвращаемых DOM-методами, в настоящие массивы с полной поддержкой методов массива JavaScript. 🔘Rest оператор (...rest), напротив, работает как оператор "сбора" в JavaScript, позволяя собирать неопределенное количество аргументов функции в массив или собирать "остатки" при деструктуризации в новый массив. #js

ЭКОСИСТЕМА REACTIFY Лучший Frontend Roadmap https://www.youtube.com/watch?v=9Pbm_V0MM0Y Лучший курс по TypeScript https://youtu.be/PYWaUwjofJo?si=G9tVzAIh0Wb_KroN Лучшее видео по FSD https://youtu.be/O4SDx-aZY5U?si=bgzJqAEx3W3sG1xp Лучший курс по HTML https://youtu.be/56lpkwhaJhQ?si=yaljlD28fC5ygHt- Лучшая практика React (Bestseller) https://youtu.be/bD0UXb7kD_k?si=LaFl1DThVq0MYJyE Подготовка к собеседованиям @frontend_questions Лучшее менторство https://react-mentor.notion.site/Frontend-a92c7b7d0d664e7297e2fa3d6acb2c26 Лучший паровозик собеседований Писать в личку @ruslan_kuyanets И я не преувеличиваю. Reactify 🚀

Продвинутый JavaScript Так как видео по паттернам в React не набирают достаточно просмотров, было принято решение делать выпуски серии 'Паттерны в React' реже. Добавляю новый плейлист — 'Продвинутый JavaScript'. Там тоже будут паттерны. А также все темы, которые практически никто не изучал после прихода фреймворков: Proxy, MutationObserver и т.д. Ещё, конечно же, Event Loop, Promise, Прототипы и т.д. Планирую на разогрев сделать ближайшее видео по паттернам. На чистом JS. Все темы будем изучать в рамках большого приложения на чистом JS, возможно, сделаем свой Redux, свой фреймворк в конце концов)) Будем применять все, как наши деды-программисты. Писать на чистом JS. А приложение у нас будет — 'Рецепты'. Использовать будем: https://spoonacular.com/food-api. Макет уже выбран) Будет топ!

Выступления и активность в IT сообществе. Дело, которым вы занимаетесь, должно вам нравиться. Я стараюсь создать среду для развития, чтобы ребята прочувствовали весь вайб IT. В рамках обучения ученики уже провели два мини-выступления. Первое было на тему промисов, а второе – о методах массивов. Это были 20-минутные выступления. В чем плюс? ✔️ "Хочешь что-то понять – объясни другому". Это действительно работает, и ребята отмечают лучшее понимание темы после подготовки к выступлению. ✔️ Страхи, стеснение, общение на технические темы. Всем ребятам предстоит пройти собеседования. Выступления раскрепощают. ✔️ Активность. Ребята отмечают, что выступления заряжают. Они дают мотивацию и желание выступить перед большим числом людей. Моя цель – не просто вкатить ребят в IT, а дать отличные знания, уверенность и практику, благодаря которым они без труда устроятся на работу. А как же фильтры? Фильтры нас не остановят! 💪😎 Если устали учиться самостоятельно

Топ вопрос с собеседования 💡Расскажи про авторизацию. Что у вас было на проекте? - Пользователь отправляет свои email и пароль на сервер. - Сервер проверяет учетные данные и, если они верны, возвращает ответ с информацией о пользователе и токеном доступа (access token). - Рефреш-токен (refresh token) помещается в куки браузера. - При каждом запросе к серверу клиент отправляет токен доступа в заголовках (например, в заголовке Authorization). - Если токен доступа истекает, клиент отправляет запрос на обновление, используя рефреш-токен из куки. - Сервер проверяет рефреш-токен и, если он действителен, выдает новый токен доступа и, возможно, новый рефреш-токен. - При обновлении страницы, если токен доступа истек, клиент автоматически использует рефреш-токен из куки для получения нового токена доступа. Это один из популярных способов. Короткий ответ написал. В целом должно хватить:)

Работать и не уставать, достигать цели, но делать это в кайф - реально! Как научиться делать дела и не выгорать? Психолог взрослого человека - канал для айтишников, у которых периодически опускаются руки и отключается мозг, ибо переработки и постоянная тревожность не приводят к другим исходам. ▪️ Как научиться отключать мозг от работы и отдыхать? ▪️ Как совместить кучу рабочих задач и время с семьей? ▪️ Как справиться с прокрастинацией? ▪️ Как не растерять запал, даже если начальник и коллеги 💩 и кажется, что ничего не выходит? Подписывайтесь на канал @vadimpetrov_psy и научитесь работать без упахивания, выгорания и ущерба для личной жизни! 👨🏻‍💻 Псс. Заходите в закреп канала - там много полезного, и даже бесплатный мини-курс.

Уже месяц формирую для учеников большую базу знаний по вопросам с собеседований с ответами. Уже более 400 вопросов. Сейчас также выписываю вопросы с собеседований на паровозике. Вопросы, которые прямо сейчас спрашивают во всех компаниях. Годнота. Также добавляю задачки с лайвкодинга с решением и объяснением. Тяжелое это дело, конечно, устал уже заполнять.😬 Но удобно иметь свою базу вопросов и задачек. Можно быстро пробежаться перед собеседованиями. Кстати, для всех кто готовится к собеседованиям у нас есть отличный канал. Подписывайтесь🤝

https://youtu.be/0-YD9crR5GU?si=mPAqe55ROvJCj-ml Как вам паттерн Строитель? Как вам моя реализация? Как бы паттерн сделать следующим🤔

Расширяю менторство Я вступил в разные сообщества, где смогу продвигать себя. Стал элитным ментором в ОМ и машинистом паровозика, чтобы быть в курсе актуальных требований, вопросов и задач. Хочу помогать ребятам не просто вкатываться в профессию, а полюбить её, стать частью сообщества и стать сильными специалистами. Хочу изменить концепцию обучения, чтобы это было как сообщество. Мне интересно развиваться вместе с учениками, быть причастным к их победам на всех этапах обучения вплоть до трудоустройства. Я хочу создать полноценное сообщество с обучением, эту идею я вынашивал 1,5 года. В течение июня планирую внедрить следующие элементы: - Вебинары 1 раз в неделю - Приглашенный спикер 1 раз в 2 недели - Развивать Базу знаний и роадмап - Собеседования 1 раз в неделю, распределение учеников рандомно для собеседований, чтобы каждый собеседовал друг друга, в том числе и я - Работа в командах, создание больших проектов вместе, код ревью - Постоянное общение в чате, обсуждение тем, кружочки, голосовые - Иерархия: более сильные ребята помогают новичкам, проводят код ревью со мной, руководят на проектах - Публичные выступления, презентации и другие активности - Челленджи, ТЗ, соревнования, розыгрыши - Круглые столы, групповые созвоны с обсуждением заранее выбранной темы, дискуссии Подробнее Сообщество мотивирует, позволяет расти, помогает делиться опытом. Надеюсь, все получится. ✌️

Паровоз, который сможет У нас в паровозе уже больше 25 участников. Все начинают проходит собесы. Понимаешь какие вопросы и требования сейчас на рынке. На самом деле это возможность для ребят, кто долго не может найти работу. Таки чаты помогают лучше подготовится, мотивирую проходить собесы. Плюс бесплатные разборы от опытных ребят. В общем годная идея. Большая база реальных собесов + куча вопросов и задач. Единственное правило - проходитть собесы. Если вы не могли решиться, то самое время. Я активно туда своих учеников с Менторства добавляю. 🤝 Стоимость - 60 рублей. Это разок на автобусе прокатиться😅 Кто хочет в паровозик - пишите в ЛС @ruslan_kuyanets

Frontend теперь в Telegram! Крупнейшая база материалов для фронтенд-разработки теперь доступна бесплатно: Шаблоны с кодом – 477 шт. Шаблоны Figma – 96 шт. Слитые курсы по JS – 141 видео Слитые курсы по HTML – 54 видео Слитые курсы по CSS – 29 видео Шпаргалки по JS – 341 шт. Шпаргалки по HTML – 126 шт. Шпаргалки по CSS – 211 шт. Книги по фронтенду – 359 шт. Статьи по фронтенду – 112 шт. 👉🏻 Изучать JavaScript, HTML и CSS стало намного проще — нужно просто быть подписанным на блог фронтендера

🎁 3 шага, чтобы герой забрал свою награду Все участники акции «IT-донор» получают значок и стикерпак. Для этого нужно: 1. Зарегистрироваться на акцию через бот @IT_donor_bot 2. Сдать кровь с 3 по 7 июня 3. Дождаться конца недели IT-донора и сообщения от бота 4. Написать боту адрес доставки 5. Получить значок и прикрепить на видное место Рассылку значков начнём в течение 2 месяцев после конца акции, подробнее напишем в этом канале. Включайте уведомления, чтобы не пропустить 🔔

Паттерн Строитель в React. Продвинутый Frontend на реальных примерах В этом видео мы рассмотрим Паттерн Строитель (Builder) в контексте React и Frontend разработки. Для проекта Маркет используем Vite, FSD, TypeScript. Видео предназначено для разработчиков, желающих повысить свои навыки в продвинутом React и паттернах проектирования.

Паттерн Строитель в React. Продвинутый Frontend на реальных примерах Сегодня в 16:00 выходит новое видео. Немного поэкспериментировал и реализовал паттерн не через классы, а в рамках функционального программирования 😎 Почти 18 минут годноты и, как обычно, 3 крутых примера. Долго я возился и сомневался, тяжело, конечно, адаптировать паттерны. Но нужно показывать продвинутый Frontend, да и самому учиться 😁

Реальные проекты во время обучения Нанял веб-разработчика, с которым мы разрабатываем бэкенд и дизайн для учеников с менторства. Надоели однотипные дизайны из Figma и публичные API. Хочется разнообразия. Теперь у нас будет множество проектов с нашим дизайном и API. Ребята пройдут все стадии от старта проекта до его деплоя в продакшен и поддержки. Ученики учатся продвинутым технологиям: создают проекты, настраивают Webpack, линтеры и т.д. С этой недели стартовал проект "Маркет", мы хотим сделать аналог "Самоката" и подобных сервисов для доставки продуктов. Будем внедрять авторизацию, пагинацию, CRUD операции, фильтрацию, сортировку и т.д. В дальнейшем вы сможете попробовать это всё, протестировать и через чатик поддержки указать на баги. А ребята будут их фиксить. Всё как в реальных компаниях. Я уже добавил задачи в трекер, и ребята их распределяют между собой. Будем проводить ревью кода, устраивать дейлики. Более опытные ученики будут помогать тем, кто только начал изучать React; их мы тоже будем стараться привлекать к проекту в качестве стажеров. Хочу создать множество таких проектов и поддерживать их, постоянно дорабатывать, пробовать разные подходы и технологии 😎

Монтирую видео про паттерн Строитель. Чуть не забыл вырезать разминку(распев)😄

Паттерн Строитель. Тяжко было писать сценарий. Но теперь у меня 3 отличных примера! Видео выйдет в понедельник-вторник. Маловато, конечно, набирают видео про паттерны🥲 Выпущу 3 серии, потом посмотрю, актуально ли такие видео выпускать😔

Всем привет. В последнее время (а может и нет) набирают популярность паровозики собеседований. Суть заключается в том, что вы с другими ребятами в чате вместе проходите собеседования, обмениваетесь записями собеседований и анализируете их. В дальнейшем другие участники идут собеседоваться в ту же компанию. ✔️ Они знают какие вопросы там будут ✔️ Есть понимание боли компании Это все повышает вероятность успеха оффера. Еще это вроде как весело, вы общаетесь в чате, мотивируете друг друга и вместе готовитесь к собесам. Если кто-то сейчас на этапе поиска работы, пишите мне в личные сообщения. Я могу добавить вас в такой паровозик. Стоимость участия - 60 рублей, это вознаграждение для организатора. Через пару месяцев цена возможно будет повыше. Ваш машинист @ruslan_kuyanets

Паттерн Фабричный метод в React. Продвинутый Frontend на реальных примерах Кто не смотрел, обязательно посмотрите. В Тинькофф на собеседовании на позицию мидла и выше часто спрашивают про паттерны (ребята рассказали на митапе). Если на собеседовании вы расскажете про паттерны на реальных примерах из вашей практики, это будет большим плюсом. Важно не просто заучивать, а действительно понимать их. Фабричный метод — это один из самых популярных и простых паттернов. Следующие паттерны будут сложнее 😨, но я вам их все объясню. Будете знать их, как любимую песню — наизусть. https://youtu.be/kkk95HJrjUg?si=3uwE9QIwsOMs5QmA