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

👑 Платформа YeaHub Скоро мы запустим платформу YeaHub. В течение месяца будем активно тестировать и дорабатывать ее вместе с учениками и участниками закрытого чата, чтобы избежать перегрузки и не выпускать сырой продукт в массы. На этой неделе мы исключили неактивных участников из команды и усилили интеграцию с менторством. Теперь после завершения обучения и выполнения заданий ученики проходят 1-3 месяца практики на YeaHub, параллельно готовясь к собеседованиям. Мотивация учеников на высоте, ведь для них это отличная возможность: научиться работать в команде, разбираться в чужом коде, ориентироваться в крупной кодовой базе и освоить рабочие процессы. После такой подготовки мои ученики получают положительные отзывы на собеседованиях. Вот реальный фидбэк от крупной компании:

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

❓ Что такое YeaHub? Это IT-платформа, предоставляющая сервисы для карьерного роста, обучения, менторства и участия в мероприятиях. Платформа помогает специалистам развиваться, публиковать статьи, обмениваться опытом и участвовать в проектах. Все участники проходят верификацию, чтобы гарантировать высокое качество профессионалов. YeaHub — это место для поддержки и совместного роста в динамичном мире IT. Мы стремимся улучшить IT-сообщество, объединить специалистов и предоставить им возможности для развития и карьерного роста. На скрине мой профиль на платформе #yeahub

🖥 Нужен ли Docker новичку? Docker — это мощный инструмент для быстрого развертывания приложений. С его помощью можно одной командой запускать множество сервисов: бэкенд, несколько фронтенд-приложений, базы данных, хранилища и многое другое. Также он позволяет легко настраивать Nginx и выпускать SSL-сертификаты. В YeaHub мы используем Docker для всех наших приложений и сервисов, которые собираются и запускаются одной командой. Это невероятно удобно, особенно когда требуется настроить CI/CD. За время работы я разработал свой собственный шаблон — универсальную стартовую сборку для Docker, которую постоянно совершенствую. Представьте, как за одну команду запускаются четыре фронтенд-приложения, один бэкенд, база данных, Nginx, SSL-сертификаты, миграции и PGAdmin на любом сервере. Сейчас, если я арендую новый сервер, мне требуется меньше 5 минут, чтобы развернуть всё это. Docker — это действительно очень удобный инструмент. Однажды я сниму курс по нему, основанный на собственном опыте. Это будет не типичное видео с YouTube, где часто отсутствуют реальные практические советы. Все знания, которые я получил, — результат часов, проведённых в терминале сервера, настройках Docker и запуске проектов. Этот курс будет практическим, чтобы вы смогли легко и быстро запускать свои приложения. Видео будет частью курса по архитектуре фронтенда. На следующей неделе мы познакомимся с основами и рассмотрим, что из себя представляет фронтенд. #frontend #docker

🔥 6895 ГБ платного контента для программистов выложили в Telegram Тонны курсов, уроков и видео теперь в открытом доступе: 🖥 Python — 724 ГБ 🖥 Frontend — 981 ГБ 🖥 Backend — 817 ГБ 👩‍💻 Все языки — 4373 ГБ Успей подать заявку, пока не удалили

Снял видео о паттерне Наблюдатель в React! 😱 Добавил еще один стейт-менеджер зоопарк — назвал его Reactify! 🐘 Конечно, это все на минималках и пока что только для примера, но в следующих видео мы его улучшим, сделаем более универсальным и разместим в npm пакет. 💪 Как думаете, стоит ли переходить с Redux на Reactify? 😆

🚀Снял 2 видео: 1. Паттерн Адаптер в React 2. Архитектура Frontend приложений с Нуля до Продакшен На следующей неделе они выйдут. Плюс на выходных сниму еще 1-2 видео. Топовые видео получились для прокачки💪

⚡️ YouTube больше не нужен! Блогеры переезжают в Telegram, а разработчики из Big Tech не остались в стороне и уже перенесли терабайты платного контента в свои каналы: 📱 Frontend: @frontend 📱 Python: @python 📱 Java: @java 📱 Дизайн: @design 📱 Английский в IT: @english 📱 IT Библиотека: @library 📱 IT Мемы: @memes

Вопросы с собеседования в Авито Позиция: Мидл/Мидл+ Вопросы: 1. Типы данных в js перечислить. 2. В чём отличие объекта от массива? 3. Как проверить, что объект является массивом? 4. В чём отличие var, let, const? 5. Как с помощью нативного js сделать выполнение кода при клике на кнопку? 6. Какие ещё способы назначить обработчик, кроме addEventListener? 7. Фазы жизненного цикла события. 8. Что такое Ивент таргет и каррент таргет? 9. Кнопка, внутри спан, навесили листенер на кнопку, кликнули на спан. Что будет таргет, а что каррент таргет? 10. Как отменить всплытие события? 11. Как найти все элементы на странице? И что передать в селектор? 12. Как отцентртровать блочный элемент в CSS? 13. Какие CSS свойства влияют на размеры блочного элемента? 14. Что такое Корс? Зачем он нужен? Где Корс передаётся на фронт? 15. Как браузер понимает, что можно выполнять запрос или нет? По каким атрибутам запроса понимает? 16. Что такое куки? Где хранятся? Можем ли мы куки добавить через фронт? Можем ли создать куку на клиенте? Вроде ничего сверхсложного. Кто бы смог ответить на всё это? Попасть на собеседование реально, достаточно иметь три года опыта в резюме. А вас часто приглашают на собеседования? #interview #work #frontend

