Веб-разработка - DevMagazine
Веб-разработка - DevMagazine
  • 132
  • 728 609
Быстрый старт в React - курс
#React #ReactJS
Пройти курс 👉 it-dev-journal.ru/courses/bystryj-start-v-react
Друзья, я очень рад поделиться с вами этим курсом Быстрый старт в React
React сегодня используется в миллионах приложений.
Это один из самых популярных способов создания пользовательских интерфейсов. Причины этого очевидны:
* Приложение React состоит из переиспользуемых компонентов, с которыми легко работать.
* У React очень больше комьюнити, он востребован среди разработчиков, по React есть множество вакансий.
К концу этого курса вы будете хорошо понимать, что React может сделать для упрощения создания сложных веб-приложений. У вас появятся знания, необходимые для запуска собственного проекта React.
Мы в соцсетях:
💻 Сайт: it-dev-journal.ru
💻 Telegram: t.me/devmagazinechannel
💻 GitHub: github.com/vadimkorr
☕️ Поддержать канал: www.donationalerts.com/r/devmagazine
#devmagazine #devmagazinechannel
มุมมอง: 654

วีดีโอ

Установка padding и margin в Tailwind CSS
มุมมอง 76610 หลายเดือนก่อน
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для установки padding и margin компонентов с TailwindCSS. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: th-cam.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html 💡 Redux Saga: th-cam.co...
Что такое ПРОКСИ в JavaScript (Proxy)
มุมมอง 10K2 ปีที่แล้ว
#js #javascript Полезный Сайт О Разработке 👉 it-dev-journal.ru Proxy в JavaScript позволяет перехватывать и переопределять операции над объектом. Мы в соцсетях: 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать: www.donationalerts.com/r/devmagazine 📃 Репо simply-reactive: github.com/vadimkorr/simply-reactive Курсы и плейлисты: 💡...
Как использовать Компоненты высшего порядка ReactJS
มุมมอง 2.7K2 ปีที่แล้ว
#React #ReactJS Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицирован...
Собеседование JUNIOR frontend REACT
มุมมอง 38K2 ปีที่แล้ว
#React #ReactJS В этом выпуске разберем вопросы собеседования Junior frontend React разработчика, рассмотрим вопросы по JavaScript, HTML, CSS, которые обязательно спросят и решим алгоритмическую задачу, а также оценим алгоритмическую сложность решения. Мы в соцсетях: 👉 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ...
Flexbox в TailwindCSS
มุมมอง 1.8K2 ปีที่แล้ว
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для работы с flexbox в Tailwind. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: th-cam.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html 💡 Redux Saga...
Как поменять цвет текста и фона в TailwindCSS
มุมมอง 1.6K2 ปีที่แล้ว
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для изменения цвета шрифта и фона в Tailwind. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: th-cam.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html...
Размеры шрифта и их кастомизация в Tailwind
มุมมอง 1.3K2 ปีที่แล้ว
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для работы с размерами шрифта в Tailwind, и способы кастомизации размеров шрифта через tailwind.config.js. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tail...
Паттерн Render Props в ReactJS
มุมมอง 4.7K2 ปีที่แล้ว
#React #ReactJS В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами где render props полезны, посмотрим на проп children и передадим в него аргументы. Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте. К пропсам с таким поведением принято добавлять префикс render (renderContent), чтобы отличать обычные про...
Как работает TailwindCSS
มุมมอง 1.7K2 ปีที่แล้ว
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем как работает Tailwind, как он определяет какие утилиты использованы, и нюансы связанные с этим процессом. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: th-...
Ширина и высота в TailwindCSS
มุมมอง 2.1K2 ปีที่แล้ว
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для работы с шириной и высотой в Tailwind, а также абсолютные и относительные единицы измерения - px, проценты, rem, vh, vw, ... Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Кур...
Как тестировать Redux Saga? Тестирование fork
มุมมอง 4222 ปีที่แล้ว
#ReduxSaga #Redux #React В этом видео рассматриваем тестирование эффектов fork в Redux Saga. Особенность fork в том, что он возвращает объект задачи. И этот объект иногда передается в другие эффекты например в cancel. И в тестах мы должны создать мок этого объекта и передать его дальше в следующий эффект. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: tw...
Варианты установки TailwindCSS
มุมมอง 2.4K2 ปีที่แล้ว
#Tailwind #TailwindCSS #CSS В этом видео рассмотрим все варианты установки Tailwind. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: th-cam.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html 💡 Redux Saga: th-cam.co...
Как написать компонент с TailwindCSS?
มุมมอง 3.9K2 ปีที่แล้ว
#Tailwind #TailwindCSS #CSS В этом видео пишем компонент с TailwindCSS. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: th-cam.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html 💡 Redux Saga: th-cam.com/play/PLmfIB...
Как работать с TailwindCSS CLI?
มุมมอง 4K2 ปีที่แล้ว
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем работу с CLI TailwindCSS. Это интерфейс командной строки, который может компилировать tailwind файлы в файлы css. Для инициализации конфиг файла используется команда npx tailwindcss init. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддерж...
Компоненты высшего порядка ReactJS (Higher-order components)
มุมมอง 8K2 ปีที่แล้ว
Компоненты высшего порядка ReactJS (Higher-order components)
Как тестировать Redux Saga? Full Saga testing
มุมมอง 1.1K2 ปีที่แล้ว
Как тестировать Redux Saga? Full Saga testing
Кастомный ХУК для изменения ТЕМЫ приложения на ReactJS (Темная тема React)
มุมมอง 10K2 ปีที่แล้ว
Кастомный ХУК для изменения ТЕМЫ приложения на ReactJS (Темная тема React)
Установка TailwindCSS
มุมมอง 7K2 ปีที่แล้ว
Установка TailwindCSS
Что такое Tailwind CSS?
มุมมอง 10K2 ปีที่แล้ว
Что такое Tailwind CSS?
О курсе Tailwind CSS
มุมมอง 11K2 ปีที่แล้ว
О курсе Tailwind CSS
Как тестировать ветвления в Redux Saga?
มุมมอง 6362 ปีที่แล้ว
Как тестировать ветвления в Redux Saga?
Тестирование Redux Saga
มุมมอง 1K2 ปีที่แล้ว
Тестирование Redux Saga
Списки в Sass - тип list
มุมมอง 6462 ปีที่แล้ว
Списки в Sass - тип list
О типе map в Sass
มุมมอง 1.1K2 ปีที่แล้ว
О типе map в Sass
Как комбинировать саги с RACE и ALL в Redux Saga?
มุมมอง 5252 ปีที่แล้ว
Как комбинировать саги с RACE и ALL в Redux Saga?
Как получить данные из стора в Redux Saga?
มุมมอง 9152 ปีที่แล้ว
Как получить данные из стора в Redux Saga?
Все о математических функциях в Sass
มุมมอง 8522 ปีที่แล้ว
Все о математических функциях в Sass
Встроенные модули Sass
มุมมอง 6132 ปีที่แล้ว
Встроенные модули Sass
Как запустить несколько саг в Redux Saga?
มุมมอง 5252 ปีที่แล้ว
Как запустить несколько саг в Redux Saga?

