ShekhSaifuddin

Member Since 1 Month Ago

Experience Points
9,000
Total
Experience

1,000 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
87
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start your engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-in-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • evangelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

  • Community Pillar

    Earned once your experience points ranks in the top 10 of all Laracasts users.

Level 2
9,000 XP
Jan
16
1 week ago
Activity icon

Commented on Inertia Integration

Why we can't use tailwindcss @apply directive inside vue components, fresh laravel application with jetstream inertia stack

Activity icon

Started a new Conversation Tailwindcss2 @apply Directive Doesn't Work Inside Vue Component

I create a laravel application with jetstream and inertia-vue stack for my new project problem is Tailwindcs version 2 using postCss and it doesn't support @apply directive inside vue components but inside .css file it works fine I don't want that because that css file will load my every page I just want short inline utility classes with @apply directive but I can't, How Can I achieve that.?

inside my vue template

<template>
 <div class="mt-4">
  <label for="hello">Hello</label>
  <input id="hello" class="input"/>
 </div>
</templete>

<style scoped>
    .input {
        @apply bg-gray-200 border h-10
    }
</style>

webpack.mix.js

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js').vue()
    .postCss('resources/css/app.css', 'public/css', [
        require('postcss-import'),
        require('tailwindcss'),
        require('autoprefixer'),
    ])
    .webpackConfig(require('./webpack.config'));

if (mix.inProduction()) {
    mix.version();
}

webpack.config.js

const path = require('path');

module.exports = {
    resolve: {
        alias: {
            '@': path.resolve('resources/js'),
        },
    },
};
tailwind version : "^2.0.1",
laravel version : 8.x,
jetstream version : 2.x,
inertiajs version: "^0.8.2"
Jan
14
1 week ago
Activity icon

Commented on API Tokens

How can we customize this jetstream role-permission dynamically from the user interface..?

Dec
13
1 month ago
Activity icon

Commented on Union And Pseudo Types

Which theme are using..??

Dec
01
1 month ago
Activity icon

Commented on Match Expressions

Which theme are you using for ide..?

Nov
28
1 month ago
Activity icon

Replied to How Can I Set Default Value Inside Loop And Calculate Them?

@snapey Can you give me a demo with some code, I'm new to livewire, this will be very helpful for me

Nov
27
1 month ago
Activity icon

Started a new Conversation How Can I Set Default Value Inside Loop And Calculate Them?

My scenario is you can see the image

prob

here, how can I set the default value in the quantity field? and I want when I change the quantity the total amount will be updated how can I achieve this? here you can see my quantity field is an array I catch it like addComboProductsInTable.{{ $comboKey }}.quantity help me, please

blade

@foreach ($addComboProductsInTable as $comboKey => $comboProduct)
    <tr>
      <td class="p-1">
         {{ $comboProduct['name'] }}
      </td>
      <td class="p-1">
        <input type="text" 
wire:model.defer="addComboProductsInTable.{{ $comboKey }}.quantity" 
class="form-control" placeholder="Qty" style="width: 50%">
        <br>
        <span class="badge badge-primary">{{ $comboProduct['unit']['name'] }}</span>
      </td>
      <td>
        @php($total += $comboProduct['selling_price'])
         $ {{ $comboProduct['selling_price'] }}
      </td>
      <td class="p-1">
          $ 700
      </td>
      <td class="p-1">
        <button type="button" wire:click.prevent="removeComboProductFromTable({{ $comboKey }})" class="btn btn-xs btn-danger">
           <i class="bx bx-plus rotate-45"></i>
        </button>
      </td>
   </tr>
@endforeach

component

public $addComboProductsInTable = [];