Trello на laravel + livewire без js за 10 минут!

preview_player
Показать описание
Новый урок, в котором я пошагово покажу как сделать аналог Trello, используя Laravel и livewire. Без javascript!

⏰ Таймкоды:
00:00 - вступление
00:57 - установка необходимых компонентов
02:29 - создание базы данных и моделей
06:07 - создание livewire компонента и добавление верстки
08:34 - вывод групп и карточек
11:46 - удаление групп и карточек
13:03 - сортировка групп и карточек
19:13 - оживление кнопки "добавить"
25:10 - проверка результата

Сегодня очень интересный урок. Вместе сделаем доску с задачами, наподобие Trello на Laravel и livewire. Конечно же не полный функционал, а базовый: создание, удаление карточек, групп и их сортировка

🔗Ссылки на используемые в видео инструменты и ресурсы:

🔗Ссылка на готовый компонент на моём сайте:

------------------------------------------------------------------------------------------------
📹 делитесь этим видео с друзьями:

Trello на Laravel + livewire без js за 10 минут!

-------------------------------------------------------------------------------------------------
  1. Просто о Laravel. CutCode
  2. laravel
  3. laravel обучение
  4. laravel уроки
  5. laravel php
  6. cutcode
Рекомендации по теме
Trello на laravel 0:27:36

Trello на laravel + livewire без js за 10 минут!

LiveWire и Laravel. 0:03:57

LiveWire и Laravel. Влияние на производительность

#13 Laravel + 0:13:39

#13 Laravel + VueJS. SPA. Аналог Trello. Добавление тасков.

Как устанавливать Livewire 0:05:29

Как устанавливать Livewire в проект Laravel 8

#12 Laravel + 0:12:36

#12 Laravel + VueJS. SPA. Аналог Trello. Вывод тасков в карточках.

#9 Laravel + 0:18:34

#9 Laravel + VueJS. SPA. Аналог Trello. Добавление карточек.

#6 Laravel + 0:11:56

#6 Laravel + VueJS. SPA. Аналог Trello. Добавление доски.

#11 Laravel + 0:17:13

#11 Laravel + VueJS. SPA. Аналог Trello. Редактирование карточек.

#10 Laravel + 0:05:16

#10 Laravel + VueJS. SPA. Аналог Trello. Удаление карточек.

Laravel Breeze & 0:03:20

Laravel Breeze & InertiaJS project setup with Phpstorm - Trello Kanban 00

LiveWire. Отправка событий 0:06:48

LiveWire. Отправка событий между компонентами и новый раздел на проекте Cutcode...

Overview of my 0:29:05

Overview of my Side Project and why I did go with Laravel and the TALL Stack

Let's play with 1:00:11

Let's play with Laravel LiveWire

Laravel Livewire - 0:26:00

Laravel Livewire - SPA & Turbolinks (часть 4)

Livewire Update 2.6.0. 0:04:48

Livewire Update 2.6.0. Обзор обновления фреймворка для Laravel

Создаем CRM на 0:21:29

Создаем CRM на Laravel. Пользователи

Moving and saving 0:19:28

Moving and saving cards position using vuedraggable - Trello Kanban 12

Авторизация по номеру 0:12:21

Авторизация по номеру телефона и верификация смс на laravel и livewire...

Комбинированный подход с 0:05:59

Комбинированный подход с Vue и Blade в Laravel. Для тех кто не знал!...

Drag and Drop 0:14:12

Drag and Drop Item to change its order position using Laravel and Livewire

Пример реализации Drag-n-Drop 0:36:28

Пример реализации Drag-n-Drop на чистом JavaScript

Обзор компонента 'Расписание' 0:05:28

Обзор компонента 'Расписание' от cutcode.ru для проектов на laravel...

Live Code : 1:18:24

Live Code : Building a Kanban board in Laravel v9

Vue JS re-criando 0:26:59

Vue JS re-criando Trello Drag n’ Drop #04

Комментарии
Автор

Побольше видюх. Livewire в русскоязычном сегменте вообще мизер.

ИгорьВиткин-ья
Автор

Большое спасибо за урок, было очень познавательно, единственное я бы в контроллере в функции sorting строчку по обновлению данных в бд написал так Card::where(["id"=>$item["value"]])->update(["sort"=>$item["order"], "group_id"=>$group["value"]]);
Тогда мы сможем задачи между группами перетаскивать.

leonidy
Автор

Недавно купил микроскоп. На вашем канале он прошел тестовую проверку с успехом. Спасибо!

Алекс-ьхн
Автор

Подписка. скоро куплю доступ к вкусняшкам на сайте!

Mr.Capone-
Автор

а какая тогда роль у контроллеров ? и как они вызываются в таком подходе ?

МихаилХарченко-ем
Автор

Прикольно! Только очень мелкий шрифт! Пожалуйста, сделай крупнее.

dfkkg
Автор

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

ShortNews_
Автор

К сожалению, отечественные разработчики ваяют по старинке. Так привычнее А ведь это смена парадигмы разработки на Laravel, на мой взгляд, И "проспав" сейчас - позднее придется изучать по сути новый Laravel. Думаю, Тейлор нас еще многим приятно удивит. Тех, кто не отвергает его концепцию дальнейшего развития его же проекта.

ИгорьВиткин-ья
Автор

Подписался на твоем сайте. Знакомлюсь с кодом.

ИгорьВиткин-ья
Автор

А почему не делить компонент групп на более мелкие? Например, компонент группы и компонент карточки, который будет вложен в группу? Так удобней дописывать функционал - дробить как представление так и логику. Плюс более мелкие компоненты можно переиспользовать в других компонентах.

SpektRProduction
Автор

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

Outcast-wb
Автор

Да что же такое с размерами шрифта?!! Качаю с разрешением 1080, ни хрена не видно!!

ВладИльин-жъ
Автор

Мелкий шрифт. Если работать в пол экрана в редакторе кода (2го монитора нет), то вообще тяжко. Было бы идеально, если для зрителей увеличивать шрифт в IDE.

КосмоЁжик-ет
Автор

Самое страшное что можно было придумать на PHP

radikovichkz