Мотивация перед сном. Листаю ленту в YouTube и попалось видео "Цитаты из фильмов над которыми стоит задуматься". Я увидел комментарий (на скрине). Автор говорит, что стал программистом, хотя все вокруг говорили, что у него не получится. Мне тоже нравится цитата из фильма Пазманский дьявол:

— Все хотят, чтобы ты сдался. Говорят: «Не всё так просто». — И в чём же правда? — Всё просто. Если говорят, что ты чего-то не можешь, сделай это и всё, и ты поймёшь, что всё очень просто. И так было всегда.

Все просто. Если ты веришь в это и делаешь усилия. Если ты решил добиться цели, то ничего не может тебе помешать. Если ты не сидишь на месте, что-то делаешь, то тебе непременно ждет успех. Нужно просто решиться. Весь мир перед нами. Видео "Цитаты из фильмов над которыми стоит задуматься": https://youtu.be/qZeTiQ4QJ4k?si=XyoGJFrU0BcZ7hsU

Трудоустройство: Финал. Как я уже говорил, технические собеседования, кроме лайвкодинга, не вызывают трудностей у кандидатов, которые приукрашивают свой опыт. Но им становится сложно, когда речь заходит о проектах и процессах, которых не было. Кандидатов легко поймать на неуверенности, когда они говорят о разработке, которой не занимались. Это особенно заметно на финальных стадиях собеседования, когда происходит встреча с командой — руководителем, тимлидом или другими участниками. Они могут задавать вопросы о реальных проектах, процессах, ошибках и проблемах, с которыми вы сталкивались. Вопросы вроде "Какие баги прилетали от тестировщиков?" или "Во сколько были дейлики?" часто вводят таких кандидатов в ступор. Придумать ответы на ходу — непростая задача, и это становится заметно. Чтобы этого избежать, нужно глубоко погружаться в реальные процессы разработки. Мои ученики перед поиском работы практикуются на YeaHub — это не пет-проект, а полноценный стартап с большой командой, лидами, тестировщиками, дизайнерами, бэкенд-разработчиками. Это не тренировочная площадка, а реальное приложение, которое мы скоро запустим. Ученики работают над задачами в условиях, таких же как и на коммерческих проектах, с чёткими процессами и взаимодействием. Чтобы улучшить свои ответы на собеседованиях, ученики после прохождения скринингов присылают записи в наш менторский чат. Мы вместе оцениваем их ответы, корректируем и делаем разбор. Так отрабатываются вопросы по любым компаниям: Сбер, МТС, Газпром, Яндекс, Вайлдберис. Всё проходит гладко, если в вашем опыте действительно были те процессы, о которых вы говорите. За 2-3 месяца обучения ученики проходят большой путь: учатся решать задачи самостоятельно и знакомятся с процессами разработки. Это долго, но зато они становятся специалистами, которые могут конкурировать даже с мидлами. Такой опыт позволяет претендовать на зарплату от 200к+. Главное — не выдумывать опыт из ничего. Если у вас нет коммерческих проектов, хотя бы создайте пет-проект и поработайте с функциональностью, которую указываете в резюме. Это сделает собеседования намного проще, когда вы говорите о реальных вещах, а не придумываете их на ходу. Сейчас учиться и получать опыт проще, чем когда-либо, и если у вас есть реальный опыт и понимание процессов, двери в любую компанию будут открыты. В комментариях будут вопросы с финала моего ученика #frontend #interview 👍 Менторство

👩‍💻 Программирование теперь в Telegram! Вот 10 обучающих каналов по самым востребованным направлениям в IT. Выбирай своё направление: 👩‍💻 Frontend: @code_ready 👩‍💻 Backend: @backend_ready 📖 Общее IT: @roadmap_ready 👩‍💻 Python: @python_ready 👩‍💻 Java: @java_ready 👩‍💻 C#: @csharp_ready 👩‍💻 C/C++: @cpp_ready 🖥 Базы Данных & SQL: @sql_ready 📋 IT Архив: @archive_ready 🖥 Design: @time_design 📌 Ресурсы, гайды, шпаргалки, книги и задачи для каждого языка программирования.

