Alpine.js Full Course For Beginners | 4+ hours tutorial

Поділитися
Вставка
  • Опубліковано 19 вер 2024

КОМЕНТАРІ • 85

  • @TheCodeholic
    @TheCodeholic  2 роки тому +47

    I hope you will take something valuable from this course.
    At some point in the video I felt I was not prepared good enough to explain certain things. I struggled during recording (it was like a live stream) and I decided to leave that part unedited.
    I think that will be useful for beginners to see how developers with 10+ years of experience may struggle on basic things and even on things they have worked on before.
    Good luck everybody on your journey becoming a really good developer ✊

    • @capins85
      @capins85 2 роки тому

      Hi Zura, really nice explaination, like all your course, I really love the PHP ones. A question: I studied months ago vue CDN. You think it's a valid alternative to Alpine or you prefer this one? Can I ask you why? Thanks a lot

  • @rajeshbudhathoki7888
    @rajeshbudhathoki7888 2 роки тому +7

    Thank you so much for taking the time to construct projects and teach us over and over again. We are fortunate to have such a wonderful teacher and mentor as you, Zura! May God continue to bless you. Greetings from Nepal 😍🥰😊💕❤️

    • @TheCodeholic
      @TheCodeholic  2 роки тому

      Huge thanks buddy. Such words mean a lot 🙏

  • @truthteachers
    @truthteachers 2 роки тому +11

    Bro, please dont be disheartened when you are not sure. Its ok if you dont know. Its not easy to remember everything and, besides, the version that you teach may have changed with bug-fixes. You are doing good job and with honesty and sincerity. This is 4 hour course and we will surely appreciate it. You deserve all the likes and views. 💗👋👌👍👍 Only thing: dont pronounce the "x-" as 'eeks', it should be sounding like 'axe'. Hehehe...no worries go for it, man.

    • @TheCodeholic
      @TheCodeholic  2 роки тому +2

      Thanks buddy for your honest comment and for correction as well. I always appreciate feedback and corrections.

    • @incognito7350
      @incognito7350 Рік тому +2

      'eeks'. That's the French/German prononciation.
      At least you understand him.

  • @bugszone6098
    @bugszone6098 Рік тому +2

    Thank you so much for taking the time to construct projects and teach us over and over again.

  • @jeromeyoung3152
    @jeromeyoung3152 Рік тому +1

    I'm a javascript developer new to the space of alpine. I've seen your videos all over my youtube feed so I thought I would give your tutorial a shoot. I'm just diving into the beginning of the content, but super excited to see how much easiar writing my javascript is going to be using this framework. Thank you, for making this content. I know this wasn't easy and quick to get out there for people to watch it.

    • @TheCodeholic
      @TheCodeholic  Рік тому +2

      Thanks a lot. Such comments mean a lot.

  • @adeonabule1517
    @adeonabule1517 2 роки тому +2

    Been waiting on this one. Thanks for this honestly. You don’t know how much it helps 🙏🏾

  • @rajeshbudhathoki7888
    @rajeshbudhathoki7888 2 роки тому +2

    Stunning!! The Codeholic never ceases to astound us with his courses. This arrives at the perfect time. We just finished watching his Tailwind Course, which will undoubtedly assist us in adding some interactivity to the tailwind components.

  • @phyothiha5612
    @phyothiha5612 2 роки тому +1

    That's the right time. I've started using alpine since last week. Thank you Zura.

    • @TheCodeholic
      @TheCodeholic  2 роки тому +1

      I really hope this will help you.

  • @lohovovepete
    @lohovovepete 10 місяців тому +1

    Loved the course. Glad you kept in the process of you problem solving things you're unsure of to see how you overcame those obstacles. Keep it up!

  • @henrik9173
    @henrik9173 2 роки тому +4

    Super helpful with plenty of examples. Great course!

  • @levdau
    @levdau 2 роки тому +3

    A very powerful course! Thank you very much!

  • @rakinar2
    @rakinar2 2 роки тому +3

    Absolutely great tutorial. Thank you Zura :)

  • @Uzma_Bibi
    @Uzma_Bibi Рік тому +2

    You know what, you did a great job. 👍

  • @eyehear10
    @eyehear10 Рік тому +3

    Very great tutorial thanks for the work in putting all this together

  • @BobDoe_69
    @BobDoe_69 2 роки тому +1

    Nice, Tall stack going on here. Saving this for when I have the time to dedicate. Thanks

  • @Herdogan80
    @Herdogan80 Рік тому +3

    Thanks a lot for sharing this great content buddy. That is invaluable.

  • @truthteachers
    @truthteachers 2 роки тому

    Thank you so much bro. Now as i progress in the course, i do each part in 2 ways. One is a x-data object and the other as re-usable from an external js script. Enjoying it.

  • @danceban9166
    @danceban9166 2 роки тому +1

    Thank you for your effort invested in this awesome course! I am currently learning and working into TALL stack, and it helps understanding some concepts and details a lot. If you could make such a course for Livewire as well, that would be really helpful. Or maybe a tutorial on how to integrate some third party JS plugins with Livewire, I struggle on that right now.

  • @andrijastefanovic9694
    @andrijastefanovic9694 Місяць тому +1

    Thank you for your work and your effort. It meant a lot to me. Kind regards!

  • @umairsarwar7472
    @umairsarwar7472 Рік тому +1

    Great course on AlpineJs

  • @alionides
    @alionides Рік тому

    i wanted to comment in the part you struggle finding yellow color problem but saw video was posted 9 month ago )) Thank you for great tutorial

  • @erissulistina8828
    @erissulistina8828 Рік тому +1

    Great Tutorial bro. Kudos

  • @jugibur2117
    @jugibur2117 Рік тому +1

    Many thanks for your effort!

  • @nixentric1193
    @nixentric1193 2 роки тому +1

    the course helped me a lot, thankyou :)

  • @bubixon6133
    @bubixon6133 Рік тому +1

    Thanks for this Course amazing :) Thanks for that

  • @aisalen
    @aisalen 2 роки тому

    Thank you very much for this! Excited to start the tutorial.

    • @TheCodeholic
      @TheCodeholic  2 роки тому +1

      I hope it will help in some way.

  • @learn029
    @learn029 2 роки тому +1

    1.Can we do a single page routing with alpine js?
    2.Are you working on a custom javascript framework? like react as you previously make a phpmvc?

    • @TheCodeholic
      @TheCodeholic  2 роки тому

      1. I think Alpine.js is not for that. If you want SPA app you should probably use react or vue.
      2. No, at the moment I don't work on that.

    • @learn029
      @learn029 2 роки тому

      @@TheCodeholic Ok

  • @SupZghli
    @SupZghli 9 місяців тому +1

    Hello Zura, thank you for amazing contents. It would be great if you could make videos about Alpine, Vue or other less popular frameworks and libraries in Georgian. There really is lack of videos about these topics in Georgian and it would be very helpful to lot of people

    • @TheCodeholic
      @TheCodeholic  9 місяців тому +2

      I have this in mind for a very long time. I am not able to do this because of lack of time. I hope I can start that in 2024

    • @SupZghli
      @SupZghli 9 місяців тому

      @@TheCodeholic Thank you for amazing videos, you are a great teacher

  • @kekecoder
    @kekecoder 2 роки тому

    Thank you Zura, I'm really learning alot from you, God bless you

  • @mindteaserhub
    @mindteaserhub 10 місяців тому +1

    Thank you so much!

  • @fersidahmed3719
    @fersidahmed3719 2 роки тому

    Until now I finish the course of laravel, vue and tailwind 😅😅
    Thank you The Codeholic, you are extraordinary 😍😍
    If you can please, I want laravel packages to manipulate websites that have lot of pictures 🙏

    • @TheCodeholic
      @TheCodeholic  2 роки тому +2

      Thanks a lot my friend.
      I think about making a video about useful Laravel Packages and I might include the package you are looking for.

    • @fersidahmed3719
      @fersidahmed3719 2 роки тому

      @@TheCodeholic ❤️❤️❤️

  • @rajeshbudhathoki7888
    @rajeshbudhathoki7888 2 роки тому

    I liked your system as well. The text of video seems antialiased and clear. Which system are you using for the course. Is it laptop or custom PC? Which processor are you using?

  • @truthteachers
    @truthteachers 2 роки тому +1

    Bro, Looks like there is commercial side to this framework. Every thing, except components, are fine and free but when the moment you hit the components the price tag kicks in and its USD 179. Unlike other framework which are totally free, this put price gun on our head. Well have to rethink about using framework. Please correct my perceptions if i am wrong. Thank you.

    • @959Media
      @959Media Рік тому +2

      With enough practice, these components can be made from scratch without the needs of the 'Alpine Component Kit'

  • @AliHassan-wc6nb
    @AliHassan-wc6nb 2 роки тому

    My Treasure! My gem! Zura Tha champ! Zura =Zorro

  • @VrushabhAmbade
    @VrushabhAmbade 6 місяців тому

    At 46:35 you mentioned post.id as key while the for loop is p in posts. So the key should be p.id right?

  • @JigJagging
    @JigJagging 10 місяців тому

    at 58:35 I think it's because you are missing quotes around 'yellow'

  • @ziyadali3158
    @ziyadali3158 Рік тому +1

    good job😁😁

  • @Athror21
    @Athror21 Рік тому

    Hi Thank you for the great tutorial! One question:
    Why do you teleport out the modal to the body? It works perfectly if remains in the div no? Just to show how teleport works or there is some other reason?

  • @kachekijaanlega
    @kachekijaanlega 9 місяців тому

    can you make an htmx course as well, it would be really popular since there's not much out there.

  • @subem81
    @subem81 Рік тому

    TY for this! :)
    Did I miss where :class came from at 1:56:35 ? I don't know what :class does. Thanks!

  • @brianotido4069
    @brianotido4069 Рік тому +1

    thanks

  • @LearningWithGyan
    @LearningWithGyan 2 роки тому +1

    build frontend framework like vue react or any small framework from scratch

  • @llBestBoyll
    @llBestBoyll 2 роки тому +1

    Niice video man 🔥

  • @aren624
    @aren624 Рік тому +1

    thank you so much

  • @alikaram98
    @alikaram98 7 місяців тому

    so so so good

    • @alikaram98
      @alikaram98 7 місяців тому

      please make playlist for livewire and inertia

  • @canarymultimedia
    @canarymultimedia Рік тому

    Very good in general, however, the example for getters and setters was not very convincing/practical

  • @freizagen
    @freizagen 2 роки тому

    @13:10 how the 'await' is working without "async" keyword?

  •  2 роки тому

    Wished you rather used native dialog element instead of custom modal.

  • @xade8381
    @xade8381 9 місяців тому +1

    HTMX course please

  • @philip9677
    @philip9677 Рік тому

    Is alpine better than react and vue, hoping to learn alpine js

    • @TheCodeholic
      @TheCodeholic  Рік тому +1

      Alpine.js is slightly different way of doing things and much simpler. But it does not mean that it can replace react or vue.

  • @shahin2014
    @shahin2014 2 роки тому

    how to implement it in node modules laravel9 vite

  • @WaqarAhmadA
    @WaqarAhmadA 2 дні тому

    It seems like Angular 1

  • @rajeshbudhathoki7888
    @rajeshbudhathoki7888 2 роки тому +1

    🇳🇵

  • @rudresh_official
    @rudresh_official 2 роки тому

    At 28:04 that popup is very annoying.

  • @bernardchisumo4054
    @bernardchisumo4054 2 роки тому

    Thanks @The Codeholic

  • @mrX666-s9p
    @mrX666-s9p Рік тому

    Nah I like my Volcano.js

  • @리진-s3m
    @리진-s3m Рік тому +1

    Thank you so much.🥰