Веб-разработка - DevMagazine
Веб-разработка - DevMagazine
  • 132
  • 745 703
Быстрый старт в 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
zhlédnutí: 695

Video

Установка padding и margin в Tailwind CSS
zhlédnutí 844Před 11 měsíci
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для установки padding и margin компонентов с TailwindCSS. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: czcams.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html 💡 Redux Saga: czcams.co...
Что такое ПРОКСИ в JavaScript (Proxy)
zhlédnutí 10KPřed 2 lety
#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
zhlédnutí 2,8KPřed 2 lety
#React #ReactJS Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицирован...
Собеседование JUNIOR frontend REACT
zhlédnutí 39KPřed 2 lety
#React #ReactJS В этом выпуске разберем вопросы собеседования Junior frontend React разработчика, рассмотрим вопросы по JavaScript, HTML, CSS, которые обязательно спросят и решим алгоритмическую задачу, а также оценим алгоритмическую сложность решения. Мы в соцсетях: 👉 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ...
Flexbox в TailwindCSS
zhlédnutí 1,9KPřed 2 lety
#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: czcams.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html 💡 Redux Saga...
Как поменять цвет текста и фона в TailwindCSS
zhlédnutí 1,7KPřed 2 lety
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем утилиты для изменения цвета шрифта и фона в Tailwind. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: czcams.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html...
Размеры шрифта и их кастомизация в Tailwind
zhlédnutí 1,4KPřed 2 lety
#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
zhlédnutí 4,8KPřed 2 lety
#React #ReactJS В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами где render props полезны, посмотрим на проп children и передадим в него аргументы. Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте. К пропсам с таким поведением принято добавлять префикс render (renderContent), чтобы отличать обычные про...
Как работает TailwindCSS
zhlédnutí 1,9KPřed 2 lety
#Tailwind #TailwindCSS #CSS В этом видео рассматриваем как работает Tailwind, как он определяет какие утилиты использованы, и нюансы связанные с этим процессом. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: czc...
Ширина и высота в TailwindCSS
zhlédnutí 2,3KPřed 2 lety
#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
zhlédnutí 427Před 2 lety
#ReduxSaga #Redux #React В этом видео рассматриваем тестирование эффектов fork в Redux Saga. Особенность fork в том, что он возвращает объект задачи. И этот объект иногда передается в другие эффекты например в cancel. И в тестах мы должны создать мок этого объекта и передать его дальше в следующий эффект. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: tw...
Варианты установки TailwindCSS
zhlédnutí 2,6KPřed 2 lety
#Tailwind #TailwindCSS #CSS В этом видео рассмотрим все варианты установки Tailwind. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: czcams.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html 💡 Redux Saga: czcams.co...
Как написать компонент с TailwindCSS?
zhlédnutí 4,2KPřed 2 lety
#Tailwind #TailwindCSS #CSS В этом видео пишем компонент с TailwindCSS. Мы в соцсетях: 💻 Сайт: it-dev-journal.ru 💻 Telegram: t.me/devmagazinechannel 💻 Twitter: _devmagazine 💻 GitHub: github.com/vadimkorr ☕️ Поддержать канал: www.donationalerts.com/r/devmagazine Курсы и плейлисты: 💡 Tailwind: czcams.com/play/PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2.html 💡 Redux Saga: czcams.com/play/PLmfIB...
Как работать с TailwindCSS CLI?
zhlédnutí 4,3KPřed 2 lety
#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)
zhlédnutí 8KPřed 2 lety
Компоненты высшего порядка ReactJS (Higher-order components)
Как тестировать Redux Saga? Full Saga testing
zhlédnutí 1,1KPřed 2 lety
Как тестировать Redux Saga? Full Saga testing
Кастомный ХУК для изменения ТЕМЫ приложения на ReactJS (Темная тема React)
zhlédnutí 10KPřed 2 lety
Кастомный ХУК для изменения ТЕМЫ приложения на ReactJS (Темная тема React)
Установка TailwindCSS
zhlédnutí 7KPřed 2 lety
Установка TailwindCSS
Что такое Tailwind CSS?
zhlédnutí 10KPřed 2 lety
Что такое Tailwind CSS?
О курсе Tailwind CSS
zhlédnutí 12KPřed 2 lety
О курсе Tailwind CSS
Как тестировать ветвления в Redux Saga?
zhlédnutí 649Před 2 lety
Как тестировать ветвления в Redux Saga?
Тестирование Redux Saga
zhlédnutí 1,1KPřed 2 lety
Тестирование Redux Saga
Списки в Sass - тип list
zhlédnutí 661Před 2 lety
Списки в Sass - тип list
О типе map в Sass
zhlédnutí 1,1KPřed 2 lety
О типе map в Sass
Как комбинировать саги с RACE и ALL в Redux Saga?
zhlédnutí 531Před 2 lety
Как комбинировать саги с RACE и ALL в Redux Saga?
Как получить данные из стора в Redux Saga?
zhlédnutí 928Před 2 lety
Как получить данные из стора в Redux Saga?
Все о математических функциях в Sass
zhlédnutí 869Před 2 lety
Все о математических функциях в Sass
Встроенные модули Sass
zhlédnutí 634Před 2 lety
Встроенные модули Sass
Как запустить несколько саг в Redux Saga?
zhlédnutí 529Před 2 lety
Как запустить несколько саг в Redux Saga?

