Советую изучить дженерики в TypeScript перед просмотром моего нового видео с разбором задач. Дженерики — одна из самых частых тем на собеседованиях, поэтому важно их понимать. В видео "Логика дженериков в TypeScript: Generics, Extends и Conditional Types" я подробно разобрал эту сложную тему, объясняя, как дженерики работают, где и зачем их использовать. Это поможет вам не только в задачах, но и в реальных проектах.
Видео с разбором задач выйдет в понедельник. Не пропустите! 🎥
https://youtu.be/2oJAXXjFhnI?si=uIgzOSihpfGqwYK4
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Логика Дженериков в TypeScript: Generics, Extends и Conditional Types
В этом видео рассмотрена одна из ключевых тем в TypeScript — Дженерики (Generics). Вы узнаете, как использовать дженерики для создания универсального и переиспользуемого кода.
Мы подробно разберем:
- Примеры работы с дженериками на функциях, классах, интерфейсах…
Мы подробно разберем:
- Примеры работы с дженериками на функциях, классах, интерфейсах…
Мои цели на Новый год — и как я помогаю другим достигать своих
➕ В 2025 году я поставил перед собой амбициозные цели:
- 30 000 подписчиков на YouTube.
- 50 000 пользователей YeaHub.
- 100 трудоустроенных учеников.
➕ Я уже начал активную работу:
- Опубликовал два новых видео на YouTube (еще два выйдут на следующей неделе).
- Написал сценарии для будущих выпусков.
- Завершил важные курсы и материалы для своих учеников.
- Расширил YeaHub — добавлены каналы для разных IT-специальностей, которые уже активно ведутся.
Каждый шаг приближает меня к целям и помогает моим ученикам достигать своих.
➕ Реалии рынка труда в 2025 году
Сейчас ситуация на рынке такова, что даже самый талантливый новичок сталкивается с жесткими требованиями:
- Сложно найти работу джуном
- Джуновская зарплата — около 50 000 ₽.
- Возможность попасть на бесплатную стажировку — с перспективой 30 000–50 000 ₽ на старте.
Компании не заинтересованы в сотрудниках, которые приходят "учиться". Им нужны люди, готовые сразу работать.
Можно ли стать таким специалистом без опыта? Да, это возможно.
Ты можешь не быть "настоящим мидлом", но сможешь выполнять задачи, которые от тебя ждут.
➕ Для этого нужно:
- Умение писать код — понятный и качественный.
- Знание основного стека технологий.
- Навык ориентироваться в проекте и понимать, как он устроен.
- Знание командных процессов: работа с ветками, ревью кода, CI/CD.
- Способность писать такой код, к которому у других разработчиков не будет вопросов.
➕ Как я могу вам помочь
Если ваша цель на 2025 год — это:
- Трудоустройство.
- Смена профессии.
- Поиск более высокооплачиваемой работы.
Я знаю, как устроен рынок, какие требования сейчас у компаний. Подготовлю к собеседованиям — и покажу, как их проходить. Научу, как получать офферы и строить карьеру в IT.
За время менторства я создал сильное сообщество и крутую программу обучения, которая дает результат. Уверен, она понравится и вам.
Обзор программы и отзывы:
https://www.group-telegram.com/mentor_reactify
Цены и тарифы:
https://reactify.ru
Начав сейчас, вы уже в первой половине года сможете сменить работу, освоить необходимые навыки и выйти на новый уровень.
Для связи:
@ruslan_kuyanets
- 30 000 подписчиков на YouTube.
- 50 000 пользователей YeaHub.
- 100 трудоустроенных учеников.
- Опубликовал два новых видео на YouTube (еще два выйдут на следующей неделе).
- Написал сценарии для будущих выпусков.
- Завершил важные курсы и материалы для своих учеников.
- Расширил YeaHub — добавлены каналы для разных IT-специальностей, которые уже активно ведутся.
Каждый шаг приближает меня к целям и помогает моим ученикам достигать своих.
Сейчас ситуация на рынке такова, что даже самый талантливый новичок сталкивается с жесткими требованиями:
- Сложно найти работу джуном
- Джуновская зарплата — около 50 000 ₽.
- Возможность попасть на бесплатную стажировку — с перспективой 30 000–50 000 ₽ на старте.
Компании не заинтересованы в сотрудниках, которые приходят "учиться". Им нужны люди, готовые сразу работать.
Можно ли стать таким специалистом без опыта? Да, это возможно.
Ты можешь не быть "настоящим мидлом", но сможешь выполнять задачи, которые от тебя ждут.
- Умение писать код — понятный и качественный.
- Знание основного стека технологий.
- Навык ориентироваться в проекте и понимать, как он устроен.
- Знание командных процессов: работа с ветками, ревью кода, CI/CD.
- Способность писать такой код, к которому у других разработчиков не будет вопросов.
Если ваша цель на 2025 год — это:
- Трудоустройство.
- Смена профессии.
- Поиск более высокооплачиваемой работы.
Я знаю, как устроен рынок, какие требования сейчас у компаний. Подготовлю к собеседованиям — и покажу, как их проходить. Научу, как получать офферы и строить карьеру в IT.
За время менторства я создал сильное сообщество и крутую программу обучения, которая дает результат. Уверен, она понравится и вам.
Обзор программы и отзывы:
https://www.group-telegram.com/mentor_reactify
Цены и тарифы:
https://reactify.ru
Начав сейчас, вы уже в первой половине года сможете сменить работу, освоить необходимые навыки и выйти на новый уровень.
Для связи:
@ruslan_kuyanets
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
В этом видео мы разберем 5 типичных задач по TypeScript, которые могут встретиться на собеседовании на фронтенд-разработчика!
- Типизация функций
- Дженерики (Generics)
- Extends, keyof, typeof
- Утилитарные типы (Utility Types)
- Маппинг типов (Mapped Types)
Видео уже на канале!
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.
#frontend #typescript
Please open Telegram to view this post
VIEW IN TELEGRAM
#typescript #livecoding #interview
Please open Telegram to view this post
VIEW IN TELEGRAM
Вот код из видео, который вызывает вопросы:
type Status = 'success' | 'error' | 'loading';
type StatusWithBrackets = {
[K in Status]: `[${K}]`
}[Status];
💡 Что здесь происходит?
1️⃣ **[K in Status]: \[${K}]`** Мы создаем объект на уровне типов. Для каждого значения из Status ('success' | 'error' | 'loading'`) генерируются ключи и их значения. Например:
{
success: "[success]",
error: "[error]",
loading: "[loading]"
}
2️⃣ [Status]
Эта часть "вытаскивает" все значения, которые соответствуют ключам Status.
То есть:
"[success]" | "[error]" | "[loading]"
🛠️ Итог: StatusWithBrackets превращается в объединение строк:
"[success]" | "[error]" | "[loading]".
#typescript
Please open Telegram to view this post
VIEW IN TELEGRAM
😎 Годные видео на канале уже залетели!
Особенно видос про дженерики – это просто топчик. Если бы мне такое видео попалось в начале карьеры, я бы точно быстрее вырос как разработчик. Объяснил логику дженериков, как будто объясняю себе молодому, и добавил кучу примеров. Короче, обязательно к просмотру! 🔥
А в четверг выйдет бомбическое видео – 5 продвинутых паттернов в React.
Будет много примеров, и не абстрактных, а таких, что прям сразу можно брать и использовать в реальных проектах. 20 минут концентрированной годноты. Если бы я такое видео посмотрел на старте, то, наверное, сеньором стал бы лет на пять раньше. 😅
Особенно видос про дженерики – это просто топчик. Если бы мне такое видео попалось в начале карьеры, я бы точно быстрее вырос как разработчик. Объяснил логику дженериков, как будто объясняю себе молодому, и добавил кучу примеров. Короче, обязательно к просмотру! 🔥
А в четверг выйдет бомбическое видео – 5 продвинутых паттернов в React.
Будет много примеров, и не абстрактных, а таких, что прям сразу можно брать и использовать в реальных проектах. 20 минут концентрированной годноты. Если бы я такое видео посмотрел на старте, то, наверное, сеньором стал бы лет на пять раньше. 😅
Каждый разработчик хочет писать универсальный, чистый код, который не будет повторяться, будет оптимизированным и легкомасштабируемым. В этом видео мы разберем 5 продвинутых паттернов и подходов в React
- Slot Pattern (Component Injection)
- Render Prop
- Proxy Component
- Function as a Child
- Compound Components
Видео уже на канале!
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.
#frontend #react #patterns
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Менторство Reactify
Media is too big
VIEW IN TELEGRAM
Многие начинающие разработчики сталкиваются с трудностями в изучении Git. Большинство видео на YouTube перегружают ненужными командами, что только отпугивает новичков.
В этом гайде я объясняю основную логику работы с Git, чтобы вы могли уверенно использовать 80% возможностей инструмента, которые действительно нужны для повседневной работы.
Кстати, в моем практическом видеокурсе React Новости я специально имитирую командную работу, чтобы вы могли почувствовать себя частью настоящей команды:
https://youtu.be/bD0UXb7kD_k?si=H0ojGCXvf_UxrfLi
Please open Telegram to view this post
VIEW IN TELEGRAM
Во вторник на YouTube выйдет видео с важными концепциями функций в JavaScript. Это те темы, которые часто спрашивают на собеседованиях, а также дают задачи на лайвкодинге. Темы сложные, но важные. Постараюсь объяснить их просто и показать примеры задач, которые встречаются на интервью.
Также я в процессе съемки двух видео: SOLID в React и ООП в React. Плюс готовлю видеогайд по деплою фронтенд приложений. Это будет сборка, которую я разработал методом проб и ошибок, и её можно легко адаптировать под разные проекты.
Есть планы начать новый плейлист по DOM API. На YouTube нет нормальных курсов на эту тему, поэтому я написал материал для учеников и думаю теперь записать серию видео.
Осенью я пробовал активно рекламировать менторство, но понял, что это не мой подход. Я не хочу агрессивно рекламировать обучение. О менторстве буду писать редко, только если появятся значимые обновления, достижения или что-то, чем действительно стоит поделиться
Всем хороших выходных 🤝
Обзор менторства и отзывы:
@mentor_reactify
Please open Telegram to view this post
VIEW IN TELEGRAM
Одна из самых важных тем в JavaScript - это функции. Без них трудно создать даже простое приложение. Мы используем их для обработки событий, логики и асинхронных операций. С помощью функций мы пишем переиспользуемый и чистый код
Все концепции которые мы рассмотрим в этом видео спрашивают на собеседованиях
- Колбеки (Callbacks)
- Замыкания (Closures)
- Чистые функции (Pure Functions)
-
this в функциях- Асинхронные функции (async/await)
Видео уже на канале!
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.
#frontend #javascript #функции
Please open Telegram to view this post
VIEW IN TELEGRAM
1. Реализуйте функцию throttle. throttle позволяет "ограничить" количество вызовов функции до одного раза в заданный период времени, даже если функция была вызвана множество раз.
2. Реализуйте функцию debounce. Дебаунсинг позволяет "задержать" выполнение функции до тех пор, пока не пройдет определенный период времени без ее вызова.
3. Реализуйте функцию sleep. Функция sleep позволяет задержать выполнение кода на определенное количество времени.
4. Реализуйте функцию memoize, которая принимает функцию fn в качестве аргумента и возвращает новую функцию. Новая функция должна кэшировать результаты вызовов fn для уникальных наборов аргументов.
Начальный код:
function memoize(fn) {
}
// Пример использования
function slowFunction(num) {
// Симуляция тяжелых вычислений
for (let i = 0; i < 1e9; i++) {}
return num * 2;
}
const memoizedSlowFunction = memoize(slowFunction);
console.log(memoizedSlowFunction(5)); // Вычисляет и кэширует результат
console.log(memoizedSlowFunction(5)); // Возвращает закэшированный результат
#javascript #livecoding
Please open Telegram to view this post
VIEW IN TELEGRAM
1. Каким будет вывод этого фрагмента кода?
var foo = 1;
function bar() {
if (!foo) {
var foo = 10;
}
console.log(foo);
}
bar();
2. Каким будет вывод этого фрагмента кода?
function foo() {
var x = 1;
if (x) {
(function () {
var x = 2;
}());
}
console.log(x)
}3. Каким будет вывод этого фрагмента кода?
function f() {
console.log( this );
}
let user = {
g: f.bind(null)
};
user.g();4. Каким будет вывод этого фрагмента кода?
function greetWaitAndAgain() {
console.log(`Hello, ${this.name}!`)
setTimeout(() => {
console.log(`Hello again, ${this.name}!`)
})
}
const user = { name: 'Alex' }
user.greetWaitAndAgain = greetWaitAndAgain;
user.greetWaitAndAgain()5. Каким будет вывод этого фрагмента кода?
function f() {
this.x = 5;
console.log(this);
}
var o = new f();
console.log(o.x); #this #javascript #замыкание #собеседование
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from YeaHub
Для тех, кто хочет освоить полный стек технологий, подготовиться к реальным собеседованиям и получить работу мечты? Мы собрали всё необходимое для твоего роста и развития в одном месте!
Выбирай направление и становись частью IT сообщества:
👨💻 Вакансии IT
📅 Митапы IT
YeaHub помогает расти и достигать целей.
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉 YeaHub растёт и развивается!
✔️ Мы расширили базу направлений, навыков и вопросов.
✔️ Теперь доступна публичная страница с вопросами.
✔️ Активно работаем над новыми сервисами и навыками.
https://yeahub.ru/questions
💻 Сейчас мы исправляем баги и совершенствуем интерфейс, чтобы сделать платформу ещё удобнее.
Если заметите ошибку или у вас есть предложения, пишите нам — мы всегда рады обратной связи! 🚀
@yeahub_community
https://yeahub.ru/questions
💻 Сейчас мы исправляем баги и совершенствуем интерфейс, чтобы сделать платформу ещё удобнее.
Если заметите ошибку или у вас есть предложения, пишите нам — мы всегда рады обратной связи! 🚀
@yeahub_community
Please open Telegram to view this post
VIEW IN TELEGRAM