- Видео 163
- Просмотров 26 876 542
Ulbi TV
Россия
Добавлен 6 июл 2020
Привет друзья!) Меня зовут Ульби Тимур. Я fullstack разработчик)
На моем канале будут размещаться видео уроки посвященные программированию, здесь вы найдете много полезного по разным темам, javascript, backend, frontend, базы данных, алгоритмы и многое другое!)
Мой курс "Продвинутый frontend. В Production на React" - ulbitv.ru/frontend
Telegram канал для общения - t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469
На моем канале будут размещаться видео уроки посвященные программированию, здесь вы найдете много полезного по разным темам, javascript, backend, frontend, базы данных, алгоритмы и многое другое!)
Мой курс "Продвинутый frontend. В Production на React" - ulbitv.ru/frontend
Telegram канал для общения - t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469
Функциональное программирование от А до Я. ФП на JS. Монады, функторы, каррирование, композиция
В этом видео мы поговорим про функциональное программирование на javascript. Разберем такие темы как: Декларативность, Чистые функции и сайд эффекты, Иммутабельность (неизменяемость), Функции первого класса, Функции высшего порядка, Композиция/конвейер, Частичное применение и каррирование, Chaining, Контейнеры, Функторы и аппликативные функторы, Монады, Спецификация Fantasy-Land
Мой курс "Продвинутый Frontend. В production на React", скидка 20% - ulbitv.ru/frontend
Таймкоды:
00:00 ➝ Введение
01:30 ➝ План на урок
04:00 ➝ Что такое ФП? Сравнение с ООП
07:20 ➝ Концепции ФП
09:00 ➝ Декларативность vs императивность
13:25 ➝ Чистые функции и сайд эффекты
18:10 ➝ Иммутабельность (неизменяемость данных)
22...
Мой курс "Продвинутый Frontend. В production на React", скидка 20% - ulbitv.ru/frontend
Таймкоды:
00:00 ➝ Введение
01:30 ➝ План на урок
04:00 ➝ Что такое ФП? Сравнение с ООП
07:20 ➝ Концепции ФП
09:00 ➝ Декларативность vs императивность
13:25 ➝ Чистые функции и сайд эффекты
18:10 ➝ Иммутабельность (неизменяемость данных)
22...
Просмотров: 34 971
Видео
Frontend Roadmap 2024. Сравнение 2017 vs 2021 vs 2024. Что ДЕЙСТВИТЕЛЬНО должен знать JUNIOR?
Просмотров 59 тыс.Месяц назад
В этом видео мы обсудим frontend roadmap'ы, которые записывают из года в год. Сильно ли изменился frontend За последние 7 лет? Что делать начинающим frontend разработчикам? Разверните кластер облачных баз данных на топовом железе в Selectel: slc.tl/hxu3z Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Полезные материалы Плейлист подкасты с полезными советами - ruclip...
Инструмент новой эпохи? Oxidation compiler. Oxlint vs ESlint. Замена babel?
Просмотров 25 тыс.2 месяца назад
В этом ролике мы рассмотрим новый инструментов Oxidation compiler. Посмотрим на oxlint как замену eslint, компилятор, и в целом поговорим про развитие инструментов для frontend разработчиков. Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Ссылки на полезные материалы: Создаем свой ЯП - ruclips.net/video/Ezt3vBok5_s/видео.html Ссылка на мой телеграм канал - t.me/ulbi...
О себе, про канал, про IT, вопросы от подписчиков. Релокация, накрутка опыта, трудоустройство в IT
Просмотров 45 тыс.2 месяца назад
В этом ролике я буду отвечать на ваши вопросы. Поговорим про канал, кем я работаю и на какой позиции, про IT в целом. Обсудим релокацию, рынок IT в России и трудоустройство. Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Полезные ссылки из видео: Про ИИ (chatGPT) - ruclips.net/video/4tMySWvQeFo/видео.html Про высшее образование - ruclips.net/video/4RiVYdsK3Po/видео....
SEO от А до Я для WEB разработчиков. СЕО оптимизация
Просмотров 58 тыс.3 месяца назад
В этом ролике мы рассмотрим основные принципы СЕО оптимизации. SEO для веб разработчиков. Основы СЕО оптимизации, мета теги, чпу, open graph seo, canonical ссылки, sitemap, robots.txt, микроразметка, краулинговый бюджет, ssr vs spa. Текстовая инструкция: slc.tl/8qtfm Облачный сервер для размещения проекта: slc.tl/0wu7l Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend ...
Webpack ПОЛНЫЙ КУРС от А до Я. Вся конфигурация, Микрофронтенд, Монорепозиторий, Module Federation
Просмотров 103 тыс.5 месяцев назад
В этом ролике мы реализуем полную конфигурацию Webpack. Настроим typescript, react, babel. Научимся работать со стилями и css modules. Рассмотрим большую часть возможностей webpack 5. Реализуем монорепозиторий с микрофронтендом на основе workspaces и Module federation. Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Весь исходный код из ролика здесь - t.me/ulbi_tv/18...
Как ИИ (Сhat GPT) заберет твою РАБОТУ в IT?
Просмотров 40 тыс.6 месяцев назад
Искусственный интелект заменит джунов? Какие задачи решает chatGPT? Подписывайтесь на сообщество VK Mini Apps, там актуальные новости платформы и прямое общение с опытными разработчиками и деврелами vk.cc/crXPqw Реклама. ООО "В Контакте", ИНН 7842349892 Erid 2VtzquoVRLi Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Таймкоды: 00:00 ➝ Введение 03:25 ➝ Мнение о ИИ и п...
Что такое Rest API (http)? Soap? GraphQL? Websockets? RPC (gRPC, tRPC). Клиент - сервер. Вся теория
Просмотров 477 тыс.7 месяцев назад
Что такое Rest API? Что такое SOAP? Что такое Graphql? Что такое websockets? Что такое GRPC RPC? Клиент серверная архитектура. HTTP запросы. HTTP Теория. Общение клиента и сервера. Курс "Продвинутый Frontend. в Production на React" - ulbitv.ru/frontend Ссылка на мой телеграм канал - t.me/ulbi_tv Ссылки на практические ролики по темам: ruclips.net/video/UTItsV_44K4/видео.html ruclips.net/video/o...
Bun sh - революция в JavaScript? Новый JS runtime. Замена Node js, webpack, jest
Просмотров 95 тыс.7 месяцев назад
В этом ролике мы рассмотрим новый JS runtime - bun.sh. Посмотрим на bandler, test runner, ws/http server. Посмотрим сравнение и скорость работы. Node js - ruclips.net/video/243pQXC5Ebs/видео.htmlsi=BzFrZ5XC0ICxXr7x esbuild - ruclips.net/video/9wFfq5bLCgg/видео.html Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Ссылка на мой телеграм канал - t.me/ulbi_tv Поддержать ...
Трешовые вакансии в IT. Анализ рынка. Работа за еду?
Просмотров 158 тыс.8 месяцев назад
Смотрим вакансии и ищем работу на FRONTEND разработчика. Что должен знать junior, middle, senior frontend разработчик для трудоустройства? Какие технологии стоит изучать junior, middle, senior frontend разработчику? Как быстрее стать junior, middle, senior frontend разработчиком? Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Ссылка на мой телеграм канал - t.me/ulbi...
Деплой Frontend приложения. Настройка nginx. Подключаем домен, настраиваем HTTPS, gzip, docker
Просмотров 88 тыс.8 месяцев назад
В этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера. Текстовая версия видео (Статья с инструкцией): slc.tl/7njx9 Гибкие облачные серверы от 10 рублей в день: slc.tl/we3op Ссылка на исходный код - github.com/utimur/vite-boilerplate Мой курс "Продвинутый Frontend. В production на React"...
6 ЛЕТ в IT. Что я понял? 9 советов себе начинающему в программировании чтобы быстрее обучаться
Просмотров 674 тыс.9 месяцев назад
В этом видео я дам советы, которые помогут тебе быстрее обучаться в IT. Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Ссылка на мой телеграм канал - t.me/ulbi_tv Плейлист с роликами по computed science - ruclips.net/p/PL6DxKON1uLOFQT7dzQH72cJip7i2sFzxw Плейлист с собеседованиями - ruclips.net/p/PL6DxKON1uLOG0carDseYltoAovmnjjhZk Подкасты с советами и рассуждениями ...
Слоистая архитектура. Луковая (onion) архитектура. Слои, изоляция, DI, solid
Просмотров 69 тыс.10 месяцев назад
В этом ролике мы рассмотрим одну из самых популярных архитектур ПО. Многослойная\слоистая\луковая архитектура. Рассмотрим на примере. Поговорим про Dependency inversion и dependency injection Курс "Продвинутый Frontend. в Production на React" - ulbitv.ru/frontend Плейлист с роликами по архитектуре - ruclips.net/p/PL6DxKON1uLOFP5_VPhy6BCE7DA0jdzWO5 Поддержать меня и мой канал вы можете по ссылка...
Прохожу собеседование на FRONTEND Разработчика в Яндекс. Как решать задачи правильно?
Просмотров 176 тыс.11 месяцев назад
Прохожу техническое собеседование на FRONTEND разработчика в Яндекс. Вопросы на собеседование по React, javascript, frontend. Алгоритмические задачи. Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend Мой канал в telegram и канал для общения подписчиков - t.me/ulbi_tv На канале есть отдельный плейлист с разными собеседованиями - ruclips.net/p/PL6DxKON1uLOG0carDseYltoAov...
Продвинутый Frontend. В Production на React. Обновленный финальный курс
Просмотров 84 тыс.Год назад
В этом ролике информация по advanced курсу по React, над которым я работал более чем полтора года. React/webpack/typescript/jest/storybook, оптимизация react, конфигурация, различные среды, оптимизация, интернационализация i18n react. React JS, React TS, React 2022, React Курс. Ссылка на курс - ulbitv.ru/frontend Все вопросы можно задать по контактам, которые указаны на лендинге по ссылке выше....
РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА В КОРПОРАЦИЮ ЗП 5000$
Просмотров 188 тыс.Год назад
РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА В КОРПОРАЦИЮ ЗП 5000$
Почему ты НЕ НАЙДЕШЬ работу в IT? Что ты делаешь не так?
Просмотров 180 тыс.Год назад
Почему ты НЕ НАЙДЕШЬ работу в IT? Что ты делаешь не так?
Фишки TypeScript о которых ТЫ НЕ ЗНАЛ!
Просмотров 83 тыс.Год назад
Фишки TypeScript о которых ТЫ НЕ ЗНАЛ!
Что с IT в 2023? Про работу можно забыть? Анализ IT рынка
Просмотров 637 тыс.Год назад
Что с IT в 2023? Про работу можно забыть? Анализ IT рынка
Event Loop от А до Я. Архитектура браузера и Node JS. Движки и рендер. Самое подробное видео
Просмотров 246 тыс.Год назад
Event Loop от А до Я. Архитектура браузера и Node JS. Движки и рендер. Самое подробное видео
Zustand и React query. State management в React без боли
Просмотров 62 тыс.Год назад
Zustand и React query. State management в React без боли
Архитектура современных FRONTEND приложений. 5 видов. Преимущества и недостатки
Просмотров 261 тыс.Год назад
Архитектура современных FRONTEND приложений. 5 видов. Преимущества и недостатки
Улучшенный курс Продвинутый Frontend. В Production на React. 2 поток.
Просмотров 58 тыс.Год назад
Улучшенный курс Продвинутый Frontend. В Production на React. 2 поток.
НЕУДАЧНОЕ СОБЕСЕДОВАНИЕ на FRONTEND РАЗРАБОТЧИКА. Live coding
Просмотров 224 тыс.Год назад
НЕУДАЧНОЕ СОБЕСЕДОВАНИЕ на FRONTEND РАЗРАБОТЧИКА. Live coding
Архитектура современных WEB приложений. Эволюция от А до Я
Просмотров 258 тыс.Год назад
Архитектура современных WEB приложений. Эволюция от А до Я
СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА ЗП 250К. LIVE CODING
Просмотров 1,1 млнГод назад
СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА ЗП 250К. LIVE CODING
MVC, MVVM Архитектура. Наглядная теория и примеры
Просмотров 231 тыс.Год назад
MVC, MVVM Архитектура. Наглядная теория и примеры
Web app TELEGRAM Бот на node js и React. Интернет магазин и форма обратной связи в телеграмм боте
Просмотров 189 тыс.Год назад
Web app TELEGRAM Бот на node js и React. Интернет магазин и форма обратной связи в телеграмм боте
Пиши код на React быстрее. X2 Скорость разработки с React buddy
Просмотров 48 тыс.Год назад
Пиши код на React быстрее. X2 Скорость разработки с React buddy
Имба
Тимур,спасибо тебе,твои видео вдохновляют,весь ютуб перелазил и забыл что есть гений.
Все просто замечательно, жаль нет возможности скачать исходники, это бы здорово помогло когда что то не работает и уперся в стену...
Найс, респект и уважуха
Спасибо за видео, Тимур. Было полезно.
Крутой ролик, теперь у меня есть понимание этих всех принципов
База нужна безусловно. Если говорить в контексте фронтенда , то иметь базовые знания html css js. И уже с ними чат открывает большие перспективы для развития. У меня был такой случай, что я имея эту базу начал с нуля писать приложение на react + typescript. Потихоньку шаг за шагом с помощью чата я сделал рабочее приложение. Скажу 100% что без него я бы делал это приложение наааааамного дольше. По сути я был в роли архитектора - оператора приложения. Заранее я нарисовал архитектуру приложения, какие компоненты я в нем вижу , какая логика должна быть в нем и какие задачи оно должно решать. Все свои наработки я предварительно согласовал - скорректировал с чатом. И приступил к коду. Потихоньку я сделал задуманное. Оно работает. Это кайф. Это просто кайф что есть такой моооощный инструмент , доступным молодым разработчикам. Разумеется все шло не по маслу. Куча доработок за ним. Параллельно был открыт чат для вопросов по реакту, тайпскрипту - там я чисто набивал теорию и навыки владения этими технологиями. А другой чат был полностью посвящен контексту разработки самого приложения.
Олег, ты хорош! молодец!
Теперь твое видео про алгоритмы и структуры данных javascript на первом месте в выдаче xD
Дам объективный ответ насчёт вышки.Тех вышку имеют ниже 25% населения,просто вдумайтесь в это,возможно в будущем вам не пригодится программирование,так как вы перегорите(выгорают большая часть программистов,это надо учитывать),это не рассказывают на каждом углу или же на курсах,вы можете перегореть через пол года,а можете через год,я к 3-ему курсу универа тоже уже перегорел и это нормально,это случается не только в ит сфере,но и в других сферах тоже)По этому думайте,кому вы будете нужны без образования,если вы захотите к примеру завтра сменить сферу деятельности,вдруг вы захотите уйти в управление,вот здесь уже и понадобиться та заветная корка))))) В тех университет идут не за знаниями,а за коркой)Это как с правами пока у вас нет машины,сегодня они вам не нужны,а вот завтра к примеру они уже могут понадобиться. Все кто пренебрегает вышкой,это те,кто не учился на вышке)Как я сказал в начале,что только малая часть имеет образование и об этом надо задуматься.Да и тем более сейчас развивается искусственный интеллект и ваше образование возможно в будущем пригодится)
Последние версии css-loader выше 7.0.0 не работает для кода, так что следить за зависимостями дейтсвительно нужно)
Дай бог тебе здоровья.
норм
Видео вообще бобовое
Сам вряд ли дождусь ответа тут, быстрее сам найду) Оставлю для будущих соискателей, если кто-то ответит. Интересует поиск по ключевым словам в различных группах. Что бы получать сообщение, когда затронута опредпленная тема в чате. Я так понимаю это уже с апи телеги нужно работать, но, скорее всего, за это могут и банить, если перебрать с количеством запросов. Буду искать инфу, если не забуду, скину сюда ответ. За видео отдельное спасибо, как всегда все супер
Мозг взорван, но мне понравилось))) Продолжай сенсей
1) SRP - Single responsibility principle Один класс - одна задача 2) OCP - Open/closed principle Класс должен быть открыть для расширения но закрыт для изменения 3) LCP - Liskov Substitution Principle Наследующий класс должен дополнять, а не замещать поведение базового класса 4) ICP - Interface Segregation Principle Не нужно заставлять клиента (класс) реализовывать интерфейс, который не имеет к нему отношения 5) DIP - Dependency Inversion Principle Модули верхнего уровня не должны зависеть от модулей нижнего уровня. И те, и другие должны зависеть от абстракции. Абстракции не должны зависеть от деталей. Детали должны зависеть от абстракций
Аналог Конвейера в ООП можно считать паттерн Строитель (Builder). Также похожий подход можно увидеть в функции createSelector, библиотеки Redux-toolkit.
😘😘😘
было полезно, спасибо!
Крутяк, все очень доступным языком, лайк)
Еще не посмотрел, интересно, будет ли в этом списке Первый (сраный) Бит?
Отличный видеоролик, помогает даже спустя года. Всем счастливым обладателям последней версии react предлагаю мини помощь с замена хука useHistory на useNavigate. КОД: const navigate = useNavigate(); <Col md={3} className={"mt-4"} onClick={() => navigate(LOT_ROUTE+"/"+lot.id)}> Примерно так это выглядит у меня
Тимур, огромное тебе спасибо! Не просто, но понятно, даже спустя 2 года актуальность не теряется.
Первый раз оставляю комментарий. Реально лучший материал на всём ютубе, еще и бесплатно. Спасибо за курс)
топ урок, на май 2024 все актуально и работает, только интерфейс сайта монги поменялся слегка)
Подскажите подалуйста, почему почти при пустом реакт проекте бандл весит больше мегабайта, а у тимура всего около 300кБ?
Помоги пожалуйста я сделал декомпозицию конфига и запустил prod и в итоге все файлы и папки удалились осталось лишь бандл. В логе пишет что не может найти package.json😢
Какой же этот курс мощный, сегодня начал использовать всё что выучил на курсе и это прям вау, не представляю насколько тогда офигенен 'Продвинутый Frontend'
Это просто огонь! Как ты это делаешь?) Такой контент, пушка!
👍
Нужно ли учить ноду и фастифай, или можно сразу начать с nest на фастифай платформе?
Хочу еще раз поблагодарить за курс!!! И продублировать комментарий из 10 ролика Если в схеме файла оставить поле date: { type: Date, default: Date.now()}, то папки и загружаемые файлы будут создаваться с одинаковой датой и сортировка по дате не будет работать. Скобки после now стоит убрать)
Хочу сказать спасибо за курс!)) И еще, если в схеме файла оставить поле date: { type: Date, default: Date.now()}, то папки и загружаемые файлы будут создаваться с одинаковой датой. Скобки после now стоит убрать)
Спасибо за труд! Все четко, понятно, доступно!
неверный пример с кэшированием. нужно переписать длинный номер с какого то неподвижного объекта на другой неподвижный объект. итого бегать каждый раз штучно запоминать и бегать невыгодно. взяли бумагу закэшировали туда и вернулись. но имейте ввиду что исходная информация может уже измениться как только вы отошли
Спасибо) ❤
А поиск то работает на первые 10-ть записей?
Теперь я знаю ООП, только на работе я его ни где не использую. пишу в функциональной парадигме программирования используя классы
Good mentor
спасибо Тимур
Отличные объяснения, доступно, понятно. Спасибо!
ЧТо то не совсем понял - это что получается - мы юзаем стейт для компонента и пихаем в него все данные - не только не которые шерим по всему приложению но и те что касаются только этого компонента? например список юзеров. Это же получается мы уйдем из этого компонента но список юзеров останется в сторе? Объясните плиз как это работает
От миллиона роликов едет крыша
Лучший. Просто лучший.
ахахах 36:55 как он перебивает
Классное видео
учил реакт самостоятельно, немного смотрел курсы на ютубе. прошло примерно 3-4 месяца с момента начала изучения реакта. черт возьми, этот курс максимально крут, да, он сложный, но я жалею, что не посмотрел его сразу. Тимуру большой большой респект!!!
Офигенно! Не только новые фичи в реакте выучил но и еще крутые фишки в webstorm'e! Спасибо огромнейшее!!
Видно, что автор не backend разработчик - троху чуши наговорил, немного не так обычно выглядит backend реализация в реальных проектах. Но старался, молодец.
Просто человеческое спасибо! Ты нереально мотивируешь стремиться к знаниям. Считаю тебя уникумом, в свои 24 ты во многом преуспел. Подача, мысли, знания - на уровне. Начал коммент со слов благодарности(хотя сколько не скажи - всё мало будет), так его хочу и закончить, спа-си-бо!
🙏🤝 и тебе большое спасибо за поддержку!)