Komentáře

  • @danyjos3
    @danyjos3 Před 20 dny

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

  • @BuAjoyib
    @BuAjoyib Před 26 dny

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

  • @dimendroider7550
    @dimendroider7550 Před měsícem

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

  • @efimkapliy6370
    @efimkapliy6370 Před měsícem

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

  • @smykoil
    @smykoil Před měsícem

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

  • @TheMrFangame
    @TheMrFangame Před měsícem

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

  • @seriogaromanchykov9451
    @seriogaromanchykov9451 Před měsícem

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

  • @user-ml3zo9sd6b
    @user-ml3zo9sd6b Před 2 měsíci

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

  • @user-hg7ld2cb4k
    @user-hg7ld2cb4k Před 3 měsíci

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

  • @never.m1nd
    @never.m1nd Před 3 měsíci

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

    • @never.m1nd
      @never.m1nd Před 3 měsíci

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

  • @el_marca4987
    @el_marca4987 Před 3 měsíci

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

  • @beda9679
    @beda9679 Před 4 měsíci

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

  • @mokkamokka4097
    @mokkamokka4097 Před 4 měsíci

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

  • @tanyab3325
    @tanyab3325 Před 4 měsíci

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

  • @oksssvv
    @oksssvv Před 4 měsíci

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

  • @user-mp5ep9bl4v
    @user-mp5ep9bl4v Před 4 měsíci

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

  • @mokkamokka4097
    @mokkamokka4097 Před 4 měsíci

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

  • @user-mq1jj9zo5l
    @user-mq1jj9zo5l Před 5 měsíci

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

  • @vvspl
    @vvspl Před 5 měsíci

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

  • @user-pf6zb5nj9w
    @user-pf6zb5nj9w Před 5 měsíci

    Npx не робит

  • @suspenseorigin5542
    @suspenseorigin5542 Před 5 měsíci

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

  • @mz4480
    @mz4480 Před 5 měsíci

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

  • @Stas-ir3gh
    @Stas-ir3gh Před 5 měsíci

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

  • @ArtemMindsurfer
    @ArtemMindsurfer Před 6 měsíci

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

  • @crypto4elik
    @crypto4elik Před 6 měsíci

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

  • @nataliaortega9595
    @nataliaortega9595 Před 6 měsíci

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

  • @killerben5
    @killerben5 Před 6 měsíci

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

  • @user-hk5wf7wk2o
    @user-hk5wf7wk2o Před 6 měsíci

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

  • @grantorino3465
    @grantorino3465 Před 7 měsíci

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

  • @user-jx1nv9mu2l
    @user-jx1nv9mu2l Před 7 měsíci

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

  • @SingleFeniks
    @SingleFeniks Před 7 měsíci

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

  • @bnidia
    @bnidia Před 7 měsíci

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

    • @theSnow45
      @theSnow45 Před 3 měsíci

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

    • @bnidia
      @bnidia Před 3 měsíci

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

  • @user-cb8nd7yk5u
    @user-cb8nd7yk5u Před 7 měsíci

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

    • @DevMagazineChannel
      @DevMagazineChannel Před 7 měsíci

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

  • @user-lm6ch4zi7y
    @user-lm6ch4zi7y Před 7 měsíci

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

  • @eurodoo
    @eurodoo Před 7 měsíci

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

  • @user-vn2nx1yq9e
    @user-vn2nx1yq9e Před 8 měsíci

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

  • @user-dw4pi5gy7t
    @user-dw4pi5gy7t Před 8 měsíci

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

  • @user-th7tl6uu1k
    @user-th7tl6uu1k Před 8 měsíci

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

  • @NeoCoding
    @NeoCoding Před 8 měsíci

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

  • @Rohan-Sensei
    @Rohan-Sensei Před 8 měsíci

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

  • @ArtemMindsurfer
    @ArtemMindsurfer Před 8 měsíci

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

  • @forrlyashka2
    @forrlyashka2 Před 8 měsíci

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

  • @roman222k
    @roman222k Před 8 měsíci

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

  • @user-ey4wc4nm4f
    @user-ey4wc4nm4f Před 9 měsíci

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

  • @askerkotsev363
    @askerkotsev363 Před 9 měsíci

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

  • @user-cb8nd7yk5u
    @user-cb8nd7yk5u Před 9 měsíci

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

  • @Roger-qj4wu
    @Roger-qj4wu Před 9 měsíci

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

  • @user-vn1cv1cp1o
    @user-vn1cv1cp1o Před 9 měsíci

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

  • @DevMagazineChannel
    @DevMagazineChannel Před 10 měsíci

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

  • @yurikfirst
    @yurikfirst Před 10 měsíci

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