Веб-разработка - DevMagazine
Веб-разработка - DevMagazine
  • Видео 132
  • Просмотров 753 648
Быстрый старт в React - курс
#React #ReactJS
Пройти курс 👉 it-dev-journal.ru/courses/bystryj-start-v-react
Друзья, я очень рад поделиться с вами этим курсом Быстрый старт в React
React сегодня используется в миллионах приложений.
Это один из самых популярных способов создания пользовательских интерфейсов. Причины этого очевидны:
* Приложение React состоит из переиспользуемых компонентов, с которыми легко работать.
* У React очень больше комьюнити, он востребован среди разработчиков, по React есть множество вакансий.
К концу этого курса вы будете хорошо понимать, что React может сделать для упрощения создания сложных веб-приложений. У вас появятся знания, необходимые для запуска собственного проекта React.
Мы в соцсетях:
💻 Са...
Просмотров: 711

Видео

Установка padding и margin в Tailwind CSS
Просмотров 894Год назад
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для установки padding и margin компонентов с TailwindCSS. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: ruclips.net/p/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2 💡 Redux Saga: ruclips.net/p/PL...
Что такое ПРОКСИ в JavaScript (Proxy)
Просмотров 10 тыс.2 года назад
#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,8 тыс.2 года назад
#React #ReactJS Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицирован...
Собеседование JUNIOR frontend REACT
Просмотров 39 тыс.2 года назад
#React #ReactJS В этом выпуске разберем вопросы собеседования Junior frontend React разработчика, рассмотрим вопросы по JavaScript, HTML, CSS, которые обязательно спросят и решим алгоритмическую задачу, а также оценим алгоритмическую сложность решения. Мы в соцсетях: 👉 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ...
Flexbox в TailwindCSS
Просмотров 2 тыс.2 года назад
#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: ruclips.net/p/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2 💡 Redux Saga: rucli...
Как поменять цвет текста и фона в TailwindCSS
Просмотров 1,7 тыс.2 года назад
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для изменения цвета шрифта и фона в Tailwind. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: ruclips.net/p/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2 💡 Redu...
Размеры шрифта и их кастомизация в Tailwind
Просмотров 1,4 тыс.2 года назад
#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,9 тыс.2 года назад
#React #ReactJS В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами где render props полезны, посмотрим на проп children и передадим в него аргументы. Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте. К пропсам с таким поведением принято добавлять префикс render (renderContent), чтобы отличать обычные про...
Как работает TailwindCSS
Просмотров 2 тыс.2 года назад
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем как работает Tailwind, как он определяет какие утилиты использованы, и нюансы связанные с этим процессом. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: ruc...
Ширина и высота в TailwindCSS
Просмотров 2,3 тыс.2 года назад
#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
Просмотров 4312 года назад
#ReduxSaga #Redux #React В этом видео рассматриваем тестирование эффектов fork в Redux Saga. Особенность fork в том, что он возвращает объект задачи. И этот объект иногда передается в другие эффекты например в cancel. И в тестах мы должны создать мок этого объекта и передать его дальше в следующий эффект. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: tw...
Варианты установки TailwindCSS
Просмотров 2,7 тыс.2 года назад
#Tailwind #TailwindCSS #CSS В этом видео рассмотрим все варианты установки Tailwind. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: ruclips.net/p/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2 💡 Redux Saga: ruclips.net/p/PL...
Как написать компонент с TailwindCSS?
Просмотров 4,4 тыс.2 года назад
#Tailwind #TailwindCSS #CSS В этом видео пишем компонент с TailwindCSS. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: ruclips.net/p/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2 💡 Redux Saga: ruclips.net/p/PLmfIBo6rTVR6jK...
Как работать с TailwindCSS CLI?
Просмотров 4,5 тыс.2 года назад
#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)
Просмотров 8 тыс.2 года назад
Компоненты высшего порядка ReactJS (Higher-order components)
Как тестировать Redux Saga? Full Saga testing
Просмотров 1,1 тыс.2 года назад
Как тестировать Redux Saga? Full Saga testing
Кастомный ХУК для изменения ТЕМЫ приложения на ReactJS (Темная тема React)
Просмотров 11 тыс.2 года назад
Кастомный ХУК для изменения ТЕМЫ приложения на ReactJS (Темная тема React)
Установка TailwindCSS
Просмотров 8 тыс.2 года назад
Установка TailwindCSS
Что такое Tailwind CSS?
Просмотров 11 тыс.2 года назад
Что такое Tailwind CSS?
О курсе Tailwind CSS
Просмотров 13 тыс.2 года назад
О курсе Tailwind CSS
Как тестировать ветвления в Redux Saga?
Просмотров 6502 года назад
Как тестировать ветвления в Redux Saga?
Тестирование Redux Saga
Просмотров 1,1 тыс.2 года назад
Тестирование Redux Saga
Списки в Sass - тип list
Просмотров 6722 года назад
Списки в Sass - тип list
О типе map в Sass
Просмотров 1,1 тыс.2 года назад
О типе map в Sass
Как комбинировать саги с RACE и ALL в Redux Saga?
Просмотров 5342 года назад
Как комбинировать саги с RACE и ALL в Redux Saga?
Как получить данные из стора в Redux Saga?
Просмотров 9322 года назад
Как получить данные из стора в Redux Saga?
Все о математических функциях в Sass
Просмотров 8782 года назад
Все о математических функциях в Sass
Встроенные модули Sass
Просмотров 6442 года назад
Встроенные модули Sass
Как запустить несколько саг в Redux Saga?
Просмотров 5302 года назад
Как запустить несколько саг в Redux Saga?