ความคิดเห็น

  • @TheMrFangame
    @TheMrFangame 2 วันที่ผ่านมา

    Урок хороший, но пример не совсем. По сути это оверинджениринг в примере. А конкретное использование HOC не раскрыто

  • @seriogaromanchykov9451
    @seriogaromanchykov9451 6 วันที่ผ่านมา

    Большое спасибо , это выглядит проще чем с материалюай

  • @user-ml3zo9sd6b
    @user-ml3zo9sd6b 28 วันที่ผ่านมา

    А что значит селектор: а--modifier?

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

    Хороший урок, понято и доступно объяснил

  • @never.m1nd
    @never.m1nd หลายเดือนก่อน

    Привет! Если добавляю transition на body то при начальной загрузке страницы (или перезагрузке) происходит переход от светлой к темной теме, мигание или перетекание, выглядит не очень эстетично. Как этот баг убрать?

    • @never.m1nd
      @never.m1nd หลายเดือนก่อน

      Сам и отвечу. Я пофиксил эту багу с помощью события load добавляя класс с transition только после загрузки HTML и внешних ресурсов: window.addEventListener('load', () => { document.body.classList.add('transition') })

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

    Благодарю, очень полезные вещи узнал для себя

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

    однозначно лайк. я не ожидал, что всего за 10 минут можно поменять тему в приложении. Актуально на апрель 2024

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

    чувствуется опыт, спасибо!

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

    как установить компаненту карусель? С помощью какой команды?

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

    Хорош, очень ясно излагаешь, спасибо за информацию 🤝🏻

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

    Спасибо за видео! Очень понятная подача и реализация!

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

    вообще топ, содержательно, последовательно из лекции в лекцию. Спасибо!

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

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

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

    Мне объяснения не понравились. Если автор считает эти хуки азами и хочет объяснить что-то для новичков, то зачем брать примеры "посложнее"? Раз взялся объяснять в одном видео за все хуки - чтобы не было галопом по Европам - объясняй с самыми простыми примерами, а если кому надо - снимешь для продвинутых по отдельному видео на каждый хук с продвинутыми примерами. А так ощущение что ты старался сделать абы быстро. В общем - совсем не старался. Сделал ставку на то что для профи - и так сойдёт, а новички - сосите лапу.

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

    Npx не робит

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

    Полезное видео, спасибо за труды!

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

    Спасибо. А скажите пожалуйста, в C++ есть аналог вот этого понятия hoisting?

  • @Stas-ir3gh
    @Stas-ir3gh 4 หลายเดือนก่อน

    Ты на телефоне программируешь?

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

    правда очень хорошое объяснение

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

    шикардос! контент кайф

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

    Спасибо большое. На мозиле не понял, но у тебя понял, спасибо!

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

    как сделать const PAGE_WIDTH для кроссбраузерная верстки? чтобы размер менялся при изменении устройства. Сейчас получается фиксированный размер, но хочется сделать более пластичным.

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

    установка ппц конечно, куча танцев с бубном. Вот бы через cdn одной строкой подключить и все :)

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

      Так можно же)

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

    Просто отличное видео, спасибо

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

    не пробовал ли динамическое название класа, вместо safe list указать в коментарии компонента? подхватит ли такой вариант?

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

    Класс, спасибо! Смотрю уже ночью, не могу сообразить, а как зациклить слайдер

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

    Когда понимаешь, что SSG в Битрикс реализован адекватнее чем в Next.js. 😄

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

    что такое пропс?

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

      Это сокращение от английского properties - свойства. Вы их задаёте при использовании компонента По аналогии из C#, например, public string Name { get; set; } Здесь у автора установлено дефолтное значение, его задавать необязательно

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

      @@theSnow45 спасибо большое!

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

    Видно что хорошо объясняешь. Но есть вопрос... есть видео где ты все TodoList, Editor Container.... начинаешь создавать? или репозиторий? как ты все это создавал? классно было бы если есть видео где объясняется Redux...

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

      Репозиторий есть t.me/devmagazinechannel/65

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

    Бро, Context помог решить проблему Спасибо!

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

    Было бы классно если бы ты по сети показал какие данные приходят в разных видах рендеринга

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

    почему опять без ссылки на торрент?

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

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

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

    Нашла подробные объяснения)

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

    спасибо за труд

  • @Rohan-Sensei
    @Rohan-Sensei 6 หลายเดือนก่อน

    А если я хочу менять стили в зависимость от useState? (true/false). с mui это решается легко передачей пропсов, так как там css в Js файле, а тут есть что-то подобное?

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

    а вот что делать чтобы плавно менялась картинка и чтобы можно было свайпать пальцем?

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

    это были лучшие 17 выпусков о sass в моей жизни! 🔝

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

    Шикарнейший материал, подача, примеры! Автор, огромное спасибо!

  • @user-ey4wc4nm4f
    @user-ey4wc4nm4f 7 หลายเดือนก่อน

    Вот это с самого начала вижу, что будет лучшее объяснение в ру инете. Автор не мешает spa с ssr

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

    Только запутал чел область видимотсти var глобальная let const локальная

  • @user-cb8nd7yk5u
    @user-cb8nd7yk5u 7 หลายเดือนก่อน

    Ничего не понятно, скучно как то объясняете

  • @Roger-qj4wu
    @Roger-qj4wu 7 หลายเดือนก่อน

    Пришел сюда, после того как Минин, 10 минут жевал сопли, и так и не смог внятно объяснить useCallback. Автор видео объяснил это меншье чем за минуту, еще до начала примера. Грац

  • @user-vn1cv1cp1o
    @user-vn1cv1cp1o 7 หลายเดือนก่อน

    Отличная подача, все разборчиво. Только не понимаю, зачем ты спредил state при удалении todo, ведь метод фильтр и так возвращает новый массив, не изменяя старый))

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

    Пройти курс 👉it-dev-journal.ru/courses/bystryj-start-v-react

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

    как же его устанавливать в рабочий проект PRODUCTION в Joomla , который периодически редактируется??? не используя CDN

  • @never.m1nd
    @never.m1nd 8 หลายเดือนก่อน

    Хорошие уроки, понятные! Как вариант развития можно было бы реализовать перетаскивание для мобильных устройств)

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

    Лучшее объяснение на всем ютюбе, много видосов посмотрел , только у тебя понял. Красава, спасибо!

  • @VitalyKuznetsov-kd7wp
    @VitalyKuznetsov-kd7wp 9 หลายเดือนก่อน

    Можете пожалуйста выложить свежее видео о Redux Toolkit?

  • @VitalyKuznetsov-kd7wp
    @VitalyKuznetsov-kd7wp 9 หลายเดือนก่อน

    Хочу поблагодарить вас за грамотное объяснение материала. Очень помогло.