Laravel Livewire v3 Full Tutorial 2024

Поделиться
HTML-код
  • Опубликовано: 24 янв 2025

Комментарии • 47

  • @mohammadbaqeri3631
    @mohammadbaqeri3631 25 дней назад +1

    TIMESTAMPS
    00:00:00 - Introduction
    00:03:21 - Installation
    00:10:34 - Components
    00:15:15 - Navigation
    00:21:25 - Properties
    00:26:36 - Data Binding
    00:34:28 - Key modifiers
    00:35:23 - Task Migration
    00:43:54 - Full Page Component
    00:45:32 - Task Index
    00:51:28 - Forms
    00:57:33 - Validation
    01:12:00 - Loading
    01:15:50 - Flash Messages
    01:19:10 - Get Tasks
    01:26:24 - Separating Components
    01:33:55 - Livewire Event System (dispatch: communicate between components)
    01:42:20 - Pagination
    01:46:30 - Lazy Loading
    01:50:50 - Reactive Props
    01:55:50 - Grouping Status
    02:08:15 - Change Status with buttons (update statement)
    02:16:16 - Add a Search Input (debounce & throttle)
    02:28:30 - URL Query Parameters
    02:38:10 - Computed Properties
    02:52:10 - Upload Image
    03:06:50 - Upload Multiple Images
    03:16:50 - Download Images
    03:27:00 - Edit Task
    03:41:50 - Delete Task
    03:47:40 - Keyboard shortcuts
    03:55:25 - Keyboard shortcuts (part 2) (search modal)
    04:11:50 - Reset Form

  • @pierdocks5412
    @pierdocks5412 Год назад +3

    Good job. You went deep into the functionalities that make this language very useful. Thank you for taking the time to make this very useful tutorial! Looking forward to your next tutorial videos!

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

    Again, one of my favorite Laravel channels.

  • @clarke6808
    @clarke6808 10 месяцев назад +1

    Thank you Tony.. Awesome tuts

  • @olgaivanyuk2508
    @olgaivanyuk2508 Год назад

    Дякую Вам дуже, мені це дуже подобається!!!

  • @stingray-q5p
    @stingray-q5p Месяц назад

    God bless this man

  • @rianlucas3359
    @rianlucas3359 11 месяцев назад

    what font are you using on your IDE?

  • @dumdcode3845
    @dumdcode3845 10 месяцев назад

    Thank you for this tutorial it helps me a lot and sir how about after the search box if i click the result how it will display?

  • @dfordemo981
    @dfordemo981 Год назад

    super awesome, this is my first livewire tutorial

  • @ІгорШтогрин-ы3щ
    @ІгорШтогрин-ы3щ 5 месяцев назад

    Thanks! Very helpful!

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

    Thank you so much dear sir That was very helpful

  • @andistheinforitbutso7513
    @andistheinforitbutso7513 11 месяцев назад +1

    very nice

  • @dfordemo981
    @dfordemo981 Год назад

    livewire is amazing , i'm gonna love this

  • @eramitgupta271
    @eramitgupta271 11 месяцев назад

    "Select All" Checkbox in Livewire
    And "Unselected" or component update how ?

  • @YanKyawMin-hn9wv
    @YanKyawMin-hn9wv 5 месяцев назад

    Great Livewire tutorial! I want to know which VS code extension are using for show installed package's versions in composer.json?

  • @abdisaha2039
    @abdisaha2039 Год назад

    Thank you very much for the tutorial, is there a tutorial for making a front page using Livewire 3 like a navbar(home, about, contact, etc) that can be arranged dynamically when used on PC or mobile?

  • @АртурЗарипов-б2й
    @АртурЗарипов-б2й 5 месяцев назад

    Thank you very much!

  • @roninleo5679
    @roninleo5679 Год назад

    Amaziiing tutorial thank you so much

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

    Sir please make a video to how to delete multiple records using checkbox using tailwind

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

    Thank you for this video. Next time, could you please include in one minute the commands you used to create the project with Laravel? English is not my native language and I have doubts about which project you are using: Breeze, Volt (functional or class API)... Again, thank you for your videos.

  • @stocklin9831
    @stocklin9831 Год назад +1

    Introduction
    Installation
    Components
    Navigation
    Properties
    Data Binding
    Key modifiers
    Task Migration
    Full Page Component
    Task Index
    Forms
    Validation

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

    Thanks a lot, man!)

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

    Nice tutorial. Thanks for your effort. I have an issue and i hope you can help me with it. In single product page im listing the product's reviews with pagination and using Flowbite's dropdown menu for each review to show edit, delete and report actions. However, when i change page of reviews these dropdowns no longer working. I had similar issue when navigating but i solved it using method below:
    document.addEventListener('livewire:navigated', () => {
    initFlowbite();
    });
    Any way to solve it when paginated too?

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

      I solved it in a not very efficient way but it works for my situation at this moment. For those facing same problem might examine codes below.
      ProductReviews.php:
      public $page = 1;
      public function updatedPage()
      {
      $this->dispatch("product-reviews-page-updated");
      }
      product-reviews.blade.php:
      @script

      Livewire.on("product-reviews-page-updated", function() {
      setTimeout(() => {
      initFlowbite();
      console.log("flowbite initialized")
      }, 300);
      })

      @endscript
      After page is updated dispatch an event and then catch that event in blade. Then, wait for 300ms before initializing flowbite with initFlowbite(). Still, if you have better solution for such situation please let me know.

  • @beticohernandez9536
    @beticohernandez9536 Год назад +2

    Excelente.

  • @brainybeats4kid
    @brainybeats4kid Год назад +1

    great

  • @development2301
    @development2301 Год назад

    Thank you

  • @mobile-techMobileTech
    @mobile-techMobileTech 5 месяцев назад

    Edit task on 3:30:23

  • @homophopicsapiens9926
    @homophopicsapiens9926 Год назад

    good job man!

  • @pedroluzio
    @pedroluzio 7 месяцев назад +1

    man... just create an alias for 'php artisan'. I usually have "alias art=php artisan", pains me to see people typing that. thanks for the video.

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

    after watching 2 hours and 54 minutes, I think I am qualified to give rating to this tutorial, out of 5 stars, I will give him 2.5 stars, yes it means Just passed and nothing more. The main reason and the only reason I give him this rating is he don't have solid understanding about the tech stack he is using, he just know some skills and know how to put them together and make it work but I can tell that he don't know why, one obvious example is he do not know how tailwinds compiled into cuss rules, he even use dynamic variables in 2:14:00 for CSS rules , that is totally prohibited at least for now, that is working because he wrote same rules on other template so the tailwind can compiled that rule successfully.

  • @HoangThanhTungPH
    @HoangThanhTungPH Год назад

    Can you create a fully detailed stack project about Laravel and Vuejs? Thanks a lot

  • @kodeleap
    @kodeleap Год назад

    Nice tutorial. Kindly share the name of your theme.

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

    after watching 2 hours and 54 minutes, I think I am qualified to give rating to this tutorial, out of 5 stars, I will give him 2.5 stars, yes it means Just passed and nothing more. The main reason and the only reason I give him this rating is he don't have solid understanding about the tech stack he is using, he just know some skills and know how to put them together and make it work but I can tell that he don't know why, one obvious example is he do not know how tailwinds compiled into cuss rules, he even use dynamic variables in 2:14:00 for CSS rules , that is totally prohibited at least for now, that is working because he wrote same rules on other template so the tailwind can compiled that rule successfully. (bookmark 3:30:00)

  • @RizkyRamadhan-r7z
    @RizkyRamadhan-r7z Год назад +1

    GOAT

  • @ilahazs
    @ilahazs Год назад

    thanks

  • @MrAtomUniverse
    @MrAtomUniverse Год назад +1

    Tough, it's like , VueJS was there to solve the issue of non dynamic sites , livewire doesn't feel like something everyone would use just to handle the non dynamic issue of laravel.
    Still feel like people who can develop well might still go with NextJS

  • @tooru
    @tooru 10 месяцев назад

    aviagation

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

    Not usefull combined many videos in one video I waste my whole day but could'nt understand

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

      You can see the playlist ruclips.net/p/PL6tf8fRbavl3CsZ9oz62gl5oEhdp2vP5p