Andrey Chuprin
Andrey Chuprin
  • 23
  • 27 620
RxJs Понятным языком #4 | BehaviorSubject | ReplaySubject | AsyncSubject
В данном видеоролике мы с вами подробно разберем семейство Subjects. А также разберем на наглядном примере использование BehaviorSubject
Таймкоды:
00:00 | Введение
00:26 | BehaviorSubject
05:56 | ReplaySubject
11:26 | AsyncSubject
13:55 | Пример использования BehaviorSubject
GIT с примером использования BehaviorSubject:
github.com/Andreychuprina/behaviorSubject-example
Я в LinkedIn: www.linkedin.com/in/andrey-chuprina-3181a4219/
มุมมอง: 978

วีดีโอ

Angular #7 | Директивы ч1 | Что такое директива? | Структурные & Атрибутные директивы | ngIf & ngFor
มุมมอง 1Kปีที่แล้ว
В данном видеоуроке мы начнем говорить о директивах: разберемся в том, что такое директива, поймем чем отличается директивы от компонента, сравним структурные и атрибутные директивы и более детально познакомимся с *ngIf & *ngFor
RxJs Понятным языком #3 | Subject & Hot Observable | Что это и как использовать ?
มุมมอง 1.7Kปีที่แล้ว
В данном видео мы подробно поговорим о Subject, разберемся в том, что такое Hot Observable (Горячий источник событий, в простонародии) рассмотрим наглядный пример его использования. Таймкоды: 00:00 | Приветствие 00:12 | Subject 07:08 | Hot Observables (Горячие источники событий) 09:53 | Пример применения Subject Я в LinkedIn: www.linkedin.com/in/andrey-chuprina-3181a4219/
Angular #6 | Все о комонентах ч4 | Что такое Binding? | One way Binding | Two way Binding
มุมมอง 472ปีที่แล้ว
В данном видеоролике мы детально рассмотрим binding в Angular, узнаем что такое One way binding и Two way binding, познакомимся с атрибутами (атрибутными директивами) ngClass и ngStyle и научимся динамически задавать классы и стили для элементов. Таймкоды: 00:00 | Введение 00:35 | Property Binding 03:04 | атрибуты style и class 06:36 | атрибутные директивы ngStyle и ngClass 10:17 | Event Bindin...
RxJs Понятным языком #2 | Observable | Observer | Subscription | Cold Observable
มุมมอง 2Kปีที่แล้ว
В данном видео мы подробно поговорим о Observable & Observer, рассмотрим объект Subscription и, разберемся в том, что такое Cold Observable (Холодный источник событий, в простонародии). Таймкоды: 00:00 | Введение 00:10 | Observable & Observer 00:56 | Next 02:17 | Error 04:07 | Complete 05:15 | Subscription 07:44 | Cold Observable 13:30 | Observable на практике Я в LinkedIn: www.linkedin.com/in/...
Angular #5 | Все о компонентах ч3 | Методы жизненного цикла | Lifecycle hooks
มุมมอง 984ปีที่แล้ว
В данном видеоролике мы детально рассмотрим все методы жизненного цикла компонента Angular Таймкоды: 00:00 | Вступление 00:53 | Constructor 01:24 | OnChanges 05:04 | OnInit 06:47 | DoCheck 10:08 | AfterContentInit 12:55 | AfterContentChecked 14:33 | AfterViewInit 17:00 | ExpressionChangedAfterItHasBeenCheckedError 18:08 | AfterViewChecked 19:45 | OnDestroy 21:49 | Детальный порядок вызова метод...
RxJs Понятным языком #1 | Теория | Почему стоит использовать ? | Реактивный подход | Основы
มุมมอง 3.6Kปีที่แล้ว
Как использовать RxJs и зачем он нужен? Что такое реактивный поход? Что такое Observable & Observer ? Обо всем это мы свами поговорим в данном видеоролике Таймкоды: 00:00 | Ввведение 00:21 | Пример использования 01:51 | Реализация примера (код) 02:48 | Что такое RxJs ? 03:25 | Реактивное программирование 04:07 | Установка RxJs 04:28 | Объясняю реактивность в RxJs GITHUB: github.com/Andreychupri...
Angular #4 | Все о компонентах ч2 | Практика + ДЗ | Передача данных & шаблона | Интерполяция
มุมมอง 1Kปีที่แล้ว
В данном видеоролике, с помощью Angular, мы с вами разработаем небольшое приложение, на примере которого мы детально рассмотрим работу с компонентами, разберемся как передавать данные из родительского компонента в дочерние и наоборот, познакомимся с интерполяцией, узнаем о том, что такое ng-content и еще много всего интересного). GITHUB - github.com/Andreychuprina/angular-components-practice Я ...
TypeScript Advanced | Utility Types которые вам точно стоит использовать
มุมมอง 1.6Kปีที่แล้ว
TypeScript Utility Types В данном видеоуроке я поделюсь 6-ю самыми полезными, на мой взгляд, Utility Types. Таймкоды: 00:00 | Приветствие 00:14 | Pick 02:30 | Omit 03:43 | Partial 05:13 | Required 05:56 | Readonly 07:15 | Record
Angular #3 | Все о Компонентах ч1 | Cтруктура | Cоздание | Модульный подход
มุมมอง 1Kปีที่แล้ว
Компоненты во framework Angular В данном видео мы поговорим о компонентах: рассмотрим их структуру, создадим свой первый компонент, поговорим о том, зачем они вообще нужны во frontend приложении. А также немного затронем модули и модульный подход в целом. Бесплатный курс 2023 Теория Практика. Таймкоды: 00:00 | Введение 00:26 | Из чего состоит компонент ? 00:40 | Нейминг файлов с сущностями в An...
5 Ошибок JUNIOR разработчиков | Как стать крутым специалистом ?
มุมมอง 216ปีที่แล้ว
5 главных ошибок начинающих разработчиков. Как быть крутым специалистом? Все мы знаем, что программирование - не легкая специальность и в процессе работы очень легко допустить ошибку, я собрал 5 основных ошибок и расскажу вам о них в данном видеоролике, ведь их знание может уберечь вас от многих неприятностей! Таймкоды 00:00 | Вступление 00:16 | Ошибка №1 - Спешка 00:52 | Ошибка №2 - Импульсивн...
Angular #2 | Обзор папок и файлов проекта
มุมมอง 548ปีที่แล้ว
В данном видео мы рассмотрим все файлы и папки в проекте Angular. Курс 2023 года. Таймкоды 00:00 | Вступление 00:12 | .angular 00:31 | .vscode 00:44 | node_modules 00:55 | package.json 02:23 | package-lock.json 02:44 | tsconfigs 03:01 | angular.json 03:28 | .gitignore 03:44 | readme.md 04:08 | .editorconfig 04:35 | папка src 05:48 | папка app 06:00 | полезная информация
Angular #1 | Кому подходит Angular ? | Сферы применения | Установка | Запуск приложения
มุมมอง 843ปีที่แล้ว
Курс 2023 года. Что такое Angular ? Как его установить и запустить проект ? Об этом вы узнаете в данном видеоуроке.. Ссылочки: Angular : angular.io/ Node.js: nodejs.org/en/ Таймкоды 00:00 | Введение 01:17 | Установка 02:15 | Создание проекта 02:55 | Запуск приложения
WebAssembly | Когда и как использовать ? | Сравнение скорости с JavaScript | Почему не убил JS?
มุมมอง 3Kปีที่แล้ว
Что такое WebAssembly ? Что же быстрее WebAssembly или JS ? Когда, как, а главное - зачем использовать WebAssembly ? Обо всем этом мы поговорим в данном видеоролике. А также, как небольшой бонус сравним скорость выполнения цикла for и forEach. Ссылки: Установка Rust - www.rust-lang.org/tools/install Установка wasm-pack - rustwasm.github.io/wasm-pack/installer/ GITHUB - github.com/Andreychuprina...
TypeScript Start #5 | Enums и Type Guards | Типизация с помощью Enums
มุมมอง 478ปีที่แล้ว
TypeScript Start #5 | Enums и Type Guards | Типизация с помощью Enums
TypeScript Advanced | Перегрузка функций и методов
มุมมอง 865ปีที่แล้ว
TypeScript Advanced | Перегрузка функций и методов
Как не выгореть в IT ? | #5 важных советов за 2 минуты
มุมมอง 318ปีที่แล้ว
Как не выгореть в IT ? | #5 важных советов за 2 минуты
TypeScript Start #4 | Работаем с классами | keyof & typeof операторы | Generic types
มุมมอง 788ปีที่แล้ว
TypeScript Start #4 | Работаем с классами | keyof & typeof операторы | Generic types
TypeScript Start #3 | Type & Interface | В чем же разница ? | Основы работы с классами
มุมมอง 1Kปีที่แล้ว
TypeScript Start #3 | Type & Interface | В чем же разница ? | Основы работы с классами
TypeScript Start #2 | Установка | Основные типы | Типизация функций | Never & Void
มุมมอง 533ปีที่แล้ว
TypeScript Start #2 | Установка | Основные типы | Типизация функций | Never & Void
TypeScript Start #1 | Почему стоит начать учить TS? | Статическая типизация
มุมมอง 840ปีที่แล้ว
TypeScript Start #1 | Почему стоит начать учить TS? | Статическая типизация
Какой framework выбрать в 2022 - 2023? | ЛУЧШИЙ FRAMEWORK ДЛЯ НАЧИНАЮЩЕГО FRONTEND РАЗРАБОТЧИКА
มุมมอง 3Kปีที่แล้ว
Какой framework выбрать в 2022 - 2023? | ЛУЧШИЙ FRAMEWORK ДЛЯ НАЧИНАЮЩЕГО FRONTEND РАЗРАБОТЧИКА

