Andre Madarang
Andre Madarang
  • Видео 201
  • Просмотров 6 111 700
Laravel Pulse - Insights and Application Performance
Laravel Pulse is a first-party package that gives you at-a-glance insights into your application’s performance and usage. Let's take a look at how to use it and some of the default cards it provides to help monitor your application in production.
Jess Archer's talk: ruclips.net/video/-9jV5ra5KB4/видео.html
Aaron Francis Blog Post on Creating a custom Pulse card: aaronfrancis.com/2023/composer-outdated-laravel-pulse
Aaron has a video now too: ruclips.net/video/oFxcWcP6bVE/видео.html
# LINKS
My courses: codewithdre.com
Sign up for my newsletter: andremadarang.com/newsletter
My website: andremadarang.com
Twitter: drehimself
GitHub: github.com/drehimself
CodePen: codepen.io/drehimself...
Просмотров: 8 614

Видео

Tiptap Editor with Vue.js, Tailwind CSS and Laravel
Просмотров 11 тыс.8 месяцев назад
Tiptap is a modern, headless WYSIWYG editor that can be easily integrated into your web applications. It has support for modern JavaScript frameworks like React, Vue, and Svelte and offers a ton of functionality via its plugin/extension system. In this video, we’ll look at using Tiptap with an Inertia app using Vue 3, Tailwind, and Laravel. We’ll cover installation, styling with Tailwind CSS an...
shadcn/ui for Vue.js
Просмотров 18 тыс.9 месяцев назад
shadcn/ui is a popular component library in the React ecosystem that has now been ported over to Vue.js. It's built on top of Tailwind CSS and Radix and allows for easy control and customization of components. Let's take a look at some of the features available and how you would use it in a Vue.js project. shadcn-vue: www.shadcn-vue.com/ radix-vue: www.radix-vue.com/ GitHub Repo Example: github...
HTMX in Laravel - AJAX calls with HTML
Просмотров 15 тыс.10 месяцев назад
HTMX is a simple way to perform AJAX calls and update DOM elements using HTML attributes and no JavaScript. In this video, we'll take a look at a few practical examples of using HTMX within a Laravel app. GitHub Repo: github.com/drehimself/htmx-laravel-example 0:00 - Intro and Basics 5:25 - Contact Form Example 15:27 - Users List and Form Example 22:46 - Users Search and Filter Example # LINKS ...
Laravel Prompts - Next Level CLI
Просмотров 6 тыс.10 месяцев назад
Laravel Prompts brings interactive forms on the web into our command-line applications with features like placeholder text, real-time validation, and autocomplete. Even if you don't create custom CLI applications or artisan commands, prompts is built right into the Laravel installer and the default artisan commands making for a wonderful command-line experience. Jess Archer's Larcon talk: rucli...
Laravel Folio - Page-based Routing
Просмотров 4,9 тыс.10 месяцев назад
Laravel Folio allows you to automatically generate routes based on files you create in a specific location. It's similar to the Next.js or Nuxt application routing but for your blade files. In this video, we look at an example of the basics, then refactor an existing blog application to use Folio routes. Taylor's talk at Laracon: ruclips.net/video/1P3wLy49t2c/видео.html GitHub Repo: github.com/...
NativePHP - Desktop Apps with Laravel
Просмотров 41 тыс.11 месяцев назад
NativePHP is a framework for building native desktop applications using Laravel and the tools you're already familiar with. It has support for bundling your application with Electron with support for Tauri coming soon. In this video, we'll take a look at some of the basics of NativePHP and build an example desktop application that pulls data from the Reddit API. NativePHP: nativephp.com/ Marcel...
Laravel Herd - PHP Development Environment for Mac
Просмотров 21 тыс.11 месяцев назад
Laravel Herd is the easiest way to get started with a PHP and Laravel Development environment. It's like Laravel Valet, but lives in your menu bar and does not require Homebrew to manage dependencies. It's perfect for anyone who is just starting out with PHP or Laravel development. We also take a look at pairing Herd with DBngin, so we have quick access to create and manage databases from our m...
Tanstack Table for Vue.js
Просмотров 14 тыс.11 месяцев назад
Tanstack Table is Headless UI that makes it easy to create powerful datatables or datagrids with complete control over your markup and styles. We'll be looking at how to use Tanstack Table with Vue.js including pagination, sorting, filtering, and how to make your table components re-usable. Tanstack Table: tanstack.com/table/v8 GitHub: github.com/drehimself/tanstack-table-vue-example If you wan...
Phone Number Formatting in Laravel and Vue
Просмотров 3,6 тыс.11 месяцев назад
Phone Number formatting and validation often get overlooked when working with forms. In this video, we take a look at two packages that make this process easier. Laravel Phone takes care of server-side validation and MazPhoneNumberInput is a Vue component that formats a phone number as you type and also has a country code dropdown. GitHub Repo: github.com/drehimself/laravel-vue-phone-example La...
Vue v-model in child components and defineModel
Просмотров 8 тыс.Год назад
We look at a few ways to use Vue's v-model in your child components. This includes a manual implementation, using writable computed, using a composable in the VueUse library, and using defineModel which is currently experimental in Vue 3.3. GitHub Repo: github.com/drehimself/vue-vmodel-child-example RFC link: github.com/vuejs/rfcs/discussions/503 # LINKS My courses: codewithdre.com Sign up for ...
Laravel Frontend Site Rebuild w/ Tailwind CSS and Vue
Просмотров 3,4 тыс.Год назад
The Laravel Frontend site has a really cool 3D perspective grid of icons that caught my eye when I saw it. I thought it would be a fun project to try and re-create it using Tailwind CSS and Vue. GitHub Repo: github.com/drehimself/frontend-website-rebuilds Demo App Site: frontend-website-rebuilds.netlify.app/laravel-frontend # LINKS My courses: codewithdre.com Sign up for my newsletter: andremad...
Container Queries in Tailwind CSS - Practical Examples
Просмотров 7 тыс.Год назад
A quick overview of using CSS Container Queries within Tailwind CSS. GitHub Repo: github.com/drehimself/yt-container-queries-tailwind # LINKS My courses: codewithdre.com Sign up for my newsletter: andremadarang.com/newsletter My website: andremadarang.com Twitter: drehimself GitHub: github.com/drehimself CodePen: codepen.io/drehimself
Container Queries in CSS - Practical Examples
Просмотров 4,6 тыс.Год назад
Container queries allow you to style your components and layouts based on the size of the container instead of the size of the viewport. This allows us to reuse components across different containers, regardless of size. Let's take a look at two practical examples of how container queries are a better solution than traditional media queries. GitHub Repo: github.com/drehimself/yt-container-queri...
Expose - Open Source Tunnel Application
Просмотров 19 тыс.4 года назад
Expose is an open-source tunnel application written in PHP by Marcel Pociot. It allows you to share your local websites with others on the internet. It has a very similar feature set to ngrok. We take a look at how to use it, and how to set it up on your own server. GitHub Thread: github.com/beyondcode/expose/issues/18#issuecomment-646485519 Expose: beyondco.de/docs/expose/introduction # LINKS ...
Fan Out Animation - Vue & Tailwind CSS
Просмотров 27 тыс.4 года назад
Fan Out Animation - Vue & Tailwind CSS
Vite - Build Tool
Просмотров 54 тыс.4 года назад
Vite - Build Tool
Pest - An Elegant PHP Testing Framework
Просмотров 18 тыс.4 года назад
Pest - An Elegant PHP Testing Framework
Blueprint - Laravel Code Generation tool
Просмотров 42 тыс.4 года назад
Blueprint - Laravel Code Generation tool
Laravel Movie App - PurgeCSS & Deployment - Part 9
Просмотров 22 тыс.4 года назад
Laravel Movie App - PurgeCSS & Deployment - Part 9
Laravel Movie App - Adding TV Shows - Part 8
Просмотров 12 тыс.4 года назад
Laravel Movie App - Adding TV Shows - Part 8
Laravel Movie App - Adding Actors - Part 7
Просмотров 13 тыс.4 года назад
Laravel Movie App - Adding Actors - Part 7
Laravel Movie App - Refactoring to View Models - Part 6
Просмотров 12 тыс.4 года назад
Laravel Movie App - Refactoring to View Models - Part 6
Laravel Movie App - UI Interactivity w/ Alpine.js - Part 5
Просмотров 21 тыс.4 года назад
Laravel Movie App - UI Interactivity w/ Alpine.js - Part 5
Laravel Movie App - Search Dropdown w/ Livewire - Part 4
Просмотров 34 тыс.4 года назад
Laravel Movie App - Search Dropdown w/ Livewire - Part 4
Laravel Movie App - Testing API - Part 3
Просмотров 15 тыс.4 года назад
Laravel Movie App - Testing API - Part 3
Laravel Movie App - API Usage & HTTP Client - Part 2
Просмотров 55 тыс.4 года назад
Laravel Movie App - API Usage & HTTP Client - Part 2
Laravel Movie App - Styling w/ Tailwind CSS - Part 1
Просмотров 188 тыс.4 года назад
Laravel Movie App - Styling w/ Tailwind CSS - Part 1
Laravel Sanctum/Airlock Mobile Auth w/ React Native
Просмотров 21 тыс.4 года назад
Laravel Sanctum/Airlock Mobile Auth w/ React Native
Laravel Sanctum/Airlock with Vue for SPA Auth
Просмотров 61 тыс.4 года назад
Laravel Sanctum/Airlock with Vue for SPA Auth

