Ulbi TV
Ulbi TV
  • Видео 163
  • Просмотров 26 876 542
Функциональное программирование от А до Я. ФП на 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...
Просмотров: 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 Архитектура. Наглядная теория и примеры
Архитектура ПО. Введение
Просмотров 166 тыс.Год назад
Архитектура ПО. Введение
Web app TELEGRAM Бот на node js и React. Интернет магазин и форма обратной связи в телеграмм боте
Просмотров 189 тыс.Год назад
Web app TELEGRAM Бот на node js и React. Интернет магазин и форма обратной связи в телеграмм боте
Пиши код на React быстрее. X2 Скорость разработки с React buddy
Просмотров 48 тыс.Год назад
Пиши код на React быстрее. X2 Скорость разработки с React buddy

Комментарии

  • @pussydussy3693
    @pussydussy3693 23 часа назад

    Имба

  • @posmotrel333
    @posmotrel333 День назад

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

  • @gogadrz
    @gogadrz День назад

    Все просто замечательно, жаль нет возможности скачать исходники, это бы здорово помогло когда что то не работает и уперся в стену...

  • @Sanchistador
    @Sanchistador День назад

    Найс, респект и уважуха

  • @bentonfraizer69
    @bentonfraizer69 День назад

    Спасибо за видео, Тимур. Было полезно.

  • @flame_____
    @flame_____ День назад

    Крутой ролик, теперь у меня есть понимание этих всех принципов

  • @JJ-bi4dc
    @JJ-bi4dc День назад

    База нужна безусловно. Если говорить в контексте фронтенда , то иметь базовые знания html css js. И уже с ними чат открывает большие перспективы для развития. У меня был такой случай, что я имея эту базу начал с нуля писать приложение на react + typescript. Потихоньку шаг за шагом с помощью чата я сделал рабочее приложение. Скажу 100% что без него я бы делал это приложение наааааамного дольше. По сути я был в роли архитектора - оператора приложения. Заранее я нарисовал архитектуру приложения, какие компоненты я в нем вижу , какая логика должна быть в нем и какие задачи оно должно решать. Все свои наработки я предварительно согласовал - скорректировал с чатом. И приступил к коду. Потихоньку я сделал задуманное. Оно работает. Это кайф. Это просто кайф что есть такой моооощный инструмент , доступным молодым разработчикам. Разумеется все шло не по маслу. Куча доработок за ним. Параллельно был открыт чат для вопросов по реакту, тайпскрипту - там я чисто набивал теорию и навыки владения этими технологиями. А другой чат был полностью посвящен контексту разработки самого приложения.

  • @AskarZhaanbaev-kz1do
    @AskarZhaanbaev-kz1do День назад

    Олег, ты хорош! молодец!

  • @TarasovFrontDev
    @TarasovFrontDev День назад

    Теперь твое видео про алгоритмы и структуры данных javascript на первом месте в выдаче xD

  • @whitehousetv4259
    @whitehousetv4259 День назад

    Дам объективный ответ насчёт вышки.Тех вышку имеют ниже 25% населения,просто вдумайтесь в это,возможно в будущем вам не пригодится программирование,так как вы перегорите(выгорают большая часть программистов,это надо учитывать),это не рассказывают на каждом углу или же на курсах,вы можете перегореть через пол года,а можете через год,я к 3-ему курсу универа тоже уже перегорел и это нормально,это случается не только в ит сфере,но и в других сферах тоже)По этому думайте,кому вы будете нужны без образования,если вы захотите к примеру завтра сменить сферу деятельности,вдруг вы захотите уйти в управление,вот здесь уже и понадобиться та заветная корка))))) В тех университет идут не за знаниями,а за коркой)Это как с правами пока у вас нет машины,сегодня они вам не нужны,а вот завтра к примеру они уже могут понадобиться. Все кто пренебрегает вышкой,это те,кто не учился на вышке)Как я сказал в начале,что только малая часть имеет образование и об этом надо задуматься.Да и тем более сейчас развивается искусственный интеллект и ваше образование возможно в будущем пригодится)

  • @arkadiishefer4288
    @arkadiishefer4288 День назад

    Последние версии css-loader выше 7.0.0 не работает для кода, так что следить за зависимостями дейтсвительно нужно)

  • @user-eu8kf1xb9h
    @user-eu8kf1xb9h 2 дня назад

    Дай бог тебе здоровья.

  • @black__angels
    @black__angels 2 дня назад

    норм

  • @user-gz7gi4qv4e
    @user-gz7gi4qv4e 2 дня назад

    Видео вообще бобовое

  • @free_Belarus_free_Ukraine
    @free_Belarus_free_Ukraine 2 дня назад

    Сам вряд ли дождусь ответа тут, быстрее сам найду) Оставлю для будущих соискателей, если кто-то ответит. Интересует поиск по ключевым словам в различных группах. Что бы получать сообщение, когда затронута опредпленная тема в чате. Я так понимаю это уже с апи телеги нужно работать, но, скорее всего, за это могут и банить, если перебрать с количеством запросов. Буду искать инфу, если не забуду, скину сюда ответ. За видео отдельное спасибо, как всегда все супер

  • @user-gk1yb3vp4b
    @user-gk1yb3vp4b 2 дня назад

    Мозг взорван, но мне понравилось))) Продолжай сенсей

  • @of_youtube
    @of_youtube 2 дня назад

    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 Модули верхнего уровня не должны зависеть от модулей нижнего уровня. И те, и другие должны зависеть от абстракции. Абстракции не должны зависеть от деталей. Детали должны зависеть от абстракций

  • @maratvaliev8642
    @maratvaliev8642 2 дня назад

    Аналог Конвейера в ООП можно считать паттерн Строитель (Builder). Также похожий подход можно увидеть в функции createSelector, библиотеки Redux-toolkit.

  • @t-boxcollectionshop9621
    @t-boxcollectionshop9621 2 дня назад

    😘😘😘

  • @Ivanfwit
    @Ivanfwit 3 дня назад

    было полезно, спасибо!

  • @Onill17
    @Onill17 3 дня назад

    Крутяк, все очень доступным языком, лайк)

  • @ElectroPaul
    @ElectroPaul 3 дня назад

    Еще не посмотрел, интересно, будет ли в этом списке Первый (сраный) Бит?

  • @svendell6911
    @svendell6911 3 дня назад

    Отличный видеоролик, помогает даже спустя года. Всем счастливым обладателям последней версии react предлагаю мини помощь с замена хука useHistory на useNavigate. КОД: const navigate = useNavigate(); <Col md={3} className={"mt-4"} onClick={() => navigate(LOT_ROUTE+"/"+lot.id)}> Примерно так это выглядит у меня

  • @pavelakuma7472
    @pavelakuma7472 3 дня назад

    Тимур, огромное тебе спасибо! Не просто, но понятно, даже спустя 2 года актуальность не теряется.

  • @user-ol6uo9jk5z
    @user-ol6uo9jk5z 3 дня назад

    Первый раз оставляю комментарий. Реально лучший материал на всём ютубе, еще и бесплатно. Спасибо за курс)

  • @vadim_romanov
    @vadim_romanov 3 дня назад

    топ урок, на май 2024 все актуально и работает, только интерфейс сайта монги поменялся слегка)

  • @djorji7114
    @djorji7114 3 дня назад

    Подскажите подалуйста, почему почти при пустом реакт проекте бандл весит больше мегабайта, а у тимура всего около 300кБ?

    • @user-ro7mh3mo2s
      @user-ro7mh3mo2s 3 дня назад

      Помоги пожалуйста я сделал декомпозицию конфига и запустил prod и в итоге все файлы и папки удалились осталось лишь бандл. В логе пишет что не может найти package.json😢

  • @endfine9230
    @endfine9230 3 дня назад

    Какой же этот курс мощный, сегодня начал использовать всё что выучил на курсе и это прям вау, не представляю насколько тогда офигенен 'Продвинутый Frontend'

  • @user-qk8xh8zt2m
    @user-qk8xh8zt2m 3 дня назад

    Это просто огонь! Как ты это делаешь?) Такой контент, пушка!

  • @user-uc5xr1op7r
    @user-uc5xr1op7r 3 дня назад

    👍

  • @user-yr2ek5yp7x
    @user-yr2ek5yp7x 3 дня назад

    Нужно ли учить ноду и фастифай, или можно сразу начать с nest на фастифай платформе?

  • @BLOCKCHAINSAW
    @BLOCKCHAINSAW 4 дня назад

    Хочу еще раз поблагодарить за курс!!! И продублировать комментарий из 10 ролика Если в схеме файла оставить поле date: { type: Date, default: Date.now()}, то папки и загружаемые файлы будут создаваться с одинаковой датой и сортировка по дате не будет работать. Скобки после now стоит убрать)

  • @BLOCKCHAINSAW
    @BLOCKCHAINSAW 4 дня назад

    Хочу сказать спасибо за курс!)) И еще, если в схеме файла оставить поле date: { type: Date, default: Date.now()}, то папки и загружаемые файлы будут создаваться с одинаковой датой. Скобки после now стоит убрать)

  • @Anush0000
    @Anush0000 4 дня назад

    Спасибо за труд! Все четко, понятно, доступно!

  • @isakneuman9995
    @isakneuman9995 4 дня назад

    неверный пример с кэшированием. нужно переписать длинный номер с какого то неподвижного объекта на другой неподвижный объект. итого бегать каждый раз штучно запоминать и бегать невыгодно. взяли бумагу закэшировали туда и вернулись. но имейте ввиду что исходная информация может уже измениться как только вы отошли

  • @hackerlime
    @hackerlime 4 дня назад

    Спасибо) ❤

  • @Noilty
    @Noilty 4 дня назад

    А поиск то работает на первые 10-ть записей?

  • @Niakita
    @Niakita 4 дня назад

    Теперь я знаю ООП, только на работе я его ни где не использую. пишу в функциональной парадигме программирования используя классы

  • @nabijonazamov3695
    @nabijonazamov3695 4 дня назад

    Good mentor

  • @vadim_romanov
    @vadim_romanov 4 дня назад

    спасибо Тимур

  • @iceaye5730
    @iceaye5730 4 дня назад

    Отличные объяснения, доступно, понятно. Спасибо!

  • @igorbond2823
    @igorbond2823 4 дня назад

    ЧТо то не совсем понял - это что получается - мы юзаем стейт для компонента и пихаем в него все данные - не только не которые шерим по всему приложению но и те что касаются только этого компонента? например список юзеров. Это же получается мы уйдем из этого компонента но список юзеров останется в сторе? Объясните плиз как это работает

  • @Sergej133
    @Sergej133 4 дня назад

    От миллиона роликов едет крыша

  • @razdolbaika5397
    @razdolbaika5397 4 дня назад

    Лучший. Просто лучший.

  • @tima_krz6737
    @tima_krz6737 4 дня назад

    ахахах 36:55 как он перебивает

  • @user-gz7gi4qv4e
    @user-gz7gi4qv4e 4 дня назад

    Классное видео

  • @xdayx53
    @xdayx53 4 дня назад

    учил реакт самостоятельно, немного смотрел курсы на ютубе. прошло примерно 3-4 месяца с момента начала изучения реакта. черт возьми, этот курс максимально крут, да, он сложный, но я жалею, что не посмотрел его сразу. Тимуру большой большой респект!!!

  • @endfine9230
    @endfine9230 4 дня назад

    Офигенно! Не только новые фичи в реакте выучил но и еще крутые фишки в webstorm'e! Спасибо огромнейшее!!

  • @TTTuTTT
    @TTTuTTT 4 дня назад

    Видно, что автор не backend разработчик - троху чуши наговорил, немного не так обычно выглядит backend реализация в реальных проектах. Но старался, молодец.

  • @user-xw3xv8ig7z
    @user-xw3xv8ig7z 5 дней назад

    Просто человеческое спасибо! Ты нереально мотивируешь стремиться к знаниям. Считаю тебя уникумом, в свои 24 ты во многом преуспел. Подача, мысли, знания - на уровне. Начал коммент со слов благодарности(хотя сколько не скажи - всё мало будет), так его хочу и закончить, спа-си-бо!

    • @UlbiTV
      @UlbiTV 4 дня назад

      🙏🤝 и тебе большое спасибо за поддержку!)