ความคิดเห็น

  • @igortobert
    @igortobert 11 วันที่ผ่านมา

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

  • @alexdogmat4459
    @alexdogmat4459 หลายเดือนก่อน

    Наконец-то нашел годный контент видео уроков по RxJS. Автору респект за разжеванное доходчивое объяснение! С меня лайк и подписка

  • @myaccount2611
    @myaccount2611 หลายเดือนก่อน

    Я думаю, что в первом примере компилятор оптимизирует простой цикл до b = arg * 2;

  • @rin2004able
    @rin2004able 2 หลายเดือนก่อน

    Спасибо за контент, жалко что забросил канал. Только не деструктуризация, а деструкция.

  • @mqxim630
    @mqxim630 2 หลายเดือนก่อน

    спасибо за такой крутой урок! сделайте пожалуйста урок по работе с канвасом через webassembly (как сейчас работает фигма)! будет очень интересно узнать

  • @user-san-chous
    @user-san-chous 3 หลายเดือนก่อน

    Странные алгоритмы ютюба. Умение объяснять шикарное, тема полезная, углубление в нее идеальное, а просмотров мало((

    • @AndreyChuprin0101
      @AndreyChuprin0101 3 หลายเดือนก่อน

      Да, к сожалению ( Но рад, что вам понравилось)

  • @user-san-chous
    @user-san-chous 3 หลายเดือนก่อน

    Круит... Жаль, что раньше это не попадалось.

  • @artwelf
    @artwelf 3 หลายเดือนก่อน

    Немного некорректен тест на перебор массива. Вы в Rust-коде используете строго типизированный массив, а в JS используете Array. У строго типизированных массивов с фиксированной длиной производительность гораздо выше, так как они хранятся в стеке (их размер известен в момент компиляции), а вот для массивы, длина которых не известна в момент компиляции, хранятся в куче. Доступ в стек наша программа имеет напрямую, а вот в кучу она может обращаться только лишь через операционную систему, что добавляет задержку. Логичнее было бы либо использовать в Rust-коде вектор, либо в JS тоже использовать строго типизированный массив Int32Array.

  • @user-md8ng9ow9u
    @user-md8ng9ow9u 4 หลายเดือนก่อน

    спасибо, лучшее объяснение

  • @huerber1623
    @huerber1623 5 หลายเดือนก่อน

    Отлично объяснил rxjs, так держать 👍. Планируешь продолжать ?

    • @AndreyChuprin0101
      @AndreyChuprin0101 5 หลายเดือนก่อน

      Спасибо тебе большое) В общем - да, дело очень классное) Но отнимает огромное кол-во времени и сил, немного не хватает меня иногда ) Хочу в ближайшее время мб по rxjs операторам видос записать

  • @user-be8dc2el2d
    @user-be8dc2el2d 5 หลายเดือนก่อน

    0 мс, цикл проходит моментально? чудеса да и только...

    • @AndreyChuprin0101
      @AndreyChuprin0101 5 หลายเดือนก่อน

      Нет, не моментально) Есть величины меньше мс)

  • @user-pi3em2ke2l
    @user-pi3em2ke2l 5 หลายเดือนก่อน

    Хорош

  • @lizukkoleg
    @lizukkoleg 5 หลายเดือนก่อน

    Отличный урок, спасибо автору!

  • @lesson-web
    @lesson-web 6 หลายเดือนก่อน

    Посмотрю обязательно

  • @hrustalevdev
    @hrustalevdev 6 หลายเดือนก่อน

    Спасибо большое! Очень познавательно!

    • @AndreyChuprin0101
      @AndreyChuprin0101 5 หลายเดือนก่อน

      Всегда пожалуйста) Рад, что вам было полезно)

  • @boxpost0
    @boxpost0 6 หลายเดือนก่อน

    Огромное спасибо, очень круто и живо рассказываешь! 😊

  • @karinaS1
    @karinaS1 6 หลายเดือนก่อน

    Отличное видео! Помогло разобраться, спасибо большое!

  • @dimakachan1972
    @dimakachan1972 6 หลายเดือนก่อน

    класний урок хорощий звук и материал

  • @user-yp2tk4yn1b
    @user-yp2tk4yn1b 6 หลายเดือนก่อน

    Спасибо, давно искал такое видео

  • @user-yp2tk4yn1b
    @user-yp2tk4yn1b 8 หลายเดือนก่อน

    Ты ставил задачу максимально непонятно объяснить?

  • @user-pb5xh8so2r
    @user-pb5xh8so2r 9 หลายเดือนก่อน

    Когда появятся новые видео по Angular?

  • @apxutektop_bk6457
    @apxutektop_bk6457 9 หลายเดือนก่อน

    доступно и подробно, спасибо за урок!

  • @elberdchakhkiev5628
    @elberdchakhkiev5628 10 หลายเดือนก่อน

    Мне кажется или на превью ошибка ? Ведь правильно пишется сЕмейство ? За материал спасибо автору

    • @AndreyChuprin0101
      @AndreyChuprin0101 8 หลายเดือนก่อน

      Блин, ты прав) Досадно и неловко вышло ))

  • @HelpersForLife
    @HelpersForLife 10 หลายเดือนก่อน

    Будет ли продолжение и интересует ngrx

  • @HelpersForLife
    @HelpersForLife 10 หลายเดือนก่อน

    Все доходчиво, наглядно и без воды. Ютуб задушил индексацию, жаль

  • @AlexanderGrinvald
    @AlexanderGrinvald 11 หลายเดือนก่อน

    Отличный урок, жду продолжения

  • @kharisovruslan5523
    @kharisovruslan5523 ปีที่แล้ว

    а как можно отрисовать 3 раза без массива? Просто указав в переменную количество. Что то типа while

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      Здравствуйте, а в чем обусловлена необходимость отрисовки без массива ? На самом деле вариантов много, но в большинстве своём будет костыль. Если бы я понимал задачу, которую вы пытаетесь решить, мы бы могли подумать над решением

    • @kharisovruslan5523
      @kharisovruslan5523 ปีที่แล้ว

      @@AndreyChuprin0101 хотел интерактивно при вводе в поле input цифры, отображать кратное количество картинок. Это для онлайн калькулятора.

  • @vsvs7457
    @vsvs7457 ปีที่แล้ว

    Спасибо большое, хорошие обучающие видео, таких мало, хотелось бы ещё увидеть про NGRX

  • @maximkantsura1219
    @maximkantsura1219 ปีที่แล้ว

    класс, ждем продолжения)

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      Спасибо за поддержку, в скором времени будет )

  • @kindoomstrategy4261
    @kindoomstrategy4261 ปีที่แล้ว

    Рад, что ты вернулся! Продолжай в том же духе

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      Спасибо вам большое за поддержку )

  • @nouchance
    @nouchance ปีที่แล้ว

    Спасибо большое

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      И вам спасибо за просмотр и комментарий)

  • @AndreyChuprin0101
    @AndreyChuprin0101 ปีที่แล้ว

    Еще немного добавлю: Оператор first() - отписывается от источника событий после получения ивента. Но если у выше стоит оператор filter(), то не стоит пологаться на first(), ибо иногда данные из ивента могут не пройти через условие filter() и, следовательно - мы не отпишемся от источника событий (можем получить утечку памяти) , поэтому всегда стоит подстраховаться. И также в Angular http запросы комплитятся сами, поэтому от них можно не отписываться, это больше пример для ребят которые используют другие технологии.😉

  • @user-du3vp4cb5o
    @user-du3vp4cb5o ปีที่แล้ว

    Спасибо за видео

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      И вам спасибо за просмотр и комментарий!

  • @user-du3vp4cb5o
    @user-du3vp4cb5o ปีที่แล้ว

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

  • @sergegoist1488
    @sergegoist1488 ปีที่แล้ว

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

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      Та блин, очень трудно совмещать с основной работой ( . Но я думаю над тем, чтобы продолжить

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      + по основной работе - то больше задач, то меньше.

  • @gundzha
    @gundzha ปีที่แล้ว

    Что у нас с буквой Г?

    • @vladislove1337
      @vladislove1337 ปีที่แล้ว

      впервые слышите украинский, белорусский говор?

    • @Tosha.V
      @Tosha.V 10 หลายเดือนก่อน

      теперь она Х)

  • @sergegoist1488
    @sergegoist1488 ปีที่แล้ว

    Ты где делся?нет новых видео - выгорел что ли?)

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      Привет) Та не, я воспользовался своим советом об отдыхе )

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      Спасибо, что поинтересовался)

    • @user-pi3em2ke2l
      @user-pi3em2ke2l 2 หลายเดือนก่อน

      Хотел написать но увидел твой коммент)))

  • @random-history
    @random-history ปีที่แล้ว

    Спасибо, самое оно.

  • @rustam2021
    @rustam2021 ปีที่แล้ว

    супер! ждем продолжение

  • @juryshuv9573
    @juryshuv9573 ปีที่แล้ว

    плюс для продвижения

  • @nouchance
    @nouchance ปีที่แล้ว

    Spasibo!

  • @netty5791
    @netty5791 ปีที่แล้ว

    а это только с typeof решается? нет никаких других способов? более изящных?

  • @pika4u380
    @pika4u380 ปีที่แล้ว

    Отличное видео, спасибо большое) Feedback развивающемуся автору от зрителя: Не делайте пожалуйста примеры с border, их плохо видно бывает. С bg было бы очевиднее) Всегда очень жду ваших видео про angular😁

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      Спасибо вам огромное ! Для меня очень важно получать такого рода замечания ) Учту, буду исправлять этот момент )

  • @nouchance
    @nouchance ปีที่แล้ว

    Спасибо!

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      И вам спасибо за комментарий)

  • @user-nv6gj6hg2s
    @user-nv6gj6hg2s ปีที่แล้ว

    Дзякуй цябе вялiкi!

  • @user-ms5vu1zp9d
    @user-ms5vu1zp9d ปีที่แล้ว

    Дак функция debounce

  • @alexandrkruglyak
    @alexandrkruglyak ปีที่แล้ว

    Мой любимый ide PS)) Спасибо за полезную инфу! П.С. Залетайте ко мне а огонек, начал микрочервисы делать на nodejs)

  • @promoabys
    @promoabys ปีที่แล้ว

    Спасибо. Добавить нечего. Про использование enam в данных вариантах интересно было. Глобально это не спасает, от дублирования имён ключей, но позволяет в некоторых ситуациях зарефакторить код для более удобного восприятия

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      Ну если у вас, допустим, есть условный enum с помощью констант которого вы общаетесь с объектом определенного типа + используете этот enum для создания самого типа (через Pick например) тогда, в случае нужды в изменении самого ключа в данном типе, вам придется поменять лишь значение константы в enum (но я говорю лишь о не радикальных изменениях) И вам спасибо)

    • @promoabys
      @promoabys ปีที่แล้ว

      @@AndreyChuprin0101 немного заморочно это всё, но в целом как-то так и получается )

  • @chub715
    @chub715 ปีที่แล้ว

    большое спасибо

  • @fuad2069
    @fuad2069 ปีที่แล้ว

    Хоть кто то толково объяснил эту тему. Спасибо за урок

    • @AndreyChuprin0101
      @AndreyChuprin0101 ปีที่แล้ว

      И вам спасибо ! Рад, что вам был полезен данный урок )