🎁 Бесплатный PDF-файл: Стартовый комплект для старшего разработчика (контрольный список + 30-дневный план) → https://monsterlessons-academy.com/ne...
🚀 Переходите от уровня Middle к уровню Senior Frontend за 12 недель → https://monsterlessons-academy.com/co...
Создайте полностью доступный и адаптивный слайдер на Angular с нуля — без сторонних библиотек. Вы получите чистый, готовый к использованию компонент с анимацией, переключением между слайдами, активацией определённого слайдера и реактивным состоянием с помощью сигналов Angular и TypeScript. Стилизация выполняется с помощью простого CSS, поэтому вы можете использовать его в любом проекте. Ссылка на исходный код приведена ниже.
🕒 Тайм-коды
0:00 Введение
2:28 Разметка и архитектура
4:48 Рендеринг слайдов
6:30 Исправление проблем
8:37 Рендеринг изображений
9:22 Добавление стрелок
10:12 Переход между слайдами
12:26 Добавление точек
14:01 Автоматическая прокрутка
Это видео НЕ спонсируется. Некоторые ссылки на продукты являются партнерскими ссылками, что означает, что если вы что-то купите, я получу небольшую комиссию.
Поделиться в:
Доступные форматы для скачивания:
Скачать видео mp4
Информация по загрузке:
Скачать аудио mp3
Похожие видео
array(20) {
["gZQ5nVFWYSI"]=>
object(stdClass)#7601 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "gZQ5nVFWYSI"
["related_video_title"]=>
string(116) "Angular @Input против Signal Input (что знают старшие, чего не знают средние)"
["posted_time"]=>
string(21) "5 дней назад"
["channelName"]=>
NULL
}
["Ye-N92ObhU4"]=>
object(stdClass)#7610 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "Ye-N92ObhU4"
["related_video_title"]=>
string(122) "Comedy Club: Голосовые от друга | Батрутдинов, Карибидис, Шкуро @ComedyClubRussia"
["posted_time"]=>
string(21) "1 день назад"
["channelName"]=>
NULL
}
["PL7JmcZV0UQtV2QuJXflBHWsS1pgYDyuC0"]=>
object(stdClass)#7598 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(34) "PL7JmcZV0UQtV2QuJXflBHWsS1pgYDyuC0"
["related_video_title"]=>
string(19) "Angular 20 Tutorial"
["posted_time"]=>
string(0) ""
["channelName"]=>
NULL
}
["V7xhOOtuVAA"]=>
object(stdClass)#7608 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "V7xhOOtuVAA"
["related_video_title"]=>
string(54) "Angular 20 вышел! Что нового? #angular20"
["posted_time"]=>
string(27) "5 месяцев назад"
["channelName"]=>
NULL
}
["kPuZn8I8xrI"]=>
object(stdClass)#7593 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "kPuZn8I8xrI"
["related_video_title"]=>
string(86) "Сделал САЙТЫ с помощью ChatGPT за 60, 6000 и 60 000 секунд"
["posted_time"]=>
string(25) "2 месяца назад"
["channelName"]=>
NULL
}
["djO4vzQnEuw"]=>
object(stdClass)#7605 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "djO4vzQnEuw"
["related_video_title"]=>
string(159) "Почему ChatGPT может убивать рост вашего бизнеса разработчиков (что большинство упускает)"
["posted_time"]=>
string(19) "2 дня назад"
["channelName"]=>
NULL
}
["RHxuUQ58yjc"]=>
object(stdClass)#7587 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "RHxuUQ58yjc"
["related_video_title"]=>
string(79) "ЭТИ АЛГОРИТМЫ СДЕЛАЮТ ИЗ ТЕБЯ ПРОГРАММИСТА"
["posted_time"]=>
string(25) "3 недели назад"
["channelName"]=>
NULL
}
["3fXGXpPU41s"]=>
object(stdClass)#7612 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "3fXGXpPU41s"
["related_video_title"]=>
string(161) "Оборона Малой Токмачки Рухнула💥До Гуляйполя Осталось 3 КМ🚨 Военные Сводки За 16.11.2025 📅"
["posted_time"]=>
string(21) "3 часа назад"
["channelName"]=>
NULL
}
["uWw5CkftG44"]=>
object(stdClass)#7595 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "uWw5CkftG44"
["related_video_title"]=>
string(72) "Новинки CSS, которые заменили JavaScript на 100%"
["posted_time"]=>
string(25) "2 недели назад"
["channelName"]=>
NULL
}
["cUfU_z_IgVs"]=>
object(stdClass)#7609 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "cUfU_z_IgVs"
["related_video_title"]=>
string(98) "Дорожная карта инженера ИИ (без шумихи, только навыки)"
["posted_time"]=>
string(23) "1 месяц назад"
["channelName"]=>
NULL
}
["PwKUw5ljc2o"]=>
object(stdClass)#7599 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "PwKUw5ljc2o"
["related_video_title"]=>
string(79) "Школьник Взломал Playstation, но его Спасли Anonymous"
["posted_time"]=>
string(19) "3 дня назад"
["channelName"]=>
NULL
}
["5iz5d8urO8I"]=>
object(stdClass)#7596 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "5iz5d8urO8I"
["related_video_title"]=>
string(81) "Это спасет, когда заблокируют ВЕСЬ ИНТЕРНЕТ!"
["posted_time"]=>
string(23) "1 месяц назад"
["channelName"]=>
NULL
}
["ZMqpq2694ic"]=>
object(stdClass)#7591 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "ZMqpq2694ic"
["related_video_title"]=>
string(125) "Создание LoRA для Wan2.2: пошаговый гайд с примерами | ОБУЧАЕМ СВОЮ LORA В 2025"
["posted_time"]=>
string(25) "2 недели назад"
["channelName"]=>
NULL
}
["MVBVMJS-W6Y"]=>
object(stdClass)#7592 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "MVBVMJS-W6Y"
["related_video_title"]=>
string(50) "Звучи как АМЕРИКАНЕЦ 10 ФРАЗ"
["posted_time"]=>
string(23) "1 месяц назад"
["channelName"]=>
NULL
}
["D8RtMHuFsUw"]=>
object(stdClass)#7589 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "D8RtMHuFsUw"
["related_video_title"]=>
string(132) "Точка зрения: что вы увидите во время захвата искусственным интеллектом"
["posted_time"]=>
string(25) "3 недели назад"
["channelName"]=>
NULL
}
["P77vp-aYAbc"]=>
object(stdClass)#7590 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "P77vp-aYAbc"
["related_video_title"]=>
string(83) "Локальный ИИ наконец-то стал простым (вот как)"
["posted_time"]=>
string(23) "1 месяц назад"
["channelName"]=>
NULL
}
["rfV3CjcWsfY"]=>
object(stdClass)#7578 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "rfV3CjcWsfY"
["related_video_title"]=>
string(111) "Китай начал спецоперацию / Боевые корабли вторглись к соседу"
["posted_time"]=>
string(23) "6 часов назад"
["channelName"]=>
NULL
}
["QI7oUwNrQ34"]=>
object(stdClass)#7579 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "QI7oUwNrQ34"
["related_video_title"]=>
string(86) "Цепи Маркова — математика предсказаний [Veritasium]"
["posted_time"]=>
string(23) "1 месяц назад"
["channelName"]=>
NULL
}
["JGO5SwyIACA"]=>
object(stdClass)#7585 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "JGO5SwyIACA"
["related_video_title"]=>
string(155) "Коррупционный скандал в Украине | Окружение Зеленского и энергетика (English subtitles) @Max_Katz"
["posted_time"]=>
string(23) "7 часов назад"
["channelName"]=>
NULL
}
["0esScAWlWFI"]=>
object(stdClass)#7586 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "0esScAWlWFI"
["related_video_title"]=>
string(0) ""
["posted_time"]=>
string(23) "6 часов назад"
["channelName"]=>
NULL
}
}