Комментарии

  • @Bright-Great
    @Bright-Great 21 час назад

    can you do a video on how to make it an executable file and package it with database?

  • @narinum8688
    @narinum8688 5 дней назад

    I'm using google map in my Laravel project, the map shows 'This Page Can't load Google Map correctly'. The API key is provided by the team, is this problem only relate to the API keys or is there something wrong with my local project environment?

  • @abhinavrajhans1107
    @abhinavrajhans1107 6 дней назад

    how to make it work for changing data in which the value which keep on changing every moment

  • @mythsrin
    @mythsrin 7 дней назад

    how can i give alt text to all the img separately ?

  • @acerhigh09
    @acerhigh09 8 дней назад

    defineEmits not needed when using defineModel, are still there in the defineModel example, but perhaps that implicitly meant

  • @isabelphillips451
    @isabelphillips451 20 дней назад

    Thank you for this 🤗

  • @FurSchulung
    @FurSchulung 23 дня назад

    Namaste!

  • @Suriprofz
    @Suriprofz 25 дней назад

    seems it's missing wrappers around the components. so you can just import the Dialog. and not all seperate components -> DialogFooter dialog... whatever. ofcouse we can make it ourselfs. but seems kinda hackish this way

  • @mah-amiri133
    @mah-amiri133 Месяц назад

    thank you! great video

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

    Useful video, full environment to start coding

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

    It's o new and not stable yet. We tried to use it in our project but faced a lot of bugs. Better to wait stable version...

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

    its really usefull thx

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

    Very complet presentation thanks!

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

    Excellent video, can you tell me if it works normally without internet on the computer??

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

    import at some points is not working because you use webstom which i finally dumped, nothing about types was working as expected on top of being a memory hog

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

    when typing in terminal 'laravel new laravel-movies-example' it asks me if i'd like to install a starter kit, should i choose Jetstream? after choosing Jestream and going through the setup my welcome.blade.php looks nothing like yours and there isn't a webpack.mix.js file in the project

  • @MarcGentner-vq4uv
    @MarcGentner-vq4uv Месяц назад

    to be honest, i worked with sass, scss, css, bootstrap, bulma, and tailwind. and tailwind is in my opinion the worst. its only usable because of the ecosystems that are build on tailwind. i love shadcn, the filosofy but i hate tailwind. i have never seen code so unreadable like tailwind on big projects...

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

    Thank you, this was a really helpful explanation!

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

    Thanks for this tutorial, for anyone trying WP, ensure DB is 127.0.0.1, localhost does not work for some reason most of the times.

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

    07:50

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

    Those who use mpdf for complex views are doomed, export using puppeteer based packages

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

    any idea when it will be in bèta? Love this product!!

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

    This is so helpful! Thank you so much!

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

    nicely done.

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

    Thanks sir...! You save my time ❣️

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

    I would like to see how to work with images in tiptap

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

    Thanks, Andre for sharing knowledge! I've been following this course for over a month, and I've gained a lot of information. I've even created my own e-commerce website with a unique design.

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

    Thank you! Everything works!

  • @iliantachev4873
    @iliantachev4873 3 месяца назад

    Guys, am I the only one who has issues with the rendering? When I type long text, <p> for example, in the editor it comes as normal, it goes on new line, but upon rendering, it is scrolling on y-axis.

  • @andriizatsepin6137
    @andriizatsepin6137 3 месяца назад

    Very useful video, thanks!

  • @JuanCaicedoo_o
    @JuanCaicedoo_o 3 месяца назад

    It was a good guide!, thank you

  • @Omega_Hopkin
    @Omega_Hopkin 3 месяца назад

    Looks nice, but MySQL is a paid service, right?

  • @yoskokleng3658
    @yoskokleng3658 3 месяца назад

    Now NativePHP is currently still an alpha

  • @SAIEN333
    @SAIEN333 3 месяца назад

    yes Sir, this is how a tutorial should be, not in any rush, very detailed . thankyou

  • @OualidOUKASSOU
    @OualidOUKASSOU 3 месяца назад

    Thanks for this amazing tutorial, can you explain how to implement image copy and past or drag & drop

  • @krakatoom
    @krakatoom 3 месяца назад

    Thx for clean explanation. It's always especially for nooks as I hard to decipher certain docs..😊

  • @scott_itall8638
    @scott_itall8638 3 месяца назад

    I get the Herd Undefined Variable $handle.

  • @mohammadkhodadadi6018
    @mohammadkhodadadi6018 3 месяца назад

    ❤❤❤❤

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

    Thanks for this. You have given hope to the VueJs die-hard fans....😅😅

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

    I got this error when running doman 502 Bad Gateway: nginx/1.22.0 How to fix it? Thanks

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

    Wow, thanks for your contribution. I want to include Laravel Breeze in this project. What do I do?

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

    Great video mate. Thank you!

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

    Hello, thanks for the video. I'm looking to implement in WordPress and need your help. Thank you in advance for your collaboration!

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

    It was really awesome, you saved my time. Thank you so much.

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

    Glad you clarified the main use case between both HTMX and Livewire cause I was getting the intuition it looks and works like Livewire... The concept is still the same but the implementations are both principally different

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

    Loved your structural approach from least to most abstract.

  • @KamrulHasan-zq2wc
    @KamrulHasan-zq2wc 4 месяца назад

    Herd for linux?

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

    thanks very much, it's usefull

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

    really really really amazing

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

    Hey andre, thanks for that great video. I want to ask, is NativePHP can scan and read all file in local directory client?