Комментарии

  • @GonzaVladimir
    @GonzaVladimir 9 дней назад

    notificationBase это самостоятельный переиспользуемый компонент. его надо в компонент по человечески вынести. makeNotification это тоже компонент ты чё людей запутал. =)

  • @emporteme
    @emporteme 12 дней назад

    теперь я понял что все это время был не прав на счет ssr спасибо за видео)

  • @emogirl3884
    @emogirl3884 17 дней назад

    мне вот теперь интересно стало, вы сами работаете? должно быть вам легко проходить собеседования

  • @danyjos3
    @danyjos3 Месяц назад

    Lo veo desde Ecuador, muchas gracias por tu solución y tus cursos. Saludos !!

  • @BuAjoyib
    @BuAjoyib Месяц назад

    Благодарю 🎉😂 кнмсрсурсркпс вццявцяа ноооеоеом чпупчкпчрксррвцяя бжщжьжщ

  • @dimendroider7550
    @dimendroider7550 Месяц назад

    Братишка спасибо за крупный шрифт можно смотреть даже на экране телефона Ещё раз спасибо за урок

  • @efimkapliy6370
    @efimkapliy6370 2 месяца назад

    Хорошее видео!

  • @smykoil
    @smykoil 2 месяца назад

    не знаю какие в svelte оптимизации, но в чистом жс [...items, item] работает намного дольше чем items.push(item). переприсваевание должно тоже срабатывать очень быстро. поэтому вряд ли [...items, item] предпочтительнее.

  • @TheMrFangame
    @TheMrFangame 2 месяца назад

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

  • @seriogaromanchykov9451
    @seriogaromanchykov9451 2 месяца назад

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

  • @ПожилойБилибоба
    @ПожилойБилибоба 3 месяца назад

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

  • @ИванЕгоров-с7ы
    @ИванЕгоров-с7ы 4 месяца назад

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

  • @never.m1nd
    @never.m1nd 4 месяца назад

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

    • @never.m1nd
      @never.m1nd 4 месяца назад

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

  • @el_marca4987
    @el_marca4987 4 месяца назад

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

  • @beda9679
    @beda9679 4 месяца назад

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

  • @mokkamokka4097
    @mokkamokka4097 5 месяцев назад

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

  • @tanyab3325
    @tanyab3325 5 месяцев назад

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

  • @oksssvv
    @oksssvv 5 месяцев назад

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

  • @АнжеликаЧегринец
    @АнжеликаЧегринец 5 месяцев назад

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

  • @mokkamokka4097
    @mokkamokka4097 5 месяцев назад

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

  • @амирханшамгонов-р5д
    @амирханшамгонов-р5д 5 месяцев назад

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

  • @vvspl
    @vvspl 5 месяцев назад

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

  • @ВиталийСемпай
    @ВиталийСемпай 6 месяцев назад

    Npx не робит

  • @suspenseorigin5542
    @suspenseorigin5542 6 месяцев назад

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

  • @mz4480
    @mz4480 6 месяцев назад

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

  • @Stas-ir3gh
    @Stas-ir3gh 6 месяцев назад

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

  • @ArtemMindsurfer
    @ArtemMindsurfer 7 месяцев назад

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

  • @crypto4elik
    @crypto4elik 7 месяцев назад

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

  • @nataliaortega9595
    @nataliaortega9595 7 месяцев назад

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

  • @killerben5
    @killerben5 7 месяцев назад

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

  • @masyamyc
    @masyamyc 7 месяцев назад

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

  • @grantorino3465
    @grantorino3465 8 месяцев назад

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

  • @ПавелКуприянов-ь8ы
    @ПавелКуприянов-ь8ы 8 месяцев назад

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

  • @SingleFeniks
    @SingleFeniks 8 месяцев назад

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

  • @bnidia
    @bnidia 8 месяцев назад

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

    • @theSnow45
      @theSnow45 4 месяца назад

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

    • @bnidia
      @bnidia 4 месяца назад

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

  • @МедетБерикбаев
    @МедетБерикбаев 8 месяцев назад

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

    • @DevMagazineChannel
      @DevMagazineChannel 8 месяцев назад

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

  • @ВладиславБогер
    @ВладиславБогер 8 месяцев назад

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

  • @eurodoo
    @eurodoo 8 месяцев назад

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

  • @АндрейИльин-д6ж
    @АндрейИльин-д6ж 9 месяцев назад

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

  • @ВладПашковский-ц2э
    @ВладПашковский-ц2э 9 месяцев назад

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

  • @НатальяТулякова-п5д
    @НатальяТулякова-п5д 9 месяцев назад

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

  • @NeoCoding
    @NeoCoding 9 месяцев назад

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

  • @Rohan-Sensei
    @Rohan-Sensei 9 месяцев назад

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

  • @ArtemMindsurfer
    @ArtemMindsurfer 9 месяцев назад

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

  • @forrlyashka2
    @forrlyashka2 9 месяцев назад

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

  • @roman222k
    @roman222k 9 месяцев назад

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

  • @АнатолеВасерман-ж1й
    @АнатолеВасерман-ж1й 9 месяцев назад

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

  • @askerkotsev363
    @askerkotsev363 9 месяцев назад

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

  • @МедетБерикбаев
    @МедетБерикбаев 10 месяцев назад

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

  • @Roger-qj4wu
    @Roger-qj4wu 10 месяцев назад

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