Выступал для учеников с митапом по архитектуре Frontend приложений. Делал запись, но звук не записался😅 Решил перезаписать уже в формате видео для YouTube. Очень полезное видео. Разберем весь стэк и инструменты, с чего начинается разработка приложений. Так же в закрытом чате у меня есть записи митапов: Типы компаний, Процессы в компаниях Скрам/Канбан, Workflow в команде и роли, System Design и тд Тоже на понятных схемах, примерах. Так что если интересно залетайте в закрытый чат 👍 Менторство | 🔝 Сообщество

Снова в деле😎 Снял видео по паттерну Адаптер После долгого перерыва в YouTube снова буду радовать вас техническим контентом👍

👍 Тесты в ботах В последнее время всё чаще компании просят пройти тестирование в ботах Telegram перед встречей. Это позволяет им предварительно оценить ваши знания и навыки. Вот примеры вопросов, которые могут встретиться в таких тестах: Для того, чтобы совместить две части функционала, которые не планировали совмещать ранее, придётся реализовать паттерн? - Decorator - Adapter - Facade - Abstract Factory - Executor Как можно определить, что при загрузке страницы DOM построен? - DOMContentLoaded - DomLoaded - onLoad - onDomLoad Можно ли передать query параметры в POST запросе? - Да - Нет - Да, если не переданы в body - Нет, если не переданы body Имеет ли стрелочная функция свой контекст? - Нет - Да - Да, если класс - Нет, если класс Произойдёт ли ошибка при использовании функции до (Function Declaration) её объявления? - Нет - Да - Да, если класс - Нет, если класс Какой из данных паттернов относится к порождающим? - Factory - Mediator - Command - Adapter Ваше мнение по поводу таких тестов? #interview #frontend

Хочешь щёлкать задачи по фронтенду как орешки? Канал Frontend tests & tasks научит! Это не очередной канал с задачами. Здесь придется думать. Убедись сам 👉 @Frontend_tasks

Курс по TypeScript 49к🤪👩‍💻 Легендарное видео? https://www.youtube.com/watch?v=PYWaUwjofJo

Смешно же😅 У нас есть любимые всеми созвоны по прожарке. На них я душу по опыту, задаю каверзные вопросы и проверяю резюме и софты. Прикольные активности😁

✉️ Для тех, кто учится и пополняет портфолио 👩‍💻 Наткнулась на репозиторий «50 проектов на 50 дней» В нем 50 мини-проектов на HTML, CSS и JS от легких к более сложным. Внутри можно найти описание и ссылки на демонстрации. Потом решила поискать в тг и нашла открытый канал с короткими видосиками по реализации каждого проекта - здесь Похоже слитый, потому что на оф сайте платный курс Как можно его использовать? 📌 Пошаговое обучение: один проект - один день. Поможет вам систематизировать обучение и не выгореть. 📌 Изучение концепций: каждый проект фокусируется на определённой теме: работа с событиями, манипуляция DOM, создание анимаций и другое. 📌 Пополнение портфолио: будет, что скинуть hr, когда начнете искать работу. 📌 Развитие мышления: учитесь добавлять свои фичи или изменять существующий функционал. #html #css #js

⚡️ IT образование в 2024 стало бесплатным! Редакция канала IT База открыла доступ к более чем 700 топовым материалам с платных курсов Выбирай нужный и присоединяйся: 🟡Гайды по языкам: — Frontend — Python — C/C++/C# — SQL/PHP/Go и др. 🟡Гайды по технологиям: — Docker — Linux — Git/GitHub — Redis и др. 🟡 Прочее: — Работа/Фриланс — Как вкатиться с 0 Все бесплатно, доступно и удобно: @ITBaza

Чем отличаются циклы for...in и for...of в JavaScript for...in Цикл for...in используется для перебора свойств объекта (ключей), а также всех индексов массива, если он используется с массивом. Это важно: for...in перебирает ключи (индексы массива), а не значения. Пример с объектом:

const car = {
  make: 'Toyota',
  model: 'Corolla',
  year: 2020
};

for (const key in car) {
  console.log(key, car[key]);
}

// make Toyota
// model Corolla
// year 2020

Пример с массивом:

const fruits = ['apple', 'banana', 'cherry'];

for (const index in fruits) {
  console.log(index, fruits[index]);
}

// 0 apple
// 1 banana
// 2 cherry

for...of Цикл for...of используется для перебора значений итерируемых объектов, таких как массивы, строки, Map, Set и т.д. Он перебирает значения. Пример с массивом:

const fruits = ['apple', 'banana', 'cherry'];

for (const fruit of fruits) {
  console.log(fruit);
}
// apple
// banana
// cherry

Пример со строкой:

const name = 'Alice';

for (const char of name) {
  console.log(char);
}
// A
// l
// i
// c
// e

❓ Как запомнить for...in – для индексов и свойств объекта. for...of – для объектов итерируемых, значений. Используйте for...in для обхода ключей объектов или индексов массива. Используйте for...of для обхода значений массивов, строк или других итерируемых объектов. #frontend #javascript