- 23
- 27 620
Andrey Chuprin
เข้าร่วมเมื่อ 12 ธ.ค. 2022
WEB - разработка и все, что с ней связано
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/
Таймкоды:
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 РАЗРАБОТЧИКА
Как сеньор плюсую тебе за самое нормальное, внятное и доступное объяснение разницы горячих и холодных. Именно так и надо строить обучение. Продолжай в том же духе. У тебя огромный потенциал
Наконец-то нашел годный контент видео уроков по RxJS. Автору респект за разжеванное доходчивое объяснение! С меня лайк и подписка
Я думаю, что в первом примере компилятор оптимизирует простой цикл до b = arg * 2;
Спасибо за контент, жалко что забросил канал. Только не деструктуризация, а деструкция.
спасибо за такой крутой урок! сделайте пожалуйста урок по работе с канвасом через webassembly (как сейчас работает фигма)! будет очень интересно узнать
Странные алгоритмы ютюба. Умение объяснять шикарное, тема полезная, углубление в нее идеальное, а просмотров мало((
Да, к сожалению ( Но рад, что вам понравилось)
Круит... Жаль, что раньше это не попадалось.
Немного некорректен тест на перебор массива. Вы в Rust-коде используете строго типизированный массив, а в JS используете Array. У строго типизированных массивов с фиксированной длиной производительность гораздо выше, так как они хранятся в стеке (их размер известен в момент компиляции), а вот для массивы, длина которых не известна в момент компиляции, хранятся в куче. Доступ в стек наша программа имеет напрямую, а вот в кучу она может обращаться только лишь через операционную систему, что добавляет задержку. Логичнее было бы либо использовать в Rust-коде вектор, либо в JS тоже использовать строго типизированный массив Int32Array.
спасибо, лучшее объяснение
Отлично объяснил rxjs, так держать 👍. Планируешь продолжать ?
Спасибо тебе большое) В общем - да, дело очень классное) Но отнимает огромное кол-во времени и сил, немного не хватает меня иногда ) Хочу в ближайшее время мб по rxjs операторам видос записать
0 мс, цикл проходит моментально? чудеса да и только...
Нет, не моментально) Есть величины меньше мс)
Хорош
Отличный урок, спасибо автору!
Посмотрю обязательно
Спасибо большое! Очень познавательно!
Всегда пожалуйста) Рад, что вам было полезно)
Огромное спасибо, очень круто и живо рассказываешь! 😊
Отличное видео! Помогло разобраться, спасибо большое!
класний урок хорощий звук и материал
Спасибо, давно искал такое видео
Ты ставил задачу максимально непонятно объяснить?
Да)
Когда появятся новые видео по Angular?
доступно и подробно, спасибо за урок!
Мне кажется или на превью ошибка ? Ведь правильно пишется сЕмейство ? За материал спасибо автору
Блин, ты прав) Досадно и неловко вышло ))
Будет ли продолжение и интересует ngrx
Все доходчиво, наглядно и без воды. Ютуб задушил индексацию, жаль
Отличный урок, жду продолжения
а как можно отрисовать 3 раза без массива? Просто указав в переменную количество. Что то типа while
Здравствуйте, а в чем обусловлена необходимость отрисовки без массива ? На самом деле вариантов много, но в большинстве своём будет костыль. Если бы я понимал задачу, которую вы пытаетесь решить, мы бы могли подумать над решением
@@AndreyChuprin0101 хотел интерактивно при вводе в поле input цифры, отображать кратное количество картинок. Это для онлайн калькулятора.
Спасибо большое, хорошие обучающие видео, таких мало, хотелось бы ещё увидеть про NGRX
класс, ждем продолжения)
Спасибо за поддержку, в скором времени будет )
Рад, что ты вернулся! Продолжай в том же духе
Спасибо вам большое за поддержку )
Спасибо большое
И вам спасибо за просмотр и комментарий)
Еще немного добавлю: Оператор first() - отписывается от источника событий после получения ивента. Но если у выше стоит оператор filter(), то не стоит пологаться на first(), ибо иногда данные из ивента могут не пройти через условие filter() и, следовательно - мы не отпишемся от источника событий (можем получить утечку памяти) , поэтому всегда стоит подстраховаться. И также в Angular http запросы комплитятся сами, поэтому от них можно не отписываться, это больше пример для ребят которые используют другие технологии.😉
Спасибо за видео
И вам спасибо за просмотр и комментарий!
Спасибо большое за уроки. Изучаю ангуляр после реакта, непривычно, что на ютуб мало роликов, ваш канал однозначно находка. Идеально смотрится после прочтения документации.
Смотрел за ростом количества подписчиков, ты хорошо поднимался, помню каждый день добавлялись подписчики. И вдруг пропал.
Та блин, очень трудно совмещать с основной работой ( . Но я думаю над тем, чтобы продолжить
+ по основной работе - то больше задач, то меньше.
Что у нас с буквой Г?
впервые слышите украинский, белорусский говор?
теперь она Х)
Ты где делся?нет новых видео - выгорел что ли?)
Привет) Та не, я воспользовался своим советом об отдыхе )
Спасибо, что поинтересовался)
Хотел написать но увидел твой коммент)))
Спасибо, самое оно.
супер! ждем продолжение
плюс для продвижения
Spasibo!
а это только с typeof решается? нет никаких других способов? более изящных?
Отличное видео, спасибо большое) Feedback развивающемуся автору от зрителя: Не делайте пожалуйста примеры с border, их плохо видно бывает. С bg было бы очевиднее) Всегда очень жду ваших видео про angular😁
Спасибо вам огромное ! Для меня очень важно получать такого рода замечания ) Учту, буду исправлять этот момент )
Спасибо!
И вам спасибо за комментарий)
Дзякуй цябе вялiкi!
Дак функция debounce
Да
Мой любимый ide PS)) Спасибо за полезную инфу! П.С. Залетайте ко мне а огонек, начал микрочервисы делать на nodejs)
Спасибо. Добавить нечего. Про использование enam в данных вариантах интересно было. Глобально это не спасает, от дублирования имён ключей, но позволяет в некоторых ситуациях зарефакторить код для более удобного восприятия
Ну если у вас, допустим, есть условный enum с помощью констант которого вы общаетесь с объектом определенного типа + используете этот enum для создания самого типа (через Pick например) тогда, в случае нужды в изменении самого ключа в данном типе, вам придется поменять лишь значение константы в enum (но я говорю лишь о не радикальных изменениях) И вам спасибо)
@@AndreyChuprin0101 немного заморочно это всё, но в целом как-то так и получается )
большое спасибо
Хоть кто то толково объяснил эту тему. Спасибо за урок
И вам спасибо ! Рад, что вам был полезен данный урок )