https://tube.vicstudio.net/about/instancehttps://tube.vicstudio.net/videos/localhttps://tube.vicstudio.net/w/9iRsYDkE2wZVqmr6YfJz71https://tube.vicstudio.net/lazy-static/thumbnails/d1f4fc88-842e-4107-9207-ea09f6bc6458.jpgQuick Light Streak Logo_free (1)Quick Light Streak Logo_free (1)https://tube.vicstudio.net/static/streaming-playlists/hls/43473cc1-a19d-4f70-8cf6-46b211ffb530/375076f4-9b97-4d9f-acc3-1eed170efa4f-master.m3u8https://tube.vicstudio.net/videos/embed/9iRsYDkE2wZVqmr6YfJz715042023-02-28T10:26:13.073ZYESВИК СтудияNOhttps://tube.vicstudio.net/w/bFDr2ucpGeAQoGfcdwpPePhttps://tube.vicstudio.net/lazy-static/thumbnails/38814cb0-def6-4165-a7d7-6aa282aa346d.jpg01.Операционная система FreeRTOS. Самый полный курс на русском языке. Вводное слово.01.Операционная система FreeRTOS. Самый полный курс на русском языке. Вводное слово.https://tube.vicstudio.net/static/streaming-playlists/hls/5684762b-346b-4b33-8bd2-2b9aff4a6d75/260f416f-6977-4f00-b2b0-57e884893901-master.m3u8https://tube.vicstudio.net/videos/embed/bFDr2ucpGeAQoGfcdwpPeP215002023-11-30T09:50:09.630ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/1K996AnyKmj5nD5Gr5BECshttps://tube.vicstudio.net/lazy-static/thumbnails/b464f8d1-5542-4839-96fd-bed20d890b52.jpg02.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 1. Необходимость ОС.02.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 1. Необходимость ОС.https://tube.vicstudio.net/static/streaming-playlists/hls/0605ff91-6c51-4d67-8c66-794b5a040af2/690f359b-13de-458c-b5b8-94695a6f898b-master.m3u8https://tube.vicstudio.net/videos/embed/1K996AnyKmj5nD5Gr5BECs1522002023-11-30T09:54:49.338ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/v75C3TkK6531xagEmybrd8https://tube.vicstudio.net/lazy-static/thumbnails/fa4d8cba-f93a-4bd3-b84e-2ce7a4bc1eb9.jpg03.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 2. Исходные коды.03.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 2. Исходные коды.https://tube.vicstudio.net/static/streaming-playlists/hls/ebb254f6-b470-46e1-af77-3862126ced53/772056a1-2e53-4ab1-b8cf-aa04774bd8a0-master.m3u8https://tube.vicstudio.net/videos/embed/v75C3TkK6531xagEmybrd82187002023-11-30T10:02:18.049ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/x4kbNopgbmxZdBHSHPvT4Khttps://tube.vicstudio.net/lazy-static/thumbnails/36dacadb-94a8-4b8d-9d6d-4e4698cb3d6d.jpg04.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 3. Управление задачами.04.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 3. Управление задачами.https://tube.vicstudio.net/static/streaming-playlists/hls/fb825a8b-3f72-4b42-9442-9924e2c4f01d/1c24943f-8705-49e6-a925-06ee49ecc230-master.m3u8https://tube.vicstudio.net/videos/embed/x4kbNopgbmxZdBHSHPvT4K2593002023-11-30T10:27:38.354ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/vN1LQgEWh2zjxkJLEgT4MJhttps://tube.vicstudio.net/lazy-static/thumbnails/89845a4d-2d88-4dda-bbd8-38d302045977.jpg05.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 4. Практика задач.05.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 4. Практика задач.https://tube.vicstudio.net/static/streaming-playlists/hls/f145b5fe-cd0d-475e-9ad7-aa109be9a670/7a14d116-f754-4bd1-b66e-5d9b35667662-master.m3u8https://tube.vicstudio.net/videos/embed/vN1LQgEWh2zjxkJLEgT4MJ2401002023-11-30T10:35:23.884ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/pQrtGzDA8oN2DMufQtAJ1Nhttps://tube.vicstudio.net/lazy-static/thumbnails/250df479-6393-4a93-9601-2d6001db3660.jpg06.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 5. Управление памятью.06.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 5. Управление памятью.https://tube.vicstudio.net/static/streaming-playlists/hls/c105975c-959b-4da8-b064-04dd7cd5f096/42549f26-0ebe-4587-9fc4-ef592ca3c667-master.m3u8https://tube.vicstudio.net/videos/embed/pQrtGzDA8oN2DMufQtAJ1N2117002023-11-30T10:41:44.025ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/6C5a26r7CLRbeq7M5tPc12https://tube.vicstudio.net/lazy-static/thumbnails/ab8db377-ddcc-4f3c-a0e9-513d6afb5ab3.jpg07.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 6. Управление очередями.07.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 6. Управление очередями.https://tube.vicstudio.net/static/streaming-playlists/hls/2d8707a9-e76f-4a0f-99aa-47cc5f40e755/c8c32853-2e56-4620-968a-71e4d7ff4d46-master.m3u8https://tube.vicstudio.net/videos/embed/6C5a26r7CLRbeq7M5tPc123396022023-11-30T10:51:57.975ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/jNLdEjNHVEeNXcyrm5qSkehttps://tube.vicstudio.net/lazy-static/thumbnails/eb9482d8-7e7e-4646-92b0-2c15f4869886.jpg09.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 8. Управление питанием.09.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 8. Управление питанием.https://tube.vicstudio.net/static/streaming-playlists/hls/984bf5b4-b522-4493-9314-61750c075b23/047ee075-5b49-4690-a1e9-9c4019d9cf80-master.m3u8https://tube.vicstudio.net/videos/embed/jNLdEjNHVEeNXcyrm5qSke2662522023-11-30T10:59:58.782ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/4Q8EyrMJWq89DH5P8aDyKBhttps://tube.vicstudio.net/lazy-static/thumbnails/7bffae19-246f-44a2-a68e-a9f2d861c7b1.jpg10.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 9. Семафоры.10.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 9. Семафоры.https://tube.vicstudio.net/static/streaming-playlists/hls/1f03d72e-5eee-4e47-90c1-f5038f39f5d9/3862bf7c-e0cb-426b-8c72-008d0b56e5e8-master.m3u8https://tube.vicstudio.net/videos/embed/4Q8EyrMJWq89DH5P8aDyKB1788012023-11-30T11:05:24.031ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/fev4qAFee8n29wxyQ65k4Whttps://tube.vicstudio.net/lazy-static/thumbnails/e9d18f51-d793-452d-b556-051eccd6b4ef.jpg11.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 10. События.11.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 10. События.https://tube.vicstudio.net/static/streaming-playlists/hls/734284bd-8b4d-4a20-bf63-4223b183aa00/a075f105-a7a5-4228-aac3-a13489e10f30-master.m3u8https://tube.vicstudio.net/videos/embed/fev4qAFee8n29wxyQ65k4W1721022023-11-30T11:10:38.230ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/hCfeyVrrM9BF5errDv9LyRhttps://tube.vicstudio.net/lazy-static/thumbnails/afb32fd8-fae4-46c2-9d5a-f3958872c698.jpg12.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 11. Нотификация.12.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 11. Нотификация.https://tube.vicstudio.net/static/streaming-playlists/hls/86a1c428-c93e-474b-a1b5-76509160c191/f2d752f1-0a38-4877-9f7b-4b434c130255-master.m3u8https://tube.vicstudio.net/videos/embed/hCfeyVrrM9BF5errDv9LyR1283022023-11-30T11:14:34.688ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/kCrnjok3iKb88ow2aBimZihttps://tube.vicstudio.net/lazy-static/thumbnails/df7f580d-d61f-4586-9a37-3cf4c9aaf577.jpg13.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 12. Обработка прерыва...13.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 12. Обработка прерываний. (1)https://tube.vicstudio.net/static/streaming-playlists/hls/9ef40b26-a119-4627-931d-c9267ff9e583/79732857-d3e8-4d1f-8374-69d608e97ac7-master.m3u8https://tube.vicstudio.net/videos/embed/kCrnjok3iKb88ow2aBimZi2037022023-11-30T11:20:42.926ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/mVX5k9K5Va4zoWYV5ba5RNhttps://tube.vicstudio.net/lazy-static/thumbnails/d0583f87-3fb6-49cc-bdd1-01dedd35662e.jpg14.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 13. Потокобезопасность.14.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 13. Потокобезопасность.https://tube.vicstudio.net/static/streaming-playlists/hls/a97f224c-1dac-4617-8fa0-01caab3019a0/4f92e5b1-deff-4320-8f16-74f632448de0-master.m3u8https://tube.vicstudio.net/videos/embed/mVX5k9K5Va4zoWYV5ba5RN1134052023-11-30T11:24:21.895ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/pvqoQ4L6DP8PLKYLTjQJcMhttps://tube.vicstudio.net/lazy-static/thumbnails/c2f1d5bc-18dd-4b75-bf9e-99efa5d09098.jpg15.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 14. Производительность.15.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 14. Производительность.https://tube.vicstudio.net/static/streaming-playlists/hls/be5dcaa6-3919-4ea3-925c-f6d924e45213/9a473ab4-56ce-4ef0-bef6-a6c0625ee53e-master.m3u8https://tube.vicstudio.net/videos/embed/pvqoQ4L6DP8PLKYLTjQJcM1834012023-11-30T11:29:58.828ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/pxSoNooFA4EpdDeyDWYamjhttps://tube.vicstudio.net/lazy-static/thumbnails/5266e087-58b0-4fd0-98b7-477e1e14651f.jpg16.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 15. Макросы и стиль к...16.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 15. Макросы и стиль кода.https://tube.vicstudio.net/static/streaming-playlists/hls/beb54d49-5c04-4c41-b1fc-279cbb2fbe9e/ffb1bce9-06de-445d-a4af-66605cbdabd4-master.m3u8https://tube.vicstudio.net/videos/embed/pxSoNooFA4EpdDeyDWYamj1317032023-11-30T11:34:05.312ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/gqEjsk8ztXvTTA5LZkuU3Yhttps://tube.vicstudio.net/lazy-static/thumbnails/629e5701-c008-4257-ace6-a9dae7831835.jpg17.FreeRTOS. Ответы на вопросы. Примеры кода. Режимы пониженного энергопотребления.17.FreeRTOS. Ответы на вопросы. Примеры кода. Режимы пониженного энергопотребления.https://tube.vicstudio.net/static/streaming-playlists/hls/7cea8b77-80cf-4ea9-9825-d9547649022c/eb20dbf6-8d89-45ae-b84d-d70cc7082a3a-master.m3u8https://tube.vicstudio.net/videos/embed/gqEjsk8ztXvTTA5LZkuU3Y8080042023-11-30T12:04:42.125ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/tCqV2FoRKd2HH61kpbKxHmhttps://tube.vicstudio.net/lazy-static/thumbnails/82672ae6-c0fc-4595-b728-9a63dfff0d1b.jpg08.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 7. Программные таймеры08.Операционная система FreeRTOS. Самый полный курс на русском языке. Часть 7. Программные таймерыhttps://tube.vicstudio.net/static/streaming-playlists/hls/dfbcdf9e-ddb2-4603-a371-630f04ad0b32/21a335d3-8880-46fa-a3fd-074ecef84ba8-master.m3u8https://tube.vicstudio.net/videos/embed/tCqV2FoRKd2HH61kpbKxHm1315032023-11-30T12:48:28.530ZYESfreeRTOS Лекции (перезалив Vladimir Medintsev)NOhttps://tube.vicstudio.net/w/hA6uMmnknbpPMHd6jGqrQshttps://tube.vicstudio.net/lazy-static/thumbnails/21413c67-5c6b-4cc2-84da-2ffab02bc6ff.jpgReact JS фундаментальный курс от А до ЯReact Полный курс от А до Я. Рассмотрим основные концепции и разработаем функционал, который встречается в каждом приложении. Ссылка на исходный код (git) здесь - https://t.me/ulbi_tv/23 Таймкоды: 00:00 ➝ Введение 03:15 ➝ Теория 11:40 ➝ Начало разработки. Создание проекта 16:10 ➝ Что такое JSX? 18:11 ➝ Компонент App. Работа с состоянием. UseState 22:25 ➝ Управляемый инпут 24:07 ➝ Первый функциональный компонент 26:40 ➝ Первый классовый компонент 30:25 ➝ Что такое хуки? useState, useEffect 31:10 ➝ Стили. CSS. Классы 34:30 ➝ Props. Аргументы компонента. 36:55 ➝ Работы со списками. Преобразование массива объектов в массив React элементов 41:50 ➝ Форма создания поста. Управляемые и неуправляемые компоненты 42:30 ➝ Создание UI библиотеки. Первые компоненты. CSS модули. Пропс children 50:00 ➝ Предотвращаем обновление страницы при submit формы 50:45 ➝ хук useRef. Доступ к DOM элементу. Неуправляемый компонент 57:35 ➝ React Devtools. Инструменты разработчика React 59:15 ➝ Обмен данными между компонентами. От родителя к ребенку. От ребенка к родителю. 01:04:20 ➝ Отрисовка по условию 01:05:30 ➝ Сортировка. Выпадающий список 01:12:00 ➝ Поиск. Фильтрация. 01:15:10 ➝ useMemo. Мемоизация. Кеширование 01:23:50 ➝ Модальное окно. Переиспользуемый UI компонент 01:30:23 ➝ Анимации. React transition group 01:33:40 ➝ Декомпозиция. Кастомные хуки 01:36:20 ➝ Работа с сервером. Axios 01:38:40 ➝ Жизненный цикл компонента. useEffect 01:43:08 ➝ API. PostService 01:44:45 ➝ Индикация загрузки данных с сервера 01:46:20 ➝ Компонент Loader. Анимации 01:49:25 ➝ Кастомный хук useFetching(). Обработка ошибок 01:54:15➝ Постраничный вывод. Пагинация (pagination) 02:06:20 ➝ Обьяснение механизма изменения состояния 02:12:00 ➝ React router. Постраничная навигация. BrowserRouter, Route, Switch, Redirect 02:22:00 ➝ Динамическая навигация. useHistory, useParams 02:29:30 ➝ Загрузка комментариев к посту 02:33:10 ➝ Улучшаем навигацию. Приватные и публичные маршруты...https://tube.vicstudio.net/static/streaming-playlists/hls/8654e4d7-cff5-42b9-a39c-485a5b0b433e/a2a7c6da-29b4-40f1-abb9-6b06a3c944ae-master.m3u8https://tube.vicstudio.net/videos/embed/hA6uMmnknbpPMHd6jGqrQs108680102024-03-12T04:44:10.444Zreactreact jsреактreact 2021react 2022YESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/6kmyPkvC8NnvmKywnSmfw1https://tube.vicstudio.net/lazy-static/thumbnails/a8fed64e-d20d-493a-acf2-f5dc2813ca3c.jpgVue 3 фундаментальный курс от А до ЯВ этом ролике мы разберем все основные концепции Vue 3 и пройдемся по нему от А до Я. Разработаем приложение с основными кейсами, которые встречаются везде: CRUD, сортировка, поиск, пагинация, динамическая пагинация. Сделаем mixins, directives, изучим vuex и composition api. Исходный код урока здесь ➝ https://t.me/ulbi_tv/20 Таймкоды: 00:00 ➝ Введение 02:00 ➝ Теория 07:50 ➝ Начало разработки. Создание проекта 12:40 ➝ Компонент App 14:41 ➝ Интерполяция 15:44 ➝ Methods. V-ON. Слушатели событий 17:40 ➝ Vue devtools. Инструменты разработчика 20:00 ➝ Cтили 21:51 ➝ Отрисовка в цикле. Директива V-FOR 23:00 ➝ Создание нового поста 25:35 ➝ Двустороннее связывание 30:30 ➝ Модификаторы stop, prevent 31:50 ➝ Декомпозиция. Создаем переиспользуемые компоненты 35:30 ➝ Props. Передаем данные в компонент 38:20 ➝ V-MODEL 41:20 ➝ $emit. Обмен данными между дочерним и родительским компонентом 50:10 ➝ Библиотека UI компонентов 53:55 ➝ Глобальная регистрация компонента 58:20 ➝ Подробно о V-MODEL 01:04:08 ➝ Удаление поста. Ключи KEY в цикле 01:07:30 ➝ Отрисовка по условию 01:10:20 ➝ Модальное окно 01:16:00 ➝ Модификаторы V-MODEL 01:17:25 ➝ Работа с сервером. Получаем посты. Axios 01:20:23 ➝ Жизненный цикл компонента 01:23:20 ➝ Индикатор загрузки данных 01:25:00 ➝ Выпадающий список. Сортировка постов 01:31:08 ➝ Наблюдаемые WATCH и вычисляемые COMPUTED свойства 01:39:08 ➝ Анимации transition group 01:42:20 ➝ Поиск постов. Фильтрация 01:44:15 ➝ Пагинация. Постраничный вывод 01:48:08 ➝ Динамический биндинг классов и стилей 01:51:30 ➝ Динамическая пагинация. Бесконечная лента. Intersection API 01:54:20 ➝ Refs. Доступ к DOM элементу 01:58:48 ➝ VUE-ROUTER. Постраничная навигация 02:07:50 ➝ Динамическая навигация 02:11:10 ➝ Создаем собственные директивы V-INTERSACTION и V-FOCUS 02:18:15 ➝ Mixins. Примеси 02:22:15 ➝ Vuex. Глобальное состояние приложения 02:47:15 ➝ Composition API 03:00:40 ➝ Самое время поставить КОММЕНТАРИЙ и написать ЛАЙК :) https://tube.vicstudio.net/static/streaming-playlists/hls/2b317fc1-dbd7-4ef8-afa2-6398a4d077a4/037c50d3-ea4e-42f6-b37c-af6ae3c316f2-master.m3u8https://tube.vicstudio.net/videos/embed/6kmyPkvC8NnvmKywnSmfw110885082024-03-12T02:50:55.299Zvuevue jsvue 3vue 3 jsvue 3 crash courseYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/m7eHWSkJZWMMhcyjjCgMrThttps://tube.vicstudio.net/lazy-static/thumbnails/5c1dbb05-b5ed-4480-9bb1-b4fc0effc09f.jpgТОП 5 REACT ХУКОВ (React hooks). Делаем свои React хукиВ этом курсе мы создадим 5 собственных переиспользуемых React хуков. От простого к сложному. React hooks уроки, кастомные react хуки. useEffect react, useState react, useContext react Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Ссылка на исходный код - https://github.com/utimur/top-5-react-hooks Intersection Observer API - https://developer.mozilla.org/ru/docs/Web/API/Intersection_Observer_API Таймкоды: 00:00 - Введение, теория 01:20 - useInput 04:50 - useHover 10:10 - useScroll/useInfinitePagination 20:20 - useDebounce 25:40 - useRequest 29:30 - Время ставить лайки!) Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/a2d5b16b-7f0a-45c2-b1cf-6fdb09c18089/58f1fd26-85f3-4759-afd1-eb7f85194e84-master.m3u8https://tube.vicstudio.net/videos/embed/m7eHWSkJZWMMhcyjjCgMrT1796022024-03-15T20:21:39.077Zreactreact hookscustom react hookshooksreact infinite scrollYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/tjArgneF6aNuhy2paegmxshttps://tube.vicstudio.net/lazy-static/thumbnails/91e5c3c7-09f6-4533-97ca-e025eb2d5583.jpgReact & Redux & TypeScript ПОЛНЫЙ КУРС 2021В этом курсе мы на практике поработает с typescrit, react, redux и разработаем небольшое веб приложение. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Ссылка на исходный код - https://github.com/utimur/react-redux-typescript-course Необходимые знания для прохождения этого курса здесь -----https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 Таймкоды: 00:00 - Введение, теория, план на урок 02:40 - Инициализация Redux store 03:20 - Первый редюсер + типизация 13:50 - CombineReducer, Provider 15:35 - Создаем хук UseTypedSelector 18:00 - Ассинхронный action creator + типизация 23:00 - Создаем хук UseActions 24:40 - Второй редюсер, масштабируем приложение + постраничный вывод 34:07 - Расширяем useActions 38:30 - Не забываем лайки, комментарии, я старался =) Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/dd3f5a76-b1f0-4e44-9ff6-ee8a493f4cf8/7234c727-d225-4609-a58e-f099aeae2340-master.m3u8https://tube.vicstudio.net/videos/embed/tjArgneF6aNuhy2paegmxs2326042024-03-15T23:37:14.921ZReduxreactredux typescriptreact typescriptreact reduxYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/e5iiBj9ZEa8R5u4Q9tDM7bhttps://tube.vicstudio.net/lazy-static/thumbnails/1e769af3-b39a-4eb5-adef-cc511fdd4216.jpgReact TypeScript ПОЛНЫЙ КУРС 2021. Props, Events, Router, Hooks, Requests.В этом ролике мы рассмотрим основным нюансы связанные с типизацией React Typescript. Уроки по React Typescript. Typescript react router dom. Typescript react props. Typescript React hooks. React ts Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend В продолжение к этому курсу смотреть: React Redux Typescript - https://youtu.be/ETWABFYv0GM Fullstack Разработка на TypeScript - https://youtu.be/A0CfYSVzAZI Исходный код - https://github.com/utimur/React-typescript-course Таймкоды: 00:00 - Введение. 02:10 - Разворачиваем приложение. 03:10 - Первый компонент. Типизация пропсов. Interface CardProps 06:00 - React.FunctionComponent. React.FC 11:30 - Компонент UserList. IUser, IAddress 16:35 - Компонент UserItem. 17:55 - Типизация запроса axios. Типизация хука UseState() 20:30 - Переиспользуемый компонент List. Generics, Обобщенные типы в typescript 26:30 - Типизация событий. MouseEvents, DragEvents, ChangeEvents 34:25 - Типизация хука useRef. Неуправляемый компонент 36:00 - Типизация react-router-dom. UseHistory, useParams, BrowserRouter 44:35 - Время ставить лайки и писать комментарии =)) Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469 #React #TypeScript #JavaScripthttps://tube.vicstudio.net/static/streaming-playlists/hls/69e070fe-755d-44b1-8c9b-580d65a321b2/39e28f19-84a5-435e-aba3-9b7e3f06eb03-master.m3u8https://tube.vicstudio.net/videos/embed/e5iiBj9ZEa8R5u4Q9tDM7b2707012024-03-16T00:24:42.164ZReactTypescriptReact TypescriptReact js урокиTypescript урокиYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/28jvvSu6t5WcVnwYxhjMNbhttps://tube.vicstudio.net/lazy-static/thumbnails/6b971676-a685-479c-948c-bd4a5bca85e0.jpgReact & Node.js ИНТЕРНЕТ МАГАЗИН С НУЛЯ. PERN stack PostgreSQL + express + React js + node.jsВ этом курсе мы разработаем полноценный интернет магазин на стеке PERN. Это postgreSQL express React Node.js. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Ссылка на исходный код - https://github.com/utimur/online-store-full-course Ссылка на макет в Figma - https://www.figma.com/file/nutWUOANZdJ7gnBazQBLie/Untitled?node-id=1%3A157 Ссылка на диаграмму базы данных - https://clck.ru/T3MHn Таймкоды: 00:00 - Введение, теория, план на урок 04:20 - [BACKEND] - Начало 07:56 - [BACKEND] - Подключение к базе данных 11:30 - [BACKEND] - Строим диаграмму базы данных 16:50 - [BACKEND] - Модели данных и связи между ними 25:30 - [BACKEND] - Роутинг и эндпоинты 32:20 - [BACKEND] - Универсальная обработка ошибок. Первый middleware 37:20 - [BACKEND] - CRUD для типов, брэндов, устройств 46:20 - [BACKEND] - Раздача статики 47:10 - [BACKEND] - Получение устройств, фильтрация, пагинация - постраничный вывод 54:20 - [BACKEND] - Регистрация, авторизация, jwt токен, bcrypt 01:04:10 - [BACKEND] - Middleware, проверяющий авторизован ли пользователь 01:07:50 - [BACKEND] - Middleware, проверяющий роль пользователя 01:10:40 - [FRONTEND] - Начало, структура приложения 01:13:30 - [FRONTEND] - Навигация, роутинг, Switch, Route, Redirect, AppRouter 01:20:00 - [FRONTEND] - Mobx, глобальный стейт, UserStore 01:28:40 - [FRONTEND] - Страница регистрации, авторизации 01:33:20 - [FRONTEND] - Главная страница, список товаров, типов, брендов 01:45:20 - [FRONTEND] - Страница просмотра товара и его характеристик 01:51:30 - [FRONTEND] - Страница администратора, модальные окна 02:02:00 - [FRONTEND] - Взаимодействие с сервером. Настраиваем axios 02:24:00 - [FRONTEND] - Добавление устройств и характеристик 02:29:40 - [FRONTEND] - Постраничный вывод\pagination 02:39:40 - ВРЕМЯ СТАВИТЬ ЛАЙКИ Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бон...https://tube.vicstudio.net/static/streaming-playlists/hls/091ec065-b9f0-4fb7-a814-6e0cf91aebfa/0b5306ff-354a-4d78-81f1-99534e422936-master.m3u8https://tube.vicstudio.net/videos/embed/28jvvSu6t5WcVnwYxhjMNb9565042024-03-19T08:16:07.189Zreactexpressnodenode jsmobxYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/h1RbTtMqLEZZ2TWHpKsWDHhttps://tube.vicstudio.net/lazy-static/thumbnails/9303c7ca-58ce-4668-a234-ef1714727dd2.jpgCI CD наглядные примерыВ этом ролике мы рассмотрим cicd. Разберем теорию, которая связана с CI CD, а также на реальных примерах рассмотрим CI/CD pipeline. Ролик по cicd особенно будет полезен начинающим разработчикам, которые ранее с этой концепцией не сталкивались. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Исходный код тут (github) - https://t.me/ulbi_tv/79 Таймкоды: 00:00 ➝ Введение 01:00 ➝ Теория CI/CD 05:50 ➝ Рассматриваем реальный пример. Приступаем к практике. CI pipeline. Github actions 15:30 ➝ Настраиваем (CD) деплой приложения 21:40 ➝ Время ставить лайки и писать комментарии для продвижения ролика :) всем спасибо! Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/81b08814-cb4a-491d-a36d-5a847d648983/497baada-8f97-411d-973c-b5ce6f847b42-master.m3u8https://tube.vicstudio.net/videos/embed/h1RbTtMqLEZZ2TWHpKsWDH1327022024-03-22T13:46:24.209Zci cdci/cdcicdcontinius integrationcontinuous deliveryYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/u2MERbWGP6Jhn2JZFuQxCmhttps://tube.vicstudio.net/lazy-static/thumbnails/0ec3d133-785e-4c48-8bf4-aa20ede5c9a6.jpgНОВЫЙ REACT 18 ВЫШЕЛВ этом ролике мы посмотрим новые фичи React 18. Batching, useDeferredValue, useTransition и другое Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Таймкоды: 00:00 ➝ Введение 00:30 ➝ new Render API (Root). createRoot, hydrateRoot 04:10 ➝ Batching 07:20 ➝ Concurrent. useTransition, useDeferredValue 14:30 ➝ Смотрим исходный код реакта 17:30 ➝ Остатки нововведений Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/e2ffc571-5518-4973-a31a-26caceb74078/acae0565-6677-4bae-b364-3afe259dad50-master.m3u8https://tube.vicstudio.net/videos/embed/u2MERbWGP6Jhn2JZFuQxCm1255012024-03-22T19:55:15.017Zreactreact 18new reactnew react versionreact 18 новыйYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/7pGLbYbJPbrCzSK74Pm8Fhhttps://tube.vicstudio.net/lazy-static/thumbnails/bae26829-2d0f-4f3a-9c5e-f2250a81ef29.jpgСоздаем свой UI Framework. Webpack, StoryBook, публикуем в NPMРеализация простой UI библиотеки с конфигурацией Webpack, storybook и typescript. Итоговый результат публикуем в NPM. Аналог react bootsrap, react material ui, react ant design. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Телеграм канал - https://t.me/ulbi_tv Исходный код - https://github.com/utimur/ui-kit Таймкоды: 00:00 ➝ Введение 00:40 ➝ Начало разработки 02:30 ➝ Первый компонент 04:00 ➝ tsconfig 05:10 ➝ Конфигурация Webpack. 08:30 ➝ npm link Локальные пакеты 10:10 ➝ Настраиваем стили 15:10 ➝ Публикация в npm 19:30 ➝ Storybook 24:30 ➝ Время ставить лайки и писать комментарии! Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/33e60f1f-54d8-4e4b-8adc-6043d4ee83d2/a11a6f51-48ad-4683-ab99-db2a3fceb850-master.m3u8https://tube.vicstudio.net/videos/embed/7pGLbYbJPbrCzSK74Pm8Fh1498012024-03-22T20:07:55.651Zui kit reactui lib webpackwebpackwebpack reactreact typescriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/iLE86HqXEoSKGueMGXaTHfhttps://tube.vicstudio.net/lazy-static/thumbnails/f5d05579-4433-46be-8780-5cc71179c5bc.jpgReact JS ПРОДВИНУТЫЙ КУРСReact продвинутый КУРС в связке с TypeScript, Redux, Ant design. React redux typescript. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Ссылка на исходный код (git) здесь - https://t.me/ulbi_tv/28 Курс про Redux - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 Таймкоды: 00:00 ➝ Введение 02:05 ➝ Начало разработки. Создание проекта 04:20 ➝ Фундамент проекта. Роутинг. Управление состоянием. Файловая структура 08:00 ➝ Постраничная навигация 14:00 ➝ Layout приложения. Каркас. Ant Design 20:20 ➝ Первый Reducer. Работа с Redux. Типизация 27:20 ➝ Логика логина 47:35 ➝ useActions 51:30 ➝ Работа с календарем\событиями 01:04:30 ➝ API. Паттерн сервис\репозиторий 01:31:35➝ Ставим лайки и пишем комментарии :) Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/8fe793ac-dbc4-4d53-b1c9-ab5ba2374c1c/77582175-2b2f-4624-8c6c-96b41bfdef7c-master.m3u8https://tube.vicstudio.net/videos/embed/iLE86HqXEoSKGueMGXaTHf5506022024-03-22T21:10:33.017ZReactreact jsreact tsreact typescripttypescriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/monDffk5RPcngxzVqpUJ5Dhttps://tube.vicstudio.net/lazy-static/thumbnails/2b2d3f12-d4c8-454c-bce8-a53a5c599ca5.jpg1. Redux и React. Все о Redux. Понятная теория для всех. React + redux.В этом уроке я расскажу тебе про Redux Настолько понятно, насколько это вообще возможно. Наглядный пример Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/a516793d-c1b3-499e-8b83-279f807f5345/d5507730-1c83-4e87-a25a-0e7ee6e970fc-master.m3u8https://tube.vicstudio.net/videos/embed/monDffk5RPcngxzVqpUJ5D269012024-03-24T01:01:28.654ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/noxo3WCb8U9ePSkY9Nd7Bbhttps://tube.vicstudio.net/lazy-static/thumbnails/401dc166-13ea-4931-b94f-0c37014a633e.jpg2. Redux и React. State, reducer, action + redux hooks useDispatch и useSelectorВ этом уроке мы на практике разберем базовые понятия в Redux. А именно store, state, reducer, action с применением хуков useSelector и useState Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/ad359d10-06bd-485d-9b10-4dac53256810/b0d631c5-847e-4df9-ab14-0dacc5e9f28a-master.m3u8https://tube.vicstudio.net/videos/embed/noxo3WCb8U9ePSkY9Nd7Bb508032024-03-24T01:04:29.197ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/bCDKXHiBF34KcjhszZRB8khttps://tube.vicstudio.net/lazy-static/thumbnails/adac4c4b-75db-4534-aa7a-ca60bef9ed6a.jpg3. Redux и React. Combine Reducers, redux devtoolsВ этом уроке мы на практике разберем как объединять редюсеры с помощью combine reducers и подключим инструменты разработчики redux devtools Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 React drag and drop - https://www.youtube.com/playlist?list=PL6DxKON1uLOENy8yYgn0uLwB6p8eAW9NZ React компоненты - https://www.youtube.com/playlist?list=PL6DxKON1uLOGXDvAr_PFPwhdJLb6zYiKf React + Redux + Webpack https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX Анимации в React - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF Разработка fullstack MERN web приложения - Frontend - https://www.youtube.com/playlist?list=PL6DxKON1uLOHJHJjpO6nGTbNLiIpYs061 - Backend - https://www.youtube.com/playlist?list=PL6DxKON1uLOGf628-5e8BuLs9rDN-Ak-a - Fullstack - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Delnhttps://tube.vicstudio.net/static/streaming-playlists/hls/56196e75-4fe5-40e6-a58d-22c1bb76ffed/80eb6266-ff08-42e7-ba7d-7c885937b0e7-master.m3u8https://tube.vicstudio.net/videos/embed/bCDKXHiBF34KcjhszZRB8k310022024-03-24T01:17:04.483Zmobxmobx reactnodenodejspostgresYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/b1jp5DnhExQX4GjT5s8ELshttps://tube.vicstudio.net/lazy-static/thumbnails/8ee1e650-7ace-4d1a-ae68-1a6e61a2a4c5.jpg4. React и Redux.Action creators. Работа с массивами. РефакторингВ этом ролике мы научимся работать с массивами в redux, узнаем что такое actions creators и сделаем рефакторинг redux кода. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend ↓↓↓ПЛЭЙЛИСТЫ ↓↓↓ Собеседования - https://www.youtube.com/playlist?list=PL6DxKON1uLOG0carDseYltoAovmnjjhZk Paint online fullstack приложение canvas + websockets - https://www.youtube.com/playlist?list=PL6DxKON1uLOHDBf1GGutPwYzL0qVpkzP9 MobX & React - https://www.youtube.com/watch?v=jn-L1SFYdIc Наглядная теория - https://www.youtube.com/playlist?list=PL6DxKON1uLOEPJFENF2fZ8LbQcgl9dUk0 Полный курс по Redux - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 React drag and drop - https://www.youtube.com/playlist?list=PL6DxKON1uLOENy8yYgn0uLwB6p8eAW9NZ React компоненты - https://www.youtube.com/playlist?list=PL6DxKON1uLOGXDvAr_PFPwhdJLb6zYiKf React + Redux + Webpack https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX Анимации в React - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF Разработка fullstack MERN web приложения - Frontend - https://www.youtube.com/playlist?list=PL6DxKON1uLOHJHJjpO6nGTbNLiIpYs061 - Backend - https://www.youtube.com/playlist?list=PL6DxKON1uLOGf628-5e8BuLs9rDN-Ak-a - Fullstack - https://www.youtube.com/playlistlist=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/5106b987-cefb-4caf-b37d-7247c9c35c62/e20ff494-d17f-4e7f-a652-a00a90a80b3a-master.m3u8https://tube.vicstudio.net/videos/embed/b1jp5DnhExQX4GjT5s8ELs427032024-03-24T01:20:24.095Zmobxmobx reactnodenodejspostgresYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/i3wJPdbWs5uqgjBh8CvATVhttps://tube.vicstudio.net/lazy-static/thumbnails/e89a48de-0fe5-4634-8dc3-f2cef15dcc37.jpg5. React и Redux.Action creators. Redux thunk и асинхронные действияВ этом ролике мы рассмотрим как работать с асинхронными действиями на примере redux thunk Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend ↓↓↓ПЛЭЙЛИСТЫ ↓↓↓ Собеседования - https://www.youtube.com/playlist?list=PL6DxKON1uLOG0carDseYltoAovmnjjhZk Paint online fullstack приложение canvas + websockets - https://www.youtube.com/playlist?list=PL6DxKON1uLOHDBf1GGutPwYzL0qVpkzP9 MobX & React - https://www.youtube.com/watch?v=jn-L1SFYdIc Наглядная теория - https://www.youtube.com/playlist?list=PL6DxKON1uLOEPJFENF2fZ8LbQcgl9dUk0 Полный курс по Redux - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 React drag and drop - https://www.youtube.com/playlist?list=PL6DxKON1uLOENy8yYgn0uLwB6p8eAW9NZ React компоненты - https://www.youtube.com/playlist?list=PL6DxKON1uLOGXDvAr_PFPwhdJLb6zYiKf React + Redux + Webpack https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX Анимации в React - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF Разработка fullstack MERN web приложения - Frontend - https://www.youtube.com/playlist?list=PL6DxKON1uLOHJHJjpO6nGTbNLiIpYs061 - Backend - https://www.youtube.com/playlist?list=PL6DxKON1uLOGf628-5e8BuLs9rDN-Ak-a - Fullstack - https://www.youtube.com/playlistlist=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/8a05c9af-4fac-473c-beca-da22a1c1da33/8189b945-7cfb-451e-9f35-0bcb09dddfa3-master.m3u8https://tube.vicstudio.net/videos/embed/i3wJPdbWs5uqgjBh8CvATV241022024-03-24T01:34:31.044Zmobxmobx reactnodenodejspostgresYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/jsdpXjrTgR3Z2y3qitWTXshttps://tube.vicstudio.net/lazy-static/thumbnails/d98b6a25-32ca-4cc2-8382-03b804f3c591.jpg6. Redux и React. Redux saga асинхронные actionsВ этом ролике мы рассмотрим как работать с асинхронными действиями на примере redux saga Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Исходный код урока - https://github.com/utimur/redux-saga ↓↓↓ПЛЭЙЛИСТЫ ↓↓↓ Собеседования - https://www.youtube.com/playlist?list=PL6DxKON1uLOG0carDseYltoAovmnjjhZk Paint online fullstack приложение canvas + websockets - https://www.youtube.com/playlist?list=PL6DxKON1uLOHDBf1GGutPwYzL0qVpkzP9 MobX & React - https://www.youtube.com/watch?v=jn-L1SFYdIc Наглядная теория - https://www.youtube.com/playlist?list=PL6DxKON1uLOEPJFENF2fZ8LbQcgl9dUk0 Полный курс по Redux - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 React drag and drop - https://www.youtube.com/playlist?list=PL6DxKON1uLOENy8yYgn0uLwB6p8eAW9NZ React компоненты - https://www.youtube.com/playlist?list=PL6DxKON1uLOGXDvAr_PFPwhdJLb6zYiKf React + Redux + Webpack https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX Анимации в React - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF Разработка fullstack MERN web приложения - Frontend - https://www.youtube.com/playlist?list=PL6DxKON1uLOHJHJjpO6nGTbNLiIpYs061 - Backend - https://www.youtube.com/playlist?list=PL6DxKON1uLOGf628-5e8BuLs9rDN-Ak-a - Fullstack - https://www.youtube.com/playlistlist=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/956d7bd2-78ca-4fe0-9f3e-2a8df027487c/a8b3f3a1-fe34-4755-a507-5c3d79f9eed8-master.m3u8https://tube.vicstudio.net/videos/embed/jsdpXjrTgR3Z2y3qitWTXs830012024-03-24T01:37:22.581Zmobxmobx reactnodenodejspostgresYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/hWEcBmot8qdxtsobAYNFkdhttps://tube.vicstudio.net/lazy-static/thumbnails/11bb71bf-c849-4d7f-a803-a7d52bb15813.jpgПродвинутый Redux. Redux Toolkit, RTK query, TypeScript.В этом ролике мы на более продвинутом уровне рассмотрим связку React Redux. Будем использовать Redux toolkit & TypeScript & RTK query Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Исходный код тут - https://t.me/ulbi_tv/34 Плейлист по Redux - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 Redux Toolkit - https://www.youtube.com/playlist?list=PL6DxKON1uLOEmw7Jkl_0Ac6wJ-jOjpKrQ Таймкоды: 00:00 ➝ Введение. 00:55 ➝ Начало разработки. Конфигурация store. 03:40 ➝ Кастомные хуки для redux. 05:00 ➝ Redux toolkit slice. 13:00 ➝ Обработка стандартного сценария. 20:00 ➝ Начало работы с RTK query. Запросы на получение данных (query) 33:00 ➝ json-server. 34:05 ➝ Мутации. 42:30 ➝ Итоги, лайки, комментарии!) Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/8933ec7f-f226-46bb-b746-13e1d29cac46/e75b42ed-4d40-4614-9f24-7d25b81a9165-master.m3u8https://tube.vicstudio.net/videos/embed/hWEcBmot8qdxtsobAYNFkd2593002024-03-24T02:09:21.826Zreduxreactredux reactredux typescriptredux react typescriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/dN5PB8qDutuc3j4jrN9Fgbhttps://tube.vicstudio.net/lazy-static/thumbnails/a0a40790-d1be-4078-899d-102addab695f.jpg1. Redux Toolkit. Сделай redux код проще!И так в этом видео мы разберемся с Redux Toolkit. Это некоторая надстройка над Redux, от разработчиков самого Redux. Если кратко пересказать документацию, то Redux Toolkit сокращает количество кода, которое пишет разработчик, помогает сократить количество рутинных действий, по типу создания action creator'ов и сосредоточиться именно на логике работы с состоянием. Также по умолчанию в Toolkit встроены инструменты разработчика и redux-thunk. Документация Toolkit - https://redux-toolkit.js.org/ Анимации в React - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF React\Redux\Webpack практический курс - https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/679cd927-45e9-4fae-8ec6-aa295eb2fcac/9352f782-87fe-4bbe-aeb8-79d506c2f898-master.m3u8https://tube.vicstudio.net/videos/embed/dN5PB8qDutuc3j4jrN9Fgb377012024-03-25T08:00:08.788ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/hkasUL9wALH5RMaTmVEjq2https://tube.vicstudio.net/lazy-static/thumbnails/544c7fc6-171c-4ca5-b7e8-6e88c05a022b.jpg2. Redux Toolkit. CreateSlice. Сделай redux код проще!И так в этом видео мы разберемся с Redux Toolkit. Это некоторая надстройка над Redux, от разработчиков самого Redux. Если кратко пересказать документацию, то Redux Toolkit сокращает количество кода, которое пишет разработчик, помогает сократить количество рутинных действий, по типу создания action creator'ов и сосредоточиться именно на логике работы с состоянием. Также по умолчанию в Toolkit встроены инструменты разработчика и redux-thunk. Документация Toolkit - https://redux-toolkit.js.org/ Анимации в React - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF React\Redux\Webpack практический курс - https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/843f2ebc-67fa-4c1f-8da7-660f780cd4f9/420238d8-06c2-425f-b13e-8ff0c030fc93-master.m3u8https://tube.vicstudio.net/videos/embed/hkasUL9wALH5RMaTmVEjq2222012024-03-25T08:04:00.001ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/tbv7k7Ub7m2i82yCSkJyoGhttps://tube.vicstudio.net/lazy-static/thumbnails/7756b006-ffd9-4e32-9819-0ca283b6ca87.jpgПродвинутый Redux. Redux Toolkit, RTK query, TypeScript.В этом ролике мы на более продвинутом уровне рассмотрим связку React Redux. Будем использовать Redux toolkit & TypeScript & RTK query Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Исходный код тут - https://t.me/ulbi_tv/34 Плейлист по Redux - https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 Redux Toolkit - https://www.youtube.com/playlist?list=PL6DxKON1uLOEmw7Jkl_0Ac6wJ-jOjpKrQ Таймкоды: 00:00 ➝ Введение. 00:55 ➝ Начало разработки. Конфигурация store. 03:40 ➝ Кастомные хуки для redux. 05:00 ➝ Redux toolkit slice. 13:00 ➝ Обработка стандартного сценария. 20:00 ➝ Начало работы с RTK query. Запросы на получение данных (query) 33:00 ➝ json-server. 34:05 ➝ Мутации. 42:30 ➝ Итоги, лайки, комментарии!) Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/dc1e1ee3-8a5b-4005-920e-9964316139a4/67107008-4421-47d8-9654-eb4456756be1-master.m3u8https://tube.vicstudio.net/videos/embed/tbv7k7Ub7m2i82yCSkJyoG2593012024-03-25T08:28:56.844Zreduxreactredux reactredux typescriptredux react typescriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/wycAJawx6YiCRhi3EyyeLYhttps://tube.vicstudio.net/lazy-static/thumbnails/50400847-4eb2-4ea9-a5e5-7c23766e8cfe.jpgДеплой Frontend приложения. Настройка nginx. Подключаем домен, настраиваем HTTPS, gzip, dockerВ этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера. Текстовая версия видео (Статья с инструкцией): https://slc.tl/7njx9 Гибкие облачные серверы от 10 рублей в день: https://slc.tl/we3op Ссылка на исходный код - https://github.com/utimur/vite-boilerplate Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Ссылка на мой телеграм канал - https://t.me/ulbi_tv Таймкоды: 00:00 ➝ Введение 00:40 ➝ План урока и обзор проекта 03:00 ➝ Аренда облачного сервера 04:40 ➝ Подключаемся по SSH 06:00 ➝ Настраиваем окружение. Устанавливаем git, nodejs, npm 09:10 ➝ Устанавливаем и настраиваем nginx. Делаем деплой приложения 18:20 ➝ Сжатие бандла. Настраиваем gzip nginx 21:15 ➝ Регистрируем и подключаем домен 25:20 ➝ Настраиваем сертификаты. HTTPS 29:40 ➝ Обновляем приложение на облачном сервере 32:40 ➝ Сохраняем nginx конфиг и смотрим на docker конфигурацию 35:10 ➝ Не забудь поставить лайк и написать комментарий для продвижения видео, всем спасибо за поддержку!) Поддержать меня и мой канал вы можете по ссылкам ниже. Ссылка на мой телеграм канал - https://t.me/ulbi_tv Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/f7711bc1-4320-4a23-a253-169ecc7ab2c4/a3b294bb-944c-4a33-a119-a3d7a126e965-master.m3u8https://tube.vicstudio.net/videos/embed/wycAJawx6YiCRhi3EyyeLY2142002024-03-26T20:30:43.920Zdeploy reactdeploy frontendдеплой фронтенд приложенияdeploy react appfrontend nginxYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/9uUWRXZVKeTyqfrBVFAi7ihttps://tube.vicstudio.net/lazy-static/thumbnails/1dece34e-fda8-46f4-b9a4-ca5170d6345b.jpgMVC, MVVM Архитектура. Наглядная теория и примерыВ этом ролике мы поговорим про архитектурные паттерны MVC и MVVM. Обсудим зачем нужна MVC архитектура, какие проблемы она решаем. На примерах рассмотрим MVC. MVC node, MVC javascript. Ссылки на исходный код здесь - https://t.me/ulbi_tv/112 Плейлист с роликами по архитектуре - https://youtube.com/playlist?list=PL6DxKON1uLOFP5_VPhy6BCE7DA0jdzWO5 SOLID принципы - https://youtu.be/TxZwqVTaCmA ООП - https://youtu.be/-6DWwR_R4Xk Таймкоды: 00:00 ➝ Введение. Теория 10:00 ➝ Пример MVC с клиент серверным приложением 22:25 ➝ Пример MVC frontend 33:30 ➝ MVC итоги 34:05 ➝ MVVM архитектура Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/44d2905b-e869-4e37-bc09-47496e3c98f1/e17f81d4-014b-4fcb-a08e-d59251cc851c-master.m3u8https://tube.vicstudio.net/videos/embed/9uUWRXZVKeTyqfrBVFAi7i2230022024-03-27T03:41:23.156ZMVCmvc architecturemvc архитектураmvvmmvvm архитектураYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/xvD6ehkL72FqyUTMmZYGp9https://tube.vicstudio.net/lazy-static/thumbnails/e569634d-8250-4a99-bfb1-d2e381cc0d91.jpgТестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot)В этом ролике мы научимся тестировать JS приложения. Ознакомимся с JEST и научимся писать UNIT тесты. С помощью React testing library и jest научимся писать интеграционные тесты на react приложения в связке с react router dom и redux. Используя WebdriverIO научимся писать e2e тесты в реакт приложении. Также с помощью storybook и loki js научимся делать регрессионное тестирование UI части приложения. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Весь исходный код из ролика здесь - https://t.me/ulbi_tv/64 Таймкоды: 00:00 ➝ Введение. Теория. Пирамида тестирования. Квадрат допустимых значений 12:00 ➝ Практика. unit тесты с JEST 27:40 ➝ Юнит тестирование асинхронных функций. Мокаем данные. Snapshots 37:00 ➝ Тестирование React приложений. React Testing library 42:50 ➝ findBy, getBy, queryBy. Пример с useEffect. Асинхронный код 49:00 ➝ Тестирование событий. onClick, onChange, onInput. FireEvent, userEvent 54:40 ➝ Тестирование компонента с асинхронной загрузкой данных с сервера 58:40 ➝ Интеграционное тестирование в связке с react router dom v6 01:07:20 ➝ Хелпер для удобного тестирования роутинга 01:12:10 ➝ Интеграционное тестирование в связке с Redux toolkit 01:16:00 ➝ Тестируем селектор 01:22:00 ➝ Хелпер для удобного тестирования компонентов, в которых используется Redux 01:25:00 ➝ e2e тесты с WebdriverIO 01:33:00 ➝ PageObject паттерн 01:38:15 ➝ Пример е2е теста с асинхронным кодом 01:44:45 ➝ Скриншотные тесты storybook и loki js 01:53:00 ➝ Ставим лайки и пишем комменты, всем спасибо) Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/ff2eb9b4-764d-4412-a739-9bedcfd5f16e/5d46b4a0-5052-4517-b7d0-ad895ebfbc0a-master.m3u8https://tube.vicstudio.net/videos/embed/xvD6ehkL72FqyUTMmZYGp96846042024-03-27T04:04:22.019ZТестирование jsjavascript тестыjs тестыjest jsjest unitYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/vCkbJ3PNbYh6UFMeDP34rahttps://tube.vicstudio.net/lazy-static/thumbnails/a70478da-b331-4de3-a094-27acea049be4.jpgКОД РЕВЬЮ ПРОЕКТОВ ПОДПИСЧИКОВ. 3 проекта за 40 минутСмотрим web проекты подписчиков. Находим слабые места. Проводим код ревью. Если понравилось, не забудь лайк и комментарий! Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend ИСХОДНИКИ ИЗ РОЛИКА ТУТ - https://t.me/ulbi_tv/62 Дополнения к текущему ролику: Как быстрее стать web разработчиком? - https://youtu.be/2vlhkmLohmk Что должен знать junior frontend? - https://youtu.be/o-jURY9hUWY Что должен знать junior backend? -https://youtu.be/VR9EPKz8aXk Таймкоды: 00:00 ➝ Введение 00:45 ➝ Первый проект (Сборник книг в текстовом и аудио формате) 20:30 ➝ Второй проект (дипломная работа) 35:33 ➝ Третий проект (Видео-игры) 46:35 ➝ Время ставить лайки и писать комментарии, спасибо! Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/efeb9eb7-2ed2-4781-a10c-8edf1751543f/44f75d64-e60c-48e1-9050-6c31fda67416-master.m3u8https://tube.vicstudio.net/videos/embed/vCkbJ3PNbYh6UFMeDP34ra2834032024-03-27T05:19:17.293Zjavascriptwebreduxreactnode jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/jQ8J4PBYvifxBNDMvekEQThttps://tube.vicstudio.net/lazy-static/thumbnails/1d35a330-6c36-41f0-b35f-90a77a98b04a.jpgSOLID ПРИНЦИПЫ простым языком (много примеров)SOLID принципы с подробным и простым, наглядным объяснением. Single responsibility (Принцип единственной ответственности), open–closed (Принцип открытости/закрытости), Liskov substitution (Принцип подстановки Лисков), interface segregation (Принцип разделения интерфейса) и dependency inversion (Принцип инверсии зависимостей). Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Исходный код c примерами здесь - https://t.me/ulbi_tv/49 Курс по ООП здесь - https://youtu.be/-6DWwR_R4Xk Курс по структурам и алгоритмам - https://youtu.be/NErrGZ64OdE Таймкоды: 00:00 ➝ Введение 06:16 ➝ SPR 16:00 ➝ OCP 22:00 ➝ LSP 28:21 ➝ ISP 36:35 ➝ DIP 43:40 ➝ SOLID итоги 45:15 ➝ Время ставить лайки и писать комментарии, спасибо! Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/987cf52c-698f-4ccd-ada7-1034ccce2213/0063a1bf-b688-4352-8d73-dc4a6aec3e11-master.m3u8https://tube.vicstudio.net/videos/embed/jQ8J4PBYvifxBNDMvekEQT2736002024-03-27T05:56:24.060Zsolidsolid jssolid javasolid javascriptsolid typescriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/u1aMnrpgGwq1aJoDfCzRCuhttps://tube.vicstudio.net/lazy-static/thumbnails/6bb62279-8ddb-4f0c-a63d-1b22ed4ae3d3.jpgООП на простых примерах. Объектно-ориентированное программированиеООП простым языком. Основные концепции объектно ориентированного программирования. Объекты, классы, инкапсуляция, полиморфизм, наследование, композиция, агрегация, интерфейсы, паттерны, solid, dependency injection. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Таймкоды: 00:00 ➝ Введение . 00:55 ➝ Отличие процедурного подхода от объектно-ориентированного. 02:10 ➝ Классы. Объекты. Свойства. Методы. Конструктор. 04:40 ➝ Инкапсуляция и сокрытие. Модификаторы доступа. 11:50 ➝ Наследование. 16:40 ➝ Полиморфизм. Параметрический и ad-hoc 23:00 ➝ Агрегация и композиция. 26:35 ➝ Интерфейсы и абстрактные классы. 32:30 ➝ Внедрение зависимостей. Dependency injection 37:10 ➝ Паттерн singleton 39:00 ➝ Время ставить лайки и писать комментарии :) Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/e2c5e937-0a73-4890-b599-00983aa1d290/3d932625-0376-4494-ac27-7ed8680c63cd-master.m3u8https://tube.vicstudio.net/videos/embed/u1aMnrpgGwq1aJoDfCzRCu2393002024-03-27T07:52:58.057ZООПоопооп парадигмаооп подходОбъектыYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/b2dSWETt1NdUwfrHGNXt3nhttps://tube.vicstudio.net/lazy-static/thumbnails/fb1fc12c-db9a-4937-9f63-8a7fe6050992.jpgКак БЫСТРО изучить АЛГОРИТМЫ и научиться решать задачи? Книги, сайты, инструментыАлгоритмы и структуры данных. Быстрый путь. Книги, сайты и инструменты, которые позволят быстро прокачать алгоритмы. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Плагин Quokka - https://quokkajs.com/ Скидка 20% - https://wallabyjs.com/store/personal/?discount=Special_ULBITV20_FTG68FT&referrer=UlbiTV#select-quokka Решение задач CodeWars - https://www.codewars.com/ LeetCode - https://leetcode.com/ Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/51271121-7815-4a9b-ae66-6b3b89c6cc8d/52f42379-4918-4247-8611-92b6a1526a7b-master.m3u8https://tube.vicstudio.net/videos/embed/b2dSWETt1NdUwfrHGNXt3n678012024-03-27T08:17:00.622Zquokkacodewarscodewars jsleetcode jsleetcodeYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/bYFfmj1uV3C9iLq1Ut2WCRhttps://tube.vicstudio.net/lazy-static/thumbnails/bba4458e-e044-4819-b29d-db4065876f0e.jpg1. Анимации в React - Постановка проблемы - React Transition GroupПриветствую всех в новом небольшом практическом курсе про анимации в React. В частности рассмотрим React-transition-group, обговорим для чего он нужен и какие проблемы решает. Библиотека включает в себя несколько компонентов и мы рассмотрим каждый из них. Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF React\Redux\Webpack практический курс - https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/58e5398c-7d19-48bb-b3fc-74537922af49/1533523a-1367-4713-9b7a-21024e08bde7-master.m3u8https://tube.vicstudio.net/videos/embed/bYFfmj1uV3C9iLq1Ut2WCR257002024-03-29T10:17:49.029ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/pGueNnveruJna5pJoz7wnShttps://tube.vicstudio.net/lazy-static/thumbnails/12982fcd-6fe1-426f-b9f5-43c3e1bc4f63.jpg2. Анимации в React - Transition - React Transition GroupПриветствую всех в новом небольшом практическом курсе про анимации в React. В этот видео мы разберем компонент Transition из библиотеки react transition group Библиотека включает в себя несколько компонентов и мы рассмотрим каждый из них. React transition group документация - https://reactcommunity.org/react-transition-group/ Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF React\Redux\Webpack практический курс - https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/bfe9579b-9449-4132-9716-ea3e907ee0ec/08587af0-b2bf-48c5-9b0f-bd5f47fcbc17-master.m3u8https://tube.vicstudio.net/videos/embed/pGueNnveruJna5pJoz7wnS271002024-03-29T10:20:24.039ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/pDSRrdcEL2DqzFFcs5MCdNhttps://tube.vicstudio.net/lazy-static/thumbnails/9e5120e9-eecf-49ca-bb33-ec472fe31296.jpg3. Анимации в React - CSSTransition - React Transition GroupПриветствую всех в новом небольшом практическом курсе про анимации в React. В этот видео мы разберем компонент CSSTransition из библиотеки react transition group Библиотека включает в себя несколько компонентов и мы рассмотрим каждый из них. React transition group документация - https://reactcommunity.org/react-transition-group/ Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF React\Redux\Webpack практический курс - https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469 Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/bf8c0c2a-b295-49b5-8538-dc180b7b92be/a865a1c1-533e-4df7-b94c-e9fbee8ef18d-master.m3u8https://tube.vicstudio.net/videos/embed/pDSRrdcEL2DqzFFcs5MCdN187002024-03-29T10:27:19.983ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/pfT9XTAnRjqxkPcCmvfLY1https://tube.vicstudio.net/lazy-static/thumbnails/f7e0ca18-8840-46c3-94cc-c0c288066467.jpg4. Анимации в React - SwitchTransition - React Transition GroupПриветствую всех в новом небольшом практическом курсе про анимации в React. В этот видео мы разберем компонент SwitchTranstion из библиотеки react transition group Библиотека включает в себя несколько компонентов и мы рассмотрим каждый из них. React transition group документация - https://reactcommunity.org/react-transition-group/ Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF React\Redux\Webpack практический курс - https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Delnhttps://tube.vicstudio.net/static/streaming-playlists/hls/bc562087-8b53-4ec3-a52f-19d8b0e9b5e0/beb4203f-2fec-4a5b-a9d2-f7f24c34ec74-master.m3u8https://tube.vicstudio.net/videos/embed/pfT9XTAnRjqxkPcCmvfLY1278002024-03-29T10:29:19.311ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/7mKJwW44zmMEvhZjPaeWRxhttps://tube.vicstudio.net/lazy-static/thumbnails/760769c3-36f2-42f3-91f5-648edf30f6cd.jpg5. Анимации в React - Анимация списков\групп - React Transition GroupПриветствую всех в новом небольшом практическом курсе про анимации в React. В этот видео мы разберем компонент TransitionGroup из библиотеки react transition group Библиотека включает в себя несколько компонентов и мы рассмотрим каждый из них. React transition group документация - https://reactcommunity.org/react-transition-group/ Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF React\Redux\Webpack практический курс - https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - https://www.qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/337ca8b3-2c1e-436a-ae35-faf1dae67bc9/fc5a53b8-900c-4e1a-8f9c-5f613d724edb-master.m3u8https://tube.vicstudio.net/videos/embed/7mKJwW44zmMEvhZjPaeWRx223002024-03-29T10:36:01.527ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/7nUFSBELWxFywLWMGDRHihhttps://tube.vicstudio.net/lazy-static/thumbnails/c530ffd0-c59c-4e3a-bc1e-80ed4585ad7e.jpg6. Анимации в React - Анимация смены страниц - React Transition GroupПриветствую всех в новом небольшом практическом курсе про анимации в React. Библиотека включает в себя несколько компонентов и мы рассмотрим каждый из них. В этот видео мы разберем, как можно анимировать смену страниц. React transition group документация - https://reactcommunity.org/react-transition-group/ Ссылка на этот плейлист - https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF React\Redux\Webpack практический курс - https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - https://www.youtube.com/playlist?list=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Delnhttps://tube.vicstudio.net/static/streaming-playlists/hls/33a5ebc2-1e06-42e7-ad6e-ea1a64df54e6/c926c779-74ec-47d4-9be2-9bfc2f4f6061-master.m3u8https://tube.vicstudio.net/videos/embed/7nUFSBELWxFywLWMGDRHih214002024-03-29T10:38:18.210ZReactReduxFrontendwebjavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/sbxHRRgHCZt4Tq1hSRvieshttps://tube.vicstudio.net/lazy-static/thumbnails/b4c64ca2-3517-48d4-9706-3ba5a43c601e.jpgБЫСТРЫЙ FRONTEND. Оптимизация. Как писать JAVASCRIPT эффективно?В этом ролике мы поговорим о том, как делать быстрые оптимизированные проекты на Javascript и с примерами на React. Поговорим про Webpack, redux, различные подходы и способы по улучшению производительности frontend проекта. Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Исходный код здесь - https://t.me/ulbi_tv/39 Домашнее задание здесь - https://www.patreon.com/posts/58926560 Таймкоды: 00:00 ➝ Введение 00:30 ➝ Метрики, профайлинг 04:40➝ Подходы 35:00➝ Время ставить лайки и писать комменты :) Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469https://tube.vicstudio.net/static/streaming-playlists/hls/d4069791-5315-48db-8ade-0b1602889048/046c6475-5d35-4773-9019-e62d266b2575-master.m3u8https://tube.vicstudio.net/videos/embed/sbxHRRgHCZt4Tq1hSRvies2113012024-04-07T16:11:52.936Zjavascriptjavascript оптимизацияreact оптимизацияjs оптимизациябыстрый jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/g47JwCrYtfeEaXF5FATBRrhttps://tube.vicstudio.net/lazy-static/thumbnails/a26110f8-5b6c-48a6-9125-4af674788d50.jpgСтрелочные функции. Фундаментальный JavaScriptВ современном JavaScript есть возможность выбирать синтаксис по написанию функцию. Старые подходы остаются актуальными, но появившиеся в 2015-м стрелочные функции стали лаконичным решением, вместе с тем решившим набившую оскомину проблему потери контекста. 00:57 Базовый пример, es5 синтаксис 02:11 Базовый пример, стрелочная функция 03:06 Сокращенная запись 04:40 Параметры по умолчанию es6 06:04 Пример с одним параметром 07:45 Пример без параметров 08:40 Передача функции как параметра 11:25 Нюанс использования контекста #стрелочныеФункции #js #es6 __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/https://tube.vicstudio.net/static/streaming-playlists/hls/79e875f1-9ec0-42f6-9da9-e009a7dfe817/902ee892-e1ab-42b4-9421-a7500604fec4-master.m3u8https://tube.vicstudio.net/videos/embed/g47JwCrYtfeEaXF5FATBRr985002024-04-13T12:27:21.934Zстрелочные функцииjs стрелочные функцииjavascript стрелочные функцииYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/oFUPcFsHGnewEW65T9fPmZhttps://tube.vicstudio.net/lazy-static/thumbnails/1f3d78aa-bc02-4540-8f93-a13826012a89.jpgОператор многоточие (он же spread, он же rest). Фундаментальный JavaScriptОператор распространения (spread) или он же оператор остатка (rest) появился в стандарте ECMAScript в 2015-м году. Он упростил ряд типовых действий по работе с массивами, параметрами функций и стал крайне полезен при процессе деструктуризации объектов и массивов. 00:00 Введение 00:55 Извлечение значений массива 03:15 Использование с Math.max 05:28 Извлечение свойств объекта 08:38 Остаток параметров функции #spread #rest #javascript #js __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/https://tube.vicstudio.net/static/streaming-playlists/hls/b7bb9aef-c20a-4703-a552-9952efbf036d/e24aa3d1-4fef-49a7-9c1d-012d6fca9775-master.m3u8https://tube.vicstudio.net/videos/embed/oFUPcFsHGnewEW65T9fPmZ733012024-04-13T12:39:29.562Zjavascript spread operatorjavascript spread syntaxspread rest operatorYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/vLgeGy4JUj1AdDV31A4zzghttps://tube.vicstudio.net/lazy-static/thumbnails/4878e4d1-175b-47b9-89b4-aa8705a9e593.jpgДеструктуризация массивов. Фундаментальный JavaScriptРабота со структурами данных часто подразумевает изъятие конкретных значений и сохранение их в новые переменные. Стандарт ECMAScript2015 открыл более удобный путь к решению данной задачи. Деструктуризация позволяет разбирать объекты и массивы на лету, как частично, так и складируя "остатки" в отдельные сущности. В этом видео разберем как в JavaScript сделать деструктуризацию массивов. В дальнейшем поговорим и об объектах. __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/https://tube.vicstudio.net/static/streaming-playlists/hls/f10722fb-f6ad-4d0d-ad33-dc5dd7e1a1c5/9a35c1ea-22b2-4ced-82e7-71e658e68e87-master.m3u8https://tube.vicstudio.net/videos/embed/vLgeGy4JUj1AdDV31A4zzg919022024-04-13T13:07:40.312Zjavascript деструктуризациядеструктуризация массивовYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/cpbFk6UiGavYY33guFWcT4https://tube.vicstudio.net/lazy-static/thumbnails/a86ea98d-0147-4db6-9864-207ad5b5d56b.jpgДеструктуризация объектов. Фундаментальный JavaScriptИзвлекать значения из объектов приходится чаще, чем из массивов, и процедура эта несколько более замысловатая. Разбираемся со всеми нюансами деструктуризации объектов, включая переименование переменных и получение вложенных структур. #деструктуризация #javascript __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/https://tube.vicstudio.net/static/streaming-playlists/hls/5c51366b-81ec-4bf7-9dd1-61ff41d6583d/f5687d9d-087e-48a4-9ff9-7ca12b5f39e2-master.m3u8https://tube.vicstudio.net/videos/embed/cpbFk6UiGavYY33guFWcT4927022024-04-13T13:20:00.470Zjavascript деструктуризациядеструктуризация объектовYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/7yEQSqPkFvUuhXSxvwHxsUhttps://tube.vicstudio.net/lazy-static/thumbnails/40c58d8b-f7e8-431c-b96e-ce8720e1e471.jpgКолбэки и функции высшего порядка. Фундаментальный JavaScriptЧто такое функция высшего порядка и что такое колбэк, он же функция обратного вызова. Разбираемся на простых примерах и пытаемся ухватить саму идею. Колбэки - это функции, которые передаются другим функциям или методам в качестве аргумента. Функции высшего порядка - это функции, которые либо принимают другую функцию в качестве аргумента, либо возвращают новую функцию в результате вызова. _ _ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/https://tube.vicstudio.net/static/streaming-playlists/hls/352691f7-dc74-490f-92dd-f9ee37dfae9c/612e5f2a-47f9-4421-bdfc-a27bcdb18a90-master.m3u8https://tube.vicstudio.net/videos/embed/7yEQSqPkFvUuhXSxvwHxsU844012024-04-13T13:48:02.176Zjs функции высшего порядкаjavascript колбэкиколбэк jsjs колбекиjs функцииYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/2EJ6ibZH1SBF4TpKewsxvGhttps://tube.vicstudio.net/lazy-static/thumbnails/ba68c428-6915-4a6a-9236-aaad6e19cd7a.jpgПоиск по массиву и другие методы. Фундаментальный JavaScriptРаботая с массивами, часто приходится либо искать конкретный элемент, простой или сложный, либо просто проверять его наличие - есть он или нет. И здесь на помощь приходит подборка методов - легаси и более современные. Изучаем методы массивов - indexOf, includes, find, findIndex и смотрим примеры. 00:00 Введение 00:30 indexOf() 02:24 includes() 04:30 find() 07:44 findIndex() #js #arrays #es6 _ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/https://tube.vicstudio.net/static/streaming-playlists/hls/0d815774-1e81-4414-ab17-746de8889a66/d8be10bc-ff52-4cbe-b53c-b0d3faea7a64-master.m3u8https://tube.vicstudio.net/videos/embed/2EJ6ibZH1SBF4TpKewsxvG546022024-04-13T13:59:32.538Zjs массивыjavascript массивы методыjavascript массивыметоды массивов jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/kt4BWVUHfTaCr5WAbZe2XGhttps://tube.vicstudio.net/lazy-static/thumbnails/ffd8af56-8719-4741-9885-ce13dc370317.jpgФильтрация массивов и другие методы. Фундаментальный JavaScriptФильтрация, преобразование массива или сбор информации о содержимом - ежедневные задачи в современной frontend-разработке. Поэтому трио методов map, filter и reduce становятся незаменимым помощниками. Легаси метод forEach также может оказаться полезным в ряде ситуаций, но чем отличается от своих более распространённых собратьев? Разбираемся и смотрим примеры. 00:15 forEach() 04:04 map() 07:17 filter() 10:05 reduce() #javascipt #arrays __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/https://tube.vicstudio.net/static/streaming-playlists/hls/9da4f274-eb8f-460d-846f-3c44796a901a/c12bc9bb-5f21-49fe-addf-5b250516d035-master.m3u8https://tube.vicstudio.net/videos/embed/kt4BWVUHfTaCr5WAbZe2XG1021012024-04-13T14:31:48.239Zfilter jsmap jsreduce jsфильтрация jsforeach jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/6PhjAmzM72G82S7c43Bup9https://tube.vicstudio.net/lazy-static/thumbnails/31573b42-3c41-4c91-98b4-a909ddd99a1b.jpgЧто такое рекурсия. Фундаментальный JavaScriptКогда функции вызывают сами себя - этот процесс называется рекурсией. И если дальше примера с факториалом вы не продвинулись, то будет полезно визуализировать этот процесс на уровне происходящего в памяти и самом JavaScript. Смотрим на простых примерах. И выполняем задание из урока самостоятельно :-) #javascript #рекурсия __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Поддержка канала: https://www.patreon.com/mishanep https://www.tinkoff.ru/rm/nepomnyaschiy.mikhail1/dihf419741 https://paypal.me/mishanephttps://tube.vicstudio.net/static/streaming-playlists/hls/2f17b559-18c1-4312-93c0-2059ed5c7f66/e3cdbede-4a0d-4bd3-bb30-703c52c517c9-master.m3u8https://tube.vicstudio.net/videos/embed/6PhjAmzM72G82S7c43Bup91231012024-04-13T14:45:31.530Zjavascriptстек вызова jsрекурсиярекурсия javascript примерыjavascript рекурсияYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/tBuq9cYoDNw69XmVV52V67https://tube.vicstudio.net/lazy-static/thumbnails/0daf0eeb-3eb8-4f00-ba19-1229dc8cc6da.jpgЗамыкания в JavaScript с примерами. Фундаментальный JavaScriptИсторически тема замыканий (closure) одна из самых труднопонимаемых в JavaScript. Поэтому в этом видео мы разберем ее максимально подробно - порисуем и разберем несколько примеров. По сути, когда речь идет о замыкании, это значит, что какая-то функция в результате своей работы возвращает (через оператор return) новую функцию, которая в свою очередь "запоминает" всю информацию об окружавших её переменных. Давайте разбираться! #javascript #замыкание __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Поддержка канала: https://www.patreon.com/mishanep https://www.tinkoff.ru/rm/nepomnyaschiy.mikhail1/dihf419741 https://paypal.me/mishanephttps://tube.vicstudio.net/static/streaming-playlists/hls/df9b49b3-80ce-4411-8198-b6d97b188a64/e72f2da0-0790-463e-9b5a-a64306a9cf85-master.m3u8https://tube.vicstudio.net/videos/embed/tBuq9cYoDNw69XmVV52V671359012024-04-13T15:31:59.390Zjavascript замыканиезамыкание jsчто такое замыкание jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/p2fN9Qh34yh1NUZ9VCJ3QGhttps://tube.vicstudio.net/lazy-static/thumbnails/d9ed7bff-65ed-4544-aa09-269c5870fc17.jpgJS модули - как сделать экспорт и импорт. Фундаментальный JavaScriptЧто такое JavaScript модули и как с ними работать. Как правильно организовать импорты и экспорты js-файлов, используя синтаксис CommonJS и современный подход ES6 модулей. 00:00 Введение 01:54 CommonJS модули 11:47 ES6 модули Ссылки урока: 🔥 настройка сборки с Parcel https://www.youtube.com/watch?v=fdf5KS_XCoc - импорты на MDN https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/import - экспорты на MDN https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/export #javascript #js __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Поддержка канала: https://www.patreon.com/mishanep https://www.tinkoff.ru/rm/nepomnyaschiy.mikhail1/dihf419741 https://paypal.me/mishanephttps://tube.vicstudio.net/static/streaming-playlists/hls/ba6f0d17-9fbb-4d9e-8a81-0a0927fb48c0/27cd1150-0366-41b4-a420-e58b751fc925-master.m3u8https://tube.vicstudio.net/videos/embed/p2fN9Qh34yh1NUZ9VCJ3QG1488022024-04-13T15:50:52.230Zjs импортjs модулиjavascript модулиjs экспортYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/f6GtVJTYrY4y43xAGXUbwihttps://tube.vicstudio.net/lazy-static/thumbnails/46ea1726-796a-4ada-808e-29477b98f8f2.jpgЧто такое промисы в JavaScript. Фундаментальный JavaScriptЧто такое JavaScript промисы и как часто нужно их создавать. Что значит, когда функция или метод возвращают промис. Об этом и о нюансах обработки объектов Promise из стандарта es6 в подборке Фундаментальный JavaScript. #javascript #js __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Поддержка канала: https://www.patreon.com/mishanep https://www.tinkoff.ru/rm/nepomnyaschiy.mikhail1/dihf419741 https://paypal.me/mishanephttps://tube.vicstudio.net/static/streaming-playlists/hls/722b9b91-f386-4c19-bfef-05c258fcebd5/4d3147f4-a3b6-4ce1-899d-a0654aeb9633-master.m3u8https://tube.vicstudio.net/videos/embed/f6GtVJTYrY4y43xAGXUbwi1490012024-04-13T16:36:39.936Zjs промисы простыми словамиjavascript промисыjs промисыYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/7pYQcGyxWaHsoLGPhhvdDKhttps://tube.vicstudio.net/lazy-static/thumbnails/f4a61761-989b-42a9-931f-d9fd717a7d60.jpgАсинхронные функции. Фундаментальный JavaScriptСтандарт ECMAScript2017 предоставил нам возможность создавать асинхронные функции, которые упростили работу с промисами и асинхронной работой в целом. Разбираемся с нюансами новых ключевых слов async, await и практикуем. #js #javascript _ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Поддержка канала: https://www.patreon.com/mishanep https://www.tinkoff.ru/rm/nepomnyaschiy.mikhail1/dihf419741 https://paypal.me/mishanephttps://tube.vicstudio.net/static/streaming-playlists/hls/33eff649-6703-49b3-beac-8cc9075a1985/63d9ce16-a2cf-44eb-9d0c-a53224274942-master.m3u8https://tube.vicstudio.net/videos/embed/7pYQcGyxWaHsoLGPhhvdDK746022024-04-13T16:57:35.106Zjavascript async awaitасинхронные функцииYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/iRR8oSaGQRWAe8aDuNp29dhttps://tube.vicstudio.net/lazy-static/thumbnails/600946f8-97f1-482c-be35-84995ebec7db.jpgМетоды промисов и когда их применять. Фундаментальный JavaScriptКак обработать несколько промисов за один раз, определить какой из промисов разрешился первым или как использовать встроенные методы при разработке приложений. Всё это в одном видео - методы промисов JavaScript. 00:00 Введение 00:37 Promise.all 08:14 Promise.allSettled 10:04 Promise.race 11:53 Promise.resolve 15:27 Promise.reject #javascript #js __ Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Поддержка канала: https://www.patreon.com/mishanep https://www.tinkoff.ru/rm/nepomnyaschiy.mikhail1/dihf419741 https://paypal.me/mishanephttps://tube.vicstudio.net/static/streaming-playlists/hls/90a113ed-4448-40de-bc83-ad49ecfc65b8/97ae748e-5c46-4a67-9300-a8fe1c1f13b7-master.m3u8https://tube.vicstudio.net/videos/embed/iRR8oSaGQRWAe8aDuNp29d1074012024-04-13T17:46:31.218Zметоды промисовпромисы jsпромисы в javascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/3eoWvNRFcp3ksNKvE6qLCzhttps://tube.vicstudio.net/lazy-static/thumbnails/70b2f0cc-b859-4eae-879c-8bd124cd44a5.jpgКонтекст вызова функции. Фундаментальный JavaScriptРабота с ключевым словом this в JavaScript поначалу может доставить немало хлопот. This указывает на контекст. Но откуда он берётся? Пробуем разобраться, отконсолив с десяток разных вариантов этого this. MDN https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/this #js Мои курсы по вебу с купонами: ✅ https://mishanep.com/ 📢 Поддержка канала: https://www.patreon.com/mishanep https://www.tinkoff.ru/rm/nepomnyaschiy.mikhail1/dihf419741 https://paypal.me/mishanephttps://tube.vicstudio.net/static/streaming-playlists/hls/12111563-0f2a-4c2c-8699-1907b1ed6c09/187832cb-82da-4bd6-81be-98e7622575a4-master.m3u8https://tube.vicstudio.net/videos/embed/3eoWvNRFcp3ksNKvE6qLCz1311012024-04-13T18:01:08.895Zjs thisjs this контекстконтекст функции javascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/5EQPfwbftMotBghZjNu4ddhttps://tube.vicstudio.net/lazy-static/thumbnails/96cc35aa-077f-4909-b0c9-26c3c773fde1.jpgМикросервисная архитектура, подходы и технологии / Кирилл Ветчинкин (TYME)Приглашаем на конференцию Saint HighLoad++ 2024, которая пройдет 24 и 25 июня в Санкт-Петербурге! Программа, подробности и билеты по ссылке: https://vk.cc/cuyIqx -------- -------- Backend Conf, РИТ++ 2018 Тезисы и презентация: http://backendconf.ru/2018/abstracts/3339 Последние годы все чаще говорят о микросервисной архитектуре приложений. Давайте разберемся, почему она так популярна, какие основные плюсы и минусы мы получаем. А самое главное, разберемся, как спроектировать микросервисную архитектуру, а не "монолит, распределенный по сети" и какие технологии нам в этом помогут. …. -------- Нашли ошибку в видео? Пишите нам на support@ontico.ruhttps://tube.vicstudio.net/static/streaming-playlists/hls/25d0e6a8-2f2f-4db1-8c18-716a329599f0/3b43b0a2-6fe1-4396-b7a1-4771d08f8332-master.m3u8https://tube.vicstudio.net/videos/embed/5EQPfwbftMotBghZjNu4dd3237012024-04-15T17:22:54.837ZЭлементы архитектурыРИТ++ 2018Backend ConfКирилл ВетчинкинYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/npbcWVf11RrNcR2PngzMe1https://tube.vicstudio.net/lazy-static/thumbnails/f1312803-b480-46e2-bdb7-dd1d620264f8.jpgThree.js курс: с нуля до потрясающих трёхмерных визуализацийПриветствуем вас в видео-курсе по началу работы с three.js. Здесь вы получите основы для начала своего приключения с этим великолепным инструментом, а в дальнейшем и более прокаченные знания для создания уже сложных проектов. Вы изучите подробно все аспекты, от базовых понятий до более продвинутых методов, и начните создавать потрясающие трёхмерные визуализации. 0:00 Описание курса и технологии 1:22 База проекта 1:56 Загрузка и подключение three.js 3:09 Запускаем пример и смотри что внутри 4:33 Итоги и дальнейшие планы Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/ad4c4ee8-1293-462b-baf1-1ee3c6764abe/667f17e4-d0b5-4d60-9c4a-a9d70f0b5987-master.m3u8https://tube.vicstudio.net/videos/embed/npbcWVf11RrNcR2PngzMe1305012024-05-18T15:44:07.675Zthree.jsвизуализацияhtmljavascriptthree js tutorialYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/wpCuBJFrmyBWEi4n3m7Y4Thttps://tube.vicstudio.net/lazy-static/thumbnails/c4dff8c4-1975-4389-b81f-56814207c7a3.jpgКак создать простую сцену с three.jsСегодня мы научимся создавать простую сцену с использованием библиотеки three.js. Three.js - это мощный инструмент для создания интерактивной графики и визуализаций прямо в браузере с помощью языка JavaScript. Мы начнем с основ и постепенно продвинемся к более сложным элементам. В первую очередь, мы разберемся с настройкой сцены и созданием камеры. Затем погрузимся в мир геометрии, создав простую форму куба. Мы научимся применять материалы и добавлять цвета. •••••••••••••• 0:00 Вступление 0:34 Сцена 1:05 Объекты 3:19 Камера 5:52 Отрисовщик 6:14 Отображение сцены 10:11 Концовка и планы на следующее видео •••••••••••••• Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/f63ec1a0-7e6b-4cee-91c9-b95b18c9edf1/c7d43b46-d55f-42d0-a873-a1c2c16e4272-master.m3u8https://tube.vicstudio.net/videos/embed/wpCuBJFrmyBWEi4n3m7Y4T646012024-05-18T15:52:13.954Zthree jsjavascriptcanvaswebgl tutorialjavascript projectYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/eVTWb3nMw3ySo2AYFeg5PAhttps://tube.vicstudio.net/lazy-static/thumbnails/8682662b-a421-464a-b092-6c0f5d764e18.jpgСборка проекта с three.js с помощью webpack: настройка дева и продаВ этом видео мы погрузимся в процесс работы с библиотекой three.js в уже собранном проекте при помощи инструмента webpack. Мы изучим, как настроить окружение разработки, чтобы быстро просматривать и тестировать наши трехмерные проекты. Вы узнаете, как настроить dev-server и использовать горячую перезагрузку (hot reload) для мгновенного обновления изменений в вашем проекте. Кроме того, мы также рассмотрим процесс сборки и оптимизации вашего приложения для продакшена с помощью webpack, чтобы получить максимальную производительность и эффективное использование ресурсов. •••••••••••••• 0:00 Зачем нам другая сборка? 1:17 Создаем структуру папок 2:06 Инициализация проекта и установка пакетов 2:40 Создание конфигураций webpack 5:55 Настройка скриптов и запуск •••••••••••••• Ресурсы, про которые я говорила в ролике: ⚪️ NodeJS: [https://nodejs.org](https://nodejs.org/en) ⚪️ Webpack: [https://webpack.js.org](https://webpack.js.org/) 👾 Исходный код: https://github.com/GuVictory/threejs-course/tree/main/threejs_main Пакеты, которые я устанавливала в видео: npm install webpack webpack-cli webpack-dev-server webpack-merge clean-webpack-plugin copy-webpack-plugin @babel/core @babel/preset-env babel-loader css-loader file-loader html-loader html-webpack-plugin mini-css-extract-plugin portfinder-sync raw-loader style-loader ip --save-dev •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox ☕️ Угостить меня кофе: https://boosty.to/guvictory/donate 🦄 Boosty подписка на доступ к текстовым материалам: https://liba.ro/5z6e97xge 🔥 Boosty подписка на доступ к текстовым материалам и коммьюнити: https://liba.ro/5z6e9l5h4 Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/70cd3a55-743d-4dd9-a2b2-29ff50f0a4e0/a7c2f753-6f34-4079-845b-79356675f1f1-master.m3u8https://tube.vicstudio.net/videos/embed/eVTWb3nMw3ySo2AYFeg5PA548012024-05-18T16:20:01.513Zwebpack что этоthree jsthree js tutorialwebpack 5webpack jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/1uNvFNaV3t4AJYANG3FRTMhttps://tube.vicstudio.net/lazy-static/thumbnails/fc90ad6e-2469-40f2-ae1c-bda071697666.jpgThree.js, перемещаем и масштабируем объектыДобро пожаловать в продолжение моего курса по библиотеке three.js! В этом видео мы разберемся с темой перемещения и масштабирования объектов, а так же посмотрим как устроены оси. Вместе мы разберемся, как управлять положением объектов с помощью векторов, рассмотрим методы трансформации, а также изучим возможности масштабирования объектов для создания эффектов перспективы и глубины. •••••••••••••• 0:00 Вступление 0:30 Теория трансформаций и осей 1:15 Перемещение объектов 3:56 AxesHelper для отображения осей 5:18 Масштабирование объектов •••••••••••••• Ресурсы, про которые я говорила в ролике: - Предыдущее видео курса: https://youtu.be/fqHx8_U2eKU Telegram канал проекта https://t.me/WebDevSandbox Угостить меня кофе: https://boosty.to/guvictory/donate Подписка на доступ к текстовому формату видео: https://boosty.to/guvictory/purchase/1090596?ssource=DIRECT&share=subscription_link Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/04057d4f-7500-4210-9e05-790560aa1757/ea5083c3-f94b-40de-8a3f-1933ae8a38f4-master.m3u8https://tube.vicstudio.net/videos/embed/1uNvFNaV3t4AJYANG3FRTM431022024-05-18T16:51:38.168Z3d animationthree js3д сайтthree js coursejavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/oJQgKx98hEVjPyDBKzdzjJhttps://tube.vicstudio.net/lazy-static/thumbnails/287762c7-f50c-4d12-9ef1-e785d4b46efc.jpgThree.js, вращаем и группируем объектыВ прошлом уроке мы с вами начали разбираться с трансформацией объектов и прошли свойство position и scale, если вы это не смотрели, то советую обязательно посмотреть https://youtu.be/qtBom3GlLOY ! А сейчас мы перейдем к освоению вращения, комбинирования преобразований и группировки объектов. •••••••••••••• 0:00 Вступление 0:59 Вращение 5:32 Метод lookAt 7:14 Комбинирование трансформаций 8:17 Группировка объектов 12:00 Что будет дальше? •••••••••••••• Ресурсы, про которые я говорила в ролике: - Исходный код: https://github.com/GuVictory/threejs-course/tree/v0.4/threejs_main - Кватернионы: https://threejs.org/docs/#api/en/math/Quaternion - Статья про матричные преобразования: https://developer.unigine.com/ru/docs/latest/code/fundamentals/matrix_transformations/index •••••••••••••• ✈️ Telegram канал проекта https://t.me/WebDevSandbox ☕️ Угостить меня кофе: https://boosty.to/guvictory/donate ❤️ Подписка на доступ к текстовому формату видео: https://boosty.to/guvictory/purchase/1090596?ssource=DIRECT&share=subscription_link Спасибо за внимание!https://tube.vicstudio.net/static/streaming-playlists/hls/b824098a-589e-4064-afd3-1e9fdd7015f2/7e89fc94-aa74-4c4d-9cda-717a920ddac9-master.m3u8https://tube.vicstudio.net/videos/embed/oJQgKx98hEVjPyDBKzdzjJ745022024-05-18T17:02:37.886Zthree js tutorialquaternionrotationjavascriptthree jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/m53j54e6Ysoxfy2VNjE1crhttps://tube.vicstudio.net/lazy-static/thumbnails/f10e6e57-6191-4830-a6cf-a72c6ee1e0e3.jpgThree.js, анимируем движение объектовВ двух прошлых уроках мы с вами разобрали основы трансформации объектов, если вы это не смотрели, то советую обязательно посмотреть: - Часть 1: https://www.youtube.com/watch?v=qtBom3GlLOY - Часть 2: https://www.youtube.com/watch?v=PvCU9ZDTO9w Сегодня же мы разберемся как создавать простую анимацию, и как создание подвижных сцен может зависеть от частоты кадров! •••••••••••••• 0:00 Вступление 0:47 requestAnimationFrame 2:37 адаптируемся к частоте кадров 4:32 используем THREE.Clock 7:29 Что будет дальше? •••••••••••••• Ресурсы, про которые я говорила в ролике: - Исходный код на начало урока: https://github.com/GuVictory/threejs-course/tree/v0.6.0/threejs_main - Clock: https://threejs.org/docs/#api/en/core/Clock •••••••••••••• ✈️ Telegram канал проекта https://t.me/WebDevSandbox ☕️ Угостить меня кофе: https://boosty.to/guvictory/donate Спасибо за внимание!https://tube.vicstudio.net/static/streaming-playlists/hls/a2872c3e-269b-41f2-b757-07be567e0027/0529a6fb-c58e-4f8c-a1b4-72cd067e5e0e-master.m3u8https://tube.vicstudio.net/videos/embed/m53j54e6Ysoxfy2VNjE1cr477022024-05-18T17:41:37.831Zthree.jsthree.js animationthree.js tutorial3d анимация jscanvas 3d анимацияYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/jaB4twSo1erXK2KYRTRBH6https://tube.vicstudio.net/lazy-static/thumbnails/15c50ebf-e4dc-4519-94fd-511d30a36dd4.jpgПрактикуем Three.js, анимация и группировкаИзучать программирование и практиковаться, глупая история, поэтому в этом видео мы с вами закрепим знания, полученные в предыдущих уроках, и реализуем небольшой проект, который покроет темы, трансформации, группировки и анимации! 100 ❤️ и я пойму, что вам хочется больше практики с использованием Three.js) •••••••••••••• 0:00 Вступление 0:38 Создание группы с кубами 3:31 Добавление рандомных цветов 4:58 Анимирование сцены 12:30 Что дальше? •••••••••••••• Ресурсы, про которые я говорила в ролике: Код на начало видео: https://github.com/GuVictory/threejs-course/tree/v0.6.1/threejs_main Итоговый код: https://github.com/GuVictory/threejs-course/tree/v0.6.2/threejs_main •••••••••••••• Telegram канал проекта https://t.me/WebDevSandbox Угостить меня кофе: https://boosty.to/guvictory/donate Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/931bcbd6-c905-4d3a-a68f-4cea2a210933/bebc1c79-eca2-46be-8277-a26d1a53c1d8-master.m3u8https://tube.vicstudio.net/videos/embed/jaB4twSo1erXK2KYRTRBH6782022024-05-18T17:52:50.137Z3д сайт3d модельthree.js tutorialthree.js анимацияthree.js проектYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/nJoEAS7b4539oPz8Cqafgphttps://tube.vicstudio.net/lazy-static/thumbnails/4d8a41b5-5de1-4b58-a9bc-964b5cec6501.jpgThree.js, как устроены различные камерыКамеры играют важную роль в создании 3D-сцен. Когда дело доходит до работы с Three.js, мощной библиотекой JavaScript для 3D-рендеринга, камеры необходимы для управления перспективой и видом сцены. Именно поэтому в данном видео мы разберем какие типы камер существуют и как с ними работать! 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Введение 0:42 Класс Camera и ArrayCamera 1:30 StereoCamera и CubeCamera 2:54 OrthographicCamera 4:15 PerspectiveCamera 6:16 Концовка видео •••••••••••••• Ресурсы, про которые я говорила в ролике: - Класс Camera: https://threejs.org/docs/#api/en/cameras/Camera - StereoCamera: https://threejs.org/docs/#api/en/cameras/StereoCamera - CubeCamera: https://threejs.org/docs/#api/en/cameras/CubeCamera - OrthographicCamera: https://threejs.org/docs/#api/en/cameras/OrthographicCamera - PerspectiveCamera: https://threejs.org/docs/#api/en/cameras/PerspectiveCamera - Тут подробнее о перспективной камере: https://youtu.be/-ue7My3mwbI?t=200 •••••••••••••• ✈️ Telegram канал проекта https://t.me/WebDevSandbox ☕️Угостить меня кофе: https://boosty.to/guvictory/donate Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/affb1e4b-0e6e-46ac-b281-269d07526c1d/27552099-08c9-4bb4-bb31-c604976faab3-master.m3u8https://tube.vicstudio.net/videos/embed/nJoEAS7b4539oPz8Cqafgp422012024-05-18T18:28:22.202Zhtmljavascriptcssweb developmentthree.jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/rpUFAyNfHSXtqTWBfMLDS4https://tube.vicstudio.net/lazy-static/thumbnails/45f7264f-d767-4dd5-b44c-37326ad3d759.jpgThree.js, элементы управленияВ этом видео мы разберем как добавить элементы управления в Three.js, чтобы пользователь мог взаимодействовать с 3D сценой. Рассмотрим как создавать свои собственные элементы управления и как использовать встроенные классы, такие как OrbitControls. Также поговорим о демпфировании и настройках. 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Вступление 0:35 Нативная реализация элементов управления 7:34 Различные классы элементов управления three.js 9:20 Подключение OrbitControls 12:25 Итоги работы и план на следующий урок •••••••••••••• Ресурсы, про которые я говорила в ролике: Код на начало урока: https://github.com/GuVictory/threejs-course/tree/v0.7.0/threejs_main Документация -DragControls: https://threejs.org/docs/?q=controls#examples/en/controls/DragControls - FirstPersonControls: https://threejs.org/docs/?q=controls#examples/en/controls/FirstPersonControls - FlyControls: https://threejs.org/docs/?q=controls#examples/en/controls/FlyControls - OrbitControls: https://threejs.org/docs/?q=controls#examples/en/controls/OrbitControls - TransformControls: https://threejs.org/docs/?q=controls#examples/en/controls/TransformControls •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox ☕️ Угостить меня кофе: https://pay.cloudtips.ru/p/4013864b Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/cdcb0a42-0c9f-454e-8e24-402ddd1f23bb/554cde04-d1e4-402a-94fa-f2505118670d-master.m3u8https://tube.vicstudio.net/videos/embed/rpUFAyNfHSXtqTWBfMLDS4822012024-05-18T18:37:46.558Zweb developmentthree.jsjavascriptcsshtmlYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/2xprsqexFu4Mcy4hT5dQGchttps://tube.vicstudio.net/lazy-static/thumbnails/d60a5464-efb4-491a-8554-8110d82263a1.jpgThree.js, как сделать резиновый canvasВ этом видео я покажу как сделать canvas в Three.js, который будет подстраиваться под размер экрана пользователя. Узнаешь как настроить размер холста, соотношение пикселей и полноэкранный режим. В видео разберем: - Как задать размер canvas из JavaScript - Как подписаться на событие resize окна - Как правильно обновлять камеру и рендер при изменении размера - Как ограничить соотношение пикселей для оптимальной производительности - Как переключить полноэкранный режим по двойному клику Полезное видео для всех, кто хочет сделать адаптивный canvas на Three.js. 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Вступление 0:36 Делаем canvas во весь экран 2:33 Ререндер сцены при изменении размера окна 6:02 Подстраиваемся под соотношение пикселей 7:47 Поддержка Fullscreen 10:02 Концовка •••••••••••••• Код на начало урока: https://github.com/GuVictory/threejs-course/tree/v0.9.0/threejs_main Код в конце урока: https://github.com/GuVictory/threejs-course/tree/v0.9.1/threejs_main •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox ☕️ Угостить меня кофе: https://pay.cloudtips.ru/p/4013864b Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/0c7ba3e7-ed7c-4bd8-a00e-2e45d49f0a5b/1bb6f5f6-c55d-4a3e-a8a8-c4f67c35f89b-master.m3u8https://tube.vicstudio.net/videos/embed/2xprsqexFu4Mcy4hT5dQGc644012024-05-18T19:25:33.736Zcssjavascriptthree.jsweb developmenthtmlYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/ogaLesascQZ9a2CgUq54aAhttps://tube.vicstudio.net/lazy-static/thumbnails/70e00941-d693-4224-85dc-8d8be841c2d5.jpgВсе основные геометрии в Three.js за 20 минутВ этом видео мы подробно разберем все основные геометрии, которые есть в библиотеке Three.js - BoxGeometry, PlaneGeometry, CircleGeometry, ConeGeometry, CylinderGeometry и многие другие. Узнаем: - Какие бывают геометрии в Three.js - Как создавать базовые фигуры вроде куба, цилиндра, конуса, плоскости - Как строить сферы, торы, додекаэдры и другие многогранники - Зачем нужен класс BufferGeometry и как строить свои геометрии Идеальное видео, чтобы разобраться со всеми вариантами геометрий в Three.js за короткое время. После просмотра ты будешь четко понимать какие фигуры можно создать и как их использовать в своих проектах. 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Введение 1:34 BoxGeometry 2:45 CircleGeometry 3:37 PlaneGeometry 4:12 ConeGeometry 5:32 CylinderGeometry 6:58 RingGeometry 8:09 TorusGeometry 9:10 TorusKnotGeometry 10:33 Геометрии сфер 13:23 Дополнительные геометрии 14:32 Работа с буфферной геометрией 19:05 Итоги и планы на следующий урок •••••••••••••• Ресурсы, про которые я говорила в ролике: - BoxGeometry: https://threejs.org/docs/#api/en/geometries/BoxGeometry - CircleGeometry: https://threejs.org/docs/#api/en/geometries/CircleGeometry - PlaneGeometry: https://threejs.org/docs/#api/en/geometries/PlaneGeometry - ConeGeometry: https://threejs.org/docs/#api/en/geometries/ConeGeometry - CylinderGeometry: https://threejs.org/docs/#api/en/geometries/CylinderGeometry - RingGeometry: https://threejs.org/docs/#api/en/geometries/RingGeometry - TorusGeometry: https://threejs.org/docs/#api/en/geometries/TorusGeometry - TorusKnotGeometry: https://threejs.org/docs/#api/en/geometries/TorusKnotGeometry - DodecahedronGeometry: https://threejs.org/docs/#api/en/geometries/DodecahedronGeometry - OctahedronGeometry: https://threejs.org/docs/#api/en/geometries/OctahedronGeometry - TetrahedronGeometry: https://threejs.org/docs/#api/en/geometries/TetrahedronGeometry - IcosahedronGeometry: https...https://tube.vicstudio.net/static/streaming-playlists/hls/b4473937-23f8-4549-9b0c-2afabf513af8/28b54bba-2c44-49c0-8738-906889180b95-master.m3u8https://tube.vicstudio.net/videos/embed/ogaLesascQZ9a2CgUq54aA1184022024-05-18T19:40:10.976Zhtmlweb developmentthree.jsjavascriptcssYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/khS8Teu7MkPCkoGpsXo36qhttps://tube.vicstudio.net/lazy-static/thumbnails/01232d2e-f3cc-4fb6-bc5c-a34c23fc4860.jpgПрактикуем Three.js, интерактивная сетка из геометрийВ новом практическом уроке по Three.js мы создадим интерактивную сетку из разных геометрий. Узнаем как: - Создавать сетку объектов с помощью циклов - Использовать Raycaster для обнаружения кликов - Менять цвет и добавлять вращение для активного объекта - Использовать Tween для плавных анимаций - Возвращать неактивные объекты на исходные позиции Полезный урок, чтобы закрепить навыки работы с объектами, анимациями и интерактивностью в Three.js на практическом примере. 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Введение 0:40 Превью проекта 1:09 Использование шаблона 2:35 Добавление отображения группы геометрий 6:02 Добавляем обработку кликов при помощи Raycaster 11:38 Добавляем вращение активной геометрии 12:40 Добавляем анимацию при помощи TWEEN 17:04 Итоги проекта и план на следующий урок •••••••••••••• Ресурсы, про которые я говорила в ролике: - Базовый шаблон для проекта: https://github.com/WebDev-Sandbox/threejs_project_template - Исходный код проекта: https://github.com/GuVictory/threejs-geometry-preview - Видео, в котором мы разбирали геометрии: https://youtu.be/r_aJQKMlHQg?si=Rurv56nanlOYAnoE •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox ☕️ Угостить меня кофе: https://pay.cloudtips.ru/p/4013864b Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/9c386ea5-d461-4452-8074-c3a5924e6b62/9b557c28-b356-4e36-9f2a-eb3fdcf18260-master.m3u8https://tube.vicstudio.net/videos/embed/khS8Teu7MkPCkoGpsXo36q1059002024-05-18T20:40:53.512Zjavascripthtmlthree.jsweb developmentcssYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/gWs46mxRvn5hi2FuyNU1HWhttps://tube.vicstudio.net/lazy-static/thumbnails/df41ff16-a3cb-4593-bbdc-5413c3bd2bdd.jpgИнструменты отладки Three.js приложенийВ этом видео я расскажу как сделать процесс разработки на Three.js более удобным и приятным. Мы научимся: - Добавлять счетчик FPS с помощью библиотеки stats.js - Создавать GUI с настройками используя dat.gui - Добавлять слайдеры, чекбоксы, цвета и другие элементы управления - Группировать настройки в папки - Делать настройки свойств объектов и материалов После просмотра ты будешь четко представлять как добавить интерфейс для удобной настройки параметров! 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Введение 0:46 Отображение fps 2:53 Добавление отладочного интерфейса 10:46 Итоги видео •••••••••••••• Основные ресурсы, про которые я говорила в ролике: - Stats.js - https://github.com/mrdoob/stats.js/ - dat.GUI - https://github.com/dataarts/dat.gui Другие библиотеки отладки: - control-panel - https://github.com/freeman-lab/control-panel - ControlKit - https://github.com/automat/controlkit.js - Uil - https://github.com/lo-th/uil - Tweakpane - https://cocopon.github.io/tweakpane/ - Guify - https://github.com/colejd/guify - Oui - https://github.com/wearekuva/oui •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox ☕️ Угостить меня кофе: https://pay.cloudtips.ru/p/4013864b Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/81134ca5-e1c7-47e5-b9f1-54ff57ed9a00/558b2a2d-2302-4fcb-89a9-d8a0fadb22b4-master.m3u8https://tube.vicstudio.net/videos/embed/gWs46mxRvn5hi2FuyNU1HW701002024-05-18T21:04:41.322Zweb developmentjavascriptcsshtmlthree.jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/qSa6C3XAsgYzArxQnqcpFThttps://tube.vicstudio.net/lazy-static/thumbnails/3a39dbc0-9746-4178-8229-c48111183f55.jpgЗагружаем и анимируем 3D модели в Three.js за 12 минутПеречитали кучу форумов, а загрузить 3D модель в приложение three.js не получается? Тогда это видео точно для вас. Разберемся как загрузить простые модели, составные модели + заставим наши модели оживать, используя встроенные анимации. 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Введение 0:26 Создаем проект 1:24 Добавляем исходники моделей 2:08 Подготовка сцены 4:24 Импортируем простую 3D модель 7:11 Импортируем составную 3D модель 8:50 Импортируем и анимируем 3D модель 11:22 Итоги и планы •••••••••••••• Ресурсы, про которые я говорила в ролике: - Шаблон проекта: https://github.com/WebDev-Sandbox/threejs_project_template - Скачать модели: https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0 - Курс Three.js: https://www.youtube.com/playlist?list=PLEXzUhnWfEhgTVL_r3_njztkZdeQGNJCR •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox ☕️ Угостить меня кофе: https://pay.cloudtips.ru/p/4013864b Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/c95c1f5d-588b-4cb8-9b98-2310a020691d/f6b6b9a0-fbad-4316-a06c-be68280fc9dd-master.m3u8https://tube.vicstudio.net/videos/embed/qSa6C3XAsgYzArxQnqcpFT714002024-05-18T21:41:03.680Zjavascriptcsshtmlweb developmentthree.jsYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/sNJDLcNJVWfCxM5cEHogQ6https://tube.vicstudio.net/lazy-static/thumbnails/4bfa9875-a657-4455-b908-41270e418fcb.jpgОбучение Three.js, за 6 шагов подготовкиИзучение three.js задача не из простых, поэтому я хочу помочь вам в освоении данной библиотеки, подсказав план обучения, которого я придерживалась, когда сама делала первые шаги к освоению three.js. 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Вступление 0:49 Базовая теория 1:16 Основные техники 1:32 Повышение уровня 1:52 Шейдеры 2:12 Интеграция с React 2:40 Three.js в AR 3:02 Завершение •••••••••••••• Мой курс по Three.js: https://www.youtube.com/playlist?list=PLEXzUhnWfEhgTVL_r3_njztkZdeQGNJCR •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox 👥 Чат в telegram: https://t.me/+_iXu3UIKOA1lODI6 ☕️ Угостить меня кофе: https://pay.cloudtips.ru/p/4013864b Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/d9141a6d-b0f4-4753-8cd3-3643dd429e81/b0c6b0e7-73dd-41c2-a821-0c34a7e32784-master.m3u8https://tube.vicstudio.net/videos/embed/sNJDLcNJVWfCxM5cEHogQ6223002024-05-18T21:56:19.144Zhtmlcssjavascriptthree.jsweb developmentYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/9BQzRdzFDYHqvgTCYWFbgshttps://tube.vicstudio.net/lazy-static/thumbnails/a2cf0227-b068-4b3e-9bcc-ddb4f53bbe8e.jpgКакие бывают текстуры и как их загружать в three.jsВ этом видео разбираем, что такое текстуры, какие они бывают типов, а так же как их правильно загружать в ваш three.js проект. ⭐️ Канал в Дзен: https://dzen.ru/webdevsandbox 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Введение 0:51 Текстуры цвета 1:03 Альфа текстуры 1:12 Текстуры высоты 1:29 Текстуры нормалей 1:44 Ambient текстуры 1:57 Текстуры метализации 2:12 Текстуры шероховатости 3:20 Загрузка текстуры при помощи нативного JavaScript 6:30 Загрузка текстуры при помощи TextureLoader 7:32 Контролируем загрузку текстур при помощи LoaderManaget 8:40 Завершение •••••••••••••• Ресурсы, про которые я говорила в ролике: - Ссылка на загрузку текстур: https://3dtextures.me/2019/04/16/door-wood-001/ - Код на начало проекта: https://github.com/GuVictory/threejs-course/tree/main/threejs_main •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox 👥 Чат в telegram: https://t.me/+_iXu3UIKOA1lODI6 ⭐️ Канал в Дзен: https://dzen.ru/webdevsandbox ☕️ Угостить меня кофе: https://pay.cloudtips.ru/p/4013864b Спасибо за внимание ♥︎https://tube.vicstudio.net/static/streaming-playlists/hls/45ca14f9-acfb-46b5-96e2-6195924a20e0/9acbb01a-b591-4713-95fd-8e6b3a76d06a-master.m3u8https://tube.vicstudio.net/videos/embed/9BQzRdzFDYHqvgTCYWFbgs540012024-05-18T22:05:39.506Zcssthree.jsweb developmenthtmljavascriptYESУроки по Web разработкеNOhttps://tube.vicstudio.net/w/d5GjMEdpzkcKWucb5HUipqhttps://tube.vicstudio.net/lazy-static/thumbnails/2514f742-6b30-4b58-b04c-709e8240cf86.jpg1.1. О Zustand1.1. О Zustandhttps://tube.vicstudio.net/static/streaming-playlists/hls/61d57d4f-add4-4dd7-8629-ac40e9d540e2/17686d55-999d-4540-ba12-5b9362869c10-master.m3u8https://tube.vicstudio.net/videos/embed/d5GjMEdpzkcKWucb5HUipq164002024-07-25T11:36:26.767ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/oRRozRdkXYSF6PSL53XA8Khttps://tube.vicstudio.net/lazy-static/thumbnails/fa7148be-c189-4d80-b5a8-a76b3894ddf1.jpg1.2. Как устроен курс1.2. Как устроен курсhttps://tube.vicstudio.net/static/streaming-playlists/hls/b91eeeba-6932-406e-8a3d-f5451f4decc1/7efa8dce-8f50-46a5-87e9-7af2ec974834-master.m3u8https://tube.vicstudio.net/videos/embed/oRRozRdkXYSF6PSL53XA8K148002024-07-25T11:41:19.455ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/tVPZ6ZhhT8KTzSpeNwGyenhttps://tube.vicstudio.net/lazy-static/thumbnails/3f4dfcf2-e9dd-41b7-ad16-003b3533cf2c.jpg1.3. Знакомство с экспертом1.3. Знакомство с экспертомhttps://tube.vicstudio.net/static/streaming-playlists/hls/e22abc32-f048-4f24-9711-85b70e63cb27/421de6af-d9cb-444d-af2e-619c2f31e8d3-master.m3u8https://tube.vicstudio.net/videos/embed/tVPZ6ZhhT8KTzSpeNwGyen161002024-07-25T11:48:34.692ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/ud3y3sXerDwt3wDcX5FjHghttps://tube.vicstudio.net/lazy-static/thumbnails/ed52ef08-8ce8-4c1f-af2c-989abf54410f.jpg1.4. Обзор проекта1.4. Обзор проектаhttps://tube.vicstudio.net/static/streaming-playlists/hls/e46e6177-54aa-471b-8a04-0a61082812d9/08d212d4-284b-48c1-b03b-169c3bca34b4-master.m3u8https://tube.vicstudio.net/videos/embed/ud3y3sXerDwt3wDcX5FjHg97002024-07-25T11:55:21.643ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/h8yoUw3tGSpRdH2tKypfsvhttps://tube.vicstudio.net/lazy-static/thumbnails/2d732420-3c47-42e4-9299-49eb6ecf3365.jpg1.5. Обзор курсов1.5. Обзор курсовhttps://tube.vicstudio.net/static/streaming-playlists/hls/82a06397-76e3-4363-948a-e3eb7c45ebb1/7f159516-96b5-4844-9237-65e8a752efe8-master.m3u8https://tube.vicstudio.net/videos/embed/h8yoUw3tGSpRdH2tKypfsv68002024-07-25T11:57:49.937ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/vEtZLCgbhoz3ZBCizdSeMghttps://tube.vicstudio.net/lazy-static/thumbnails/6a2f25c8-ec13-416f-b9df-e242550d2826.jpg2.1. Настройка VSCode2.1. Настройка VSCodehttps://tube.vicstudio.net/static/streaming-playlists/hls/f038899d-b361-4517-be9e-b11a1b141885/25e58e6b-367f-45ee-a5ec-83b78ec84370-master.m3u8https://tube.vicstudio.net/videos/embed/vEtZLCgbhoz3ZBCizdSeMg223002024-07-25T12:01:37.422ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/3tG14S7azCYQdhqjA4ksU9https://tube.vicstudio.net/lazy-static/thumbnails/d9330c15-9d9b-4b14-8e6d-65e52a036c32.jpg2.2. Создание проекта2.2. Создание проектаhttps://tube.vicstudio.net/static/streaming-playlists/hls/141002bc-d24d-4c5f-9841-1470df462d60/33e30e0c-0910-4cb4-b75c-acc79ec6ad43-master.m3u8https://tube.vicstudio.net/videos/embed/3tG14S7azCYQdhqjA4ksU9131002024-07-25T12:05:36.825ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/u6pcSakxUAP242g4EvhBkQhttps://tube.vicstudio.net/lazy-static/thumbnails/dbd1c628-dffa-4a43-b7e0-a2a2112bbeb4.jpg2.3. Добавление Zustand2.3. Добавление Zustandhttps://tube.vicstudio.net/static/streaming-playlists/hls/e380e6d2-a682-45f1-a252-63340c8e5eba/8e50b981-1fa5-4f8d-b406-7db3130eb5cb-master.m3u8https://tube.vicstudio.net/videos/embed/u6pcSakxUAP242g4EvhBkQ125002024-07-25T12:08:32.175ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/bDZLaznuFaobA4DbFYPzM4https://tube.vicstudio.net/lazy-static/thumbnails/af7bf447-a310-41a2-9c8f-9993945ffbe9.jpg2.4. Подготовка проекта2.4. Подготовка проектаhttps://tube.vicstudio.net/static/streaming-playlists/hls/564980bb-5a2b-41f7-96e0-307e50da3211/79da48b0-d020-47fc-8cde-7a8f1def989d-master.m3u8https://tube.vicstudio.net/videos/embed/bDZLaznuFaobA4DbFYPzM4132002024-07-25T12:11:23.945ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/iYyk43NxfJUst7f63GmPkrhttps://tube.vicstudio.net/lazy-static/thumbnails/6b2f3bb4-9f79-4077-8973-d9f79917314c.jpg3.1. Создание Slice3.1. Создание Slicehttps://tube.vicstudio.net/static/streaming-playlists/hls/9190ee75-8bc3-4d6c-8680-c6e305130d23/246db136-f666-4ced-9442-23c56ff614ef-master.m3u8https://tube.vicstudio.net/videos/embed/iYyk43NxfJUst7f63GmPkr218002024-07-25T12:15:11.054ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/h9BfwvPjw3Y9a44ZZxucZVhttps://tube.vicstudio.net/lazy-static/thumbnails/0e6d46fc-2d87-43b7-8eec-50a928e083f3.jpg3.2. Получение данных из state3.2. Получение данных из statehttps://tube.vicstudio.net/static/streaming-playlists/hls/82c5e480-3978-431e-b7eb-245d4f54505b/d17ae588-7406-4980-8a85-861497ee8be2-master.m3u8https://tube.vicstudio.net/videos/embed/h9BfwvPjw3Y9a44ZZxucZV47002024-07-25T12:18:53.293ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/qbTYDHBTCYcTw8h9ziJRKqhttps://tube.vicstudio.net/lazy-static/thumbnails/1885c6f0-8ec4-41a0-be26-ea3d5e655e1b.jpg3.3. Использование actions3.3. Использование actionshttps://tube.vicstudio.net/static/streaming-playlists/hls/c3e0cc1e-4c69-40e4-a9a3-99b0ee0130fa/45884503-7ffe-4628-94ca-ee9a62c14c39-master.m3u8https://tube.vicstudio.net/videos/embed/qbTYDHBTCYcTw8h9ziJRKq258002024-07-25T12:22:07.057ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/8NCmcVcaYvdLSHTzW9n4VEhttps://tube.vicstudio.net/lazy-static/thumbnails/1b40606b-6d9b-4865-8439-5c123976a866.jpg3.4. Использование вне компонента3.4. Использование вне компонентаhttps://tube.vicstudio.net/static/streaming-playlists/hls/3f3295a3-080a-437f-941a-8abef46a93dc/26cf98ee-906d-438d-a49f-77bfa22ee783-master.m3u8https://tube.vicstudio.net/videos/embed/8NCmcVcaYvdLSHTzW9n4VE390002024-07-25T12:28:59.706ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/vaTq7gW96zGauvw2djgN7vhttps://tube.vicstudio.net/lazy-static/thumbnails/90a1e863-5143-4bbd-bb69-22c9f7ec6af1.jpg3.5. Упражнение - to do list3.5. Упражнение - to do listhttps://tube.vicstudio.net/static/streaming-playlists/hls/ec3a66ae-2903-490e-a9e8-d3981b299f29/e89ddf68-d43b-4ff2-96f6-df466fb4443e-master.m3u8https://tube.vicstudio.net/videos/embed/vaTq7gW96zGauvw2djgN7v765002024-07-25T12:41:36.689ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/rg3QhuYu6CTsk5BrZTSFbfhttps://tube.vicstudio.net/lazy-static/thumbnails/0a51f79b-60a9-4e7a-bee0-28d85e60b98f.jpg3.6. Отладка Zustand3.6. Отладка Zustandhttps://tube.vicstudio.net/static/streaming-playlists/hls/cc8e5e5e-d136-478c-b974-be3b51b9e72e/a8d1b3f0-48c6-4b9f-a533-3d70952561b9-master.m3u8https://tube.vicstudio.net/videos/embed/rg3QhuYu6CTsk5BrZTSFbf348002024-07-25T12:54:08.803ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/6PerJvbxEcL6aikEa72Pskhttps://tube.vicstudio.net/lazy-static/thumbnails/c117c2a3-1333-4609-b2fb-301a3a6f0fff.jpg4.1. Асинхронные операции4.1. Асинхронные операцииhttps://tube.vicstudio.net/static/streaming-playlists/hls/2f15ef79-5a3c-4522-bc69-898bbef9eebb/03f1115d-d065-42c5-b757-0ddcceacedf1-master.m3u8https://tube.vicstudio.net/videos/embed/6PerJvbxEcL6aikEa72Psk85002024-07-25T12:59:18.159ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/346xqD5Gs3fo6LZUuyDXBbhttps://tube.vicstudio.net/lazy-static/thumbnails/b11bf29c-ec7c-4c1e-acf1-0f6adf94c258.jpg4.2. Пример запроса на сервер4.2. Пример запроса на серверhttps://tube.vicstudio.net/static/streaming-playlists/hls/10a0ec84-0dfe-42c8-8776-ae56bcd9f37c/b574d13a-636c-4ad0-8745-15860a4c81dc-master.m3u8https://tube.vicstudio.net/videos/embed/346xqD5Gs3fo6LZUuyDXBb846002024-07-25T13:08:22.655ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/2dQTFeZF5F7pec3SVbpEPRhttps://tube.vicstudio.net/lazy-static/thumbnails/9a54c36a-3b94-4301-a472-53b9f0827bb9.jpg4.3. Упражнения - Работа с API4.3. Упражнения - Работа с APIhttps://tube.vicstudio.net/static/streaming-playlists/hls/09e431ac-3878-4589-af1f-b40ff7811b07/ba1152db-00b0-437f-82af-24323fcd170d-master.m3u8https://tube.vicstudio.net/videos/embed/2dQTFeZF5F7pec3SVbpEPR516002024-07-25T13:23:36.019ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/3kmvTZBw4ocjZgQDmP1w3shttps://tube.vicstudio.net/lazy-static/thumbnails/13785cdc-64ee-4c44-912c-91bd78528fbd.jpg4.4. Persist4.4. Persisthttps://tube.vicstudio.net/static/streaming-playlists/hls/12e60d53-1278-45b6-a017-d8304eae1976/665cc34d-1f2e-47f1-b3a8-6b34d010fb87-master.m3u8https://tube.vicstudio.net/videos/embed/3kmvTZBw4ocjZgQDmP1w3s345002024-07-25T13:33:16.768ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/pvk8ekF8XU2mGhekGVa24chttps://tube.vicstudio.net/lazy-static/thumbnails/cc6b624f-78b8-49a9-9347-a7de11a0cbe4.jpg4.5. Reset состояния4.5. Reset состоянияhttps://tube.vicstudio.net/static/streaming-playlists/hls/be5a8b64-29c1-4dd7-a1fc-15a7ca3885d5/6e227cef-9e20-4556-acaf-812aab349b54-master.m3u8https://tube.vicstudio.net/videos/embed/pvk8ekF8XU2mGhekGVa24c640002024-07-25T13:43:51.525ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/cPjvt8sxEovCENgwZmXJCMhttps://tube.vicstudio.net/lazy-static/thumbnails/49681a2e-e51a-4ebb-bf31-09672b264628.jpg4.6. Упражнение - Сохранение состояния4.6. Упражнение - Сохранение состоянияhttps://tube.vicstudio.net/static/streaming-playlists/hls/5fafe371-7261-44c1-9f4c-d97006a35fb5/6a9280e0-ce5d-4925-9f44-855be093bb22-master.m3u8https://tube.vicstudio.net/videos/embed/cPjvt8sxEovCENgwZmXJCM1256002024-07-25T14:03:16.485ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/8NXrxgN9T3QRiR8JfGhTPXhttps://tube.vicstudio.net/lazy-static/thumbnails/30f7b84e-1f66-404b-bc20-c5f23a70fbf3.jpg5.1. Подписки на стор5.1. Подписки на сторhttps://tube.vicstudio.net/static/streaming-playlists/hls/3f3e59b1-09c1-48cd-8172-3935efab03c9/69a4226c-9713-4476-9f16-916bc16ec49f-master.m3u8https://tube.vicstudio.net/videos/embed/8NXrxgN9T3QRiR8JfGhTPX492012024-07-25T14:23:09.242ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/qDwve97vYfMV1Lims5bfkChttps://tube.vicstudio.net/lazy-static/thumbnails/fcbd0dd9-e2e9-4031-ad75-f5cb9f7d0e4b.jpg5.2. Кастомные хранилища5.2. Кастомные хранилищаhttps://tube.vicstudio.net/static/streaming-playlists/hls/c798a562-34b3-4356-9cfe-c1685561bffa/bcccc012-e18c-4ccb-bcfb-784bc140701a-master.m3u8https://tube.vicstudio.net/videos/embed/qDwve97vYfMV1Lims5bfkC413002024-07-25T14:33:08.019ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/oTKbdyhpifBhd3BrPKyTPNhttps://tube.vicstudio.net/lazy-static/thumbnails/3db555b8-8309-4b1d-8b65-6e8ff5cbe444.jpg5.3. Улучшенный стор в URL5.3. Улучшенный стор в URLhttps://tube.vicstudio.net/static/streaming-playlists/hls/b962974e-1896-4d85-bc83-74112ca8d5d0/9f3d83ed-c5ea-424a-abd2-64ca11e4469a-master.m3u8https://tube.vicstudio.net/videos/embed/oTKbdyhpifBhd3BrPKyTPN1164002024-07-25T14:49:21.518ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/mvUusHBZ8UhZ2AMX1cxtP9https://tube.vicstudio.net/lazy-static/thumbnails/feef77d9-a71a-429b-8567-a6338a850a67.jpg5.4. Slice паттерн5.4. Slice паттернhttps://tube.vicstudio.net/static/streaming-playlists/hls/a623b0ea-31e6-4d1b-9d9e-418016509842/c3d0f91f-af25-4271-9180-b6b2a46d8e77-master.m3u8https://tube.vicstudio.net/videos/embed/mvUusHBZ8UhZ2AMX1cxtP9955002024-07-25T15:12:40.458ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/vJm1YYkMASGYqPLnUCcZmahttps://tube.vicstudio.net/lazy-static/thumbnails/574a48f3-de53-4623-a5bb-4af41df5b774.jpg5.5. Предотвращение ререндеров5.5. Предотвращение ререндеровhttps://tube.vicstudio.net/static/streaming-playlists/hls/f0c29869-27eb-4631-8fe4-3f91778b9c4d/c93d6d97-ae75-4da9-82c4-23b585d18bed-master.m3u8https://tube.vicstudio.net/videos/embed/vJm1YYkMASGYqPLnUCcZma753002024-07-25T15:31:11.223ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/ih8cPVJJxebTHvKVsDcsKVhttps://tube.vicstudio.net/lazy-static/thumbnails/3bb8fc1d-2f52-4034-8c67-a9424681bf73.jpg5.6. Упражнение - Финал проекта5.6. Упражнение - Финал проектаhttps://tube.vicstudio.net/static/streaming-playlists/hls/8bebb275-4a0f-47e7-8c9c-4c30c186d6a3/d046f359-8a1a-4e6a-b641-30f6dc713ffd-master.m3u8https://tube.vicstudio.net/videos/embed/ih8cPVJJxebTHvKVsDcsKV504002024-07-25T15:45:27.198ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/sMRUDTdPSZgTL3fninUfnohttps://tube.vicstudio.net/lazy-static/thumbnails/2c4a00b8-f988-459d-87c2-08a34b747262.jpg6.1. Куда двигаться дальше6.1. Куда двигаться дальшеhttps://tube.vicstudio.net/static/streaming-playlists/hls/d8f4d4e3-3bea-48c8-8ce3-198dcbc69320/04ed8203-1f02-4e0d-93bf-5aeadbb8f29f-master.m3u8https://tube.vicstudio.net/videos/embed/sMRUDTdPSZgTL3fninUfno62002024-07-25T15:52:35.359ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/qTnFWeJNbWiaibJtmkXsTXhttps://tube.vicstudio.net/lazy-static/thumbnails/af2f658a-d2d0-49d6-90b3-66dd9849f024.jpg5.7. Работа с Tanstack Query5.7. Работа с Tanstack Queryhttps://tube.vicstudio.net/static/streaming-playlists/hls/c987a04b-0e66-40e4-8faa-8da9b7401a75/8a15abfc-f4ac-45cf-a449-b865911c46cf-master.m3u8https://tube.vicstudio.net/videos/embed/qTnFWeJNbWiaibJtmkXsTX1195002024-08-26T08:02:45.632ZYESdmitrenko_sNOhttps://tube.vicstudio.net/w/k73GDJBuU1J5r5SoEWbUHghttps://tube.vicstudio.net/lazy-static/thumbnails/8e71b93c-67fa-49d1-a99c-bfc1e140df3d.jpg5.8. Immer middleware5.8. Immer middlewarehttps://tube.vicstudio.net/static/streaming-playlists/hls/9ab5c2fa-48d6-4681-b6b9-b381bb0015d9/a84a671a-a64b-466e-a0a6-620e59ad8618-master.m3u8https://tube.vicstudio.net/videos/embed/k73GDJBuU1J5r5SoEWbUHg549002024-08-26T08:21:21.851ZYESdmitrenko_sNOhttps://tube.vicstudio.net/c/vicstudio/videoshttps://tube.vicstudio.net/c/freertos_vladimirmedintsev/videoshttps://tube.vicstudio.net/c/web_stack_lessons/videoshttps://tube.vicstudio.net/c/dmitrenko_s/videoshttps://tube.vicstudio.net/a/kell/video-channelshttps://tube.vicstudio.net/a/dmitrenko/video-channels