apex1

Member Since 1 Year Ago

Experience Points
40,690
Total
Experience

4,310 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
326
Lessons
Completed
Best Reply Awards
11
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 9
40,690 XP
Apr
05
1 week ago
Activity icon

Awarded Best Reply on Laravel Mix Does Not Pull In CSS

@vincej Okay I think have a solution: In your resources/sass/app.scss file (make sure it's .scss and not .sass), put this:

@import "../css/default";

Your webpack.mix.js will looks like:

mix.js(['resources/js/app.js', 'resources/js/functions.js'], 'public/js')
	.sass("resources/sass/app.scss", "public/css/");
  

This will combine both into a single css file, and then you bring in your main layout file

 <link href="{{ asset('/css/app.css') }}" type="text/css" rel="stylesheet">

OR

Upgrade to laravel-mix version 6 and update your webpack.mix.js file to :

   mix.js(["resources/js/app.js", "resources/js/functions.js"], "public/js/app.js").vue()
	.sass("resources/sass/app.scss", "public/css")
    .css("resources/css/default.css", "public/css");

If you upgrade to laravel-mix 6, you might need to get rid of --hide-modules in your npm script "npm run development" and "npm run production"

Activity icon

Replied to Laravel Mix Does Not Pull In CSS

@vincej Okay I think have a solution: In your resources/sass/app.scss file (make sure it's .scss and not .sass), put this:

@import "../css/default";

Your webpack.mix.js will looks like:

mix.js(['resources/js/app.js', 'resources/js/functions.js'], 'public/js')
	.sass("resources/sass/app.scss", "public/css/");
  

This will combine both into a single css file, and then you bring in your main layout file

 <link href="{{ asset('/css/app.css') }}" type="text/css" rel="stylesheet">

OR

Upgrade to laravel-mix version 6 and update your webpack.mix.js file to :

   mix.js(["resources/js/app.js", "resources/js/functions.js"], "public/js/app.js").vue()
	.sass("resources/sass/app.scss", "public/css")
    .css("resources/css/default.css", "public/css");

If you upgrade to laravel-mix 6, you might need to get rid of --hide-modules in your npm script "npm run development" and "npm run production"

Activity icon

Replied to Laravel Mix Does Not Pull In CSS

Can you show your package.json as well as the structure of your resources directory?

Apr
04
1 week ago
Activity icon

Replied to Laravel Mix Does Not Pull In CSS

What happens if you add a trailing / to 'public/css'? Like this:

mix.js(['resources/js/app.js', 'resources/js/functions.js'], 'public/js')
    .css('resources/css/default.css','public/css/');
    .sass('resources/sass/app.sass','public/css/');

Notice the change, 'public/css/' from 'public/css'.

Anything?

Apr
02
1 week ago
Activity icon

Replied to Vue Gives Error On Page Unrelated To Template

                       type="checkbox"
                       class="custom-control-input"
                       :id="child.child_id"
                       v-model="child.status"
                       @change="updateChild(child)" >

I don't remember about Vue, but at least in React you have to close single tag elements such as input. So <input> would have to be <input/>.

Is your file a .vue file? Most likely can't have another script tag other than the script to define the component, etc. Also, is jQuery really necessary for what you're doing?

Apr
01
1 week ago
Activity icon

Replied to Vue Gives Error On Page Unrelated To Template

<input /> needs a closing tag.

Mar
23
2 weeks ago
Activity icon

Replied to Computed Value Not Returning Correctly

Your method currentMonthPrice(material) isn't returning anything, just the returning in the callback function (forEach).

But on a side note, why mix var and let??

Mar
13
4 weeks ago
Activity icon

Replied to Module Not Found: Error: Can't Resolve

You can try updating your laravel-mix to version 6. And then changing your webpack.mix.js file to

mix.js("resources/js/app.js", "public/js")
    .vue()
    .sass("resources/sass/app.scss", "public/css");

(default mix file that comes with laravel/ui) I just did a fresh install now and seems to be working.

Activity icon

Replied to Module Not Found: Error: Can't Resolve

Can you show package.json and webpack.mix.js?

Activity icon

Replied to Module Not Found: Error: Can't Resolve

Did you run npm run dev again?

Activity icon

Replied to Module Not Found: Error: Can't Resolve

require('./...').default

You're missing the .default

Mar
11
1 month ago
Activity icon

Replied to Change $primary Color

Might need to clear browser cache.

Mar
07
1 month ago
Activity icon

Replied to Materialize On Laravel 5.5.50, Php 7.4.14. Outdated?

There should also be a javascript file if you want to be able to use the interactivity. Is that in the project at all?

Mar
03
1 month ago
Activity icon

Replied to Action [email protected] Not Defined

Why not just used named routes?

Feb
21
1 month ago
Activity icon

Replied to Not Getting Any JS Chunks Loaded

Any errors in browser console?

Feb
20
1 month ago
Activity icon

Awarded Best Reply on Eloquent Question

If you want your pivot to contain additional information add ->withPivot('user_name') where you defined your relationships.

https://laravel.com/docs/8.x/eloquent-relationships#retrieving-intermediate-table-columns

Feb
17
1 month ago
Activity icon

Replied to Update In Laravel VueJs

@rod2rick In your put call (axios), switch your config and request data. axios.put('/url', { ...your_data }, config);

Feb
16
1 month ago
Activity icon

Replied to Update In Laravel VueJs

@rod2rick What happens when you replace $produit->update(); with $produit->save();? I believe the [model]->update() method is for mass assignment updates, e.g., $produit->update(['name' => 'new name']);.

Activity icon

Replied to Update In Laravel VueJs

Is your Produit model supposed to be Produit or Produits ?

Feb
14
1 month ago
Activity icon

Replied to Eloquent Question

If you want your pivot to contain additional information add ->withPivot('user_name') where you defined your relationships.

https://laravel.com/docs/8.x/eloquent-relationships#retrieving-intermediate-table-columns

Activity icon

Replied to Laravel Doesn't Load Tailwind Styles

Try right-clicking on the browser's refresh button and select empty cache and reload.

Feb
13
1 month ago
Feb
09
2 months ago
Activity icon

Replied to Update In Laravel VueJs

Pass an Id parameter to this.getProduit() in your mounted(). I don't think you produit in props either. Are you able to get the expected data?

Feb
01
2 months ago
Activity icon

Replied to Vue 3, Data Emit Error

Also, no need for a ternary in your toggleMenu() method. You can just do this.isMobile = !this.isMobile

Activity icon

Awarded Best Reply on Vue 3, Data Emit Error

You have a typo in your parent component. Should be methods: { ... } but you have method: { ... }

Activity icon

Replied to Vue 3, Data Emit Error

You have a typo in your parent component. Should be methods: { ... } but you have method: { ... }

Activity icon

Replied to Laraval/React Mix Example Doesn't Display A Page For Me As Illustrated On The Tutorial.

Well thats a Laravel 5 tutorial and you're on Laravel 8. So some things are going to be different. Your routes should now be (Laravel 8)

use ...

Route::get('products', [ProductsController::class, 'index']);
Route::get('products/{product}', [ProductsController::class, 'show']);
etc...

And make sure to import the Product Controller.

use App\Http\Controllers\ProductsController;
Activity icon

Replied to Laraval/React Mix Example Doesn't Display A Page For Me As Illustrated On The Tutorial.

You're using laravel 8, models now live in the Models directory. So on top of your file where you have use App\Product; change that to use App\Models\Product;

Could you also show your routes file (routes/api.php)?

Activity icon

Replied to Count Same Data And Show One Javascript

Sorry turn the HTMLCollection into an array first.

const divs = document.getElementsByClassName("test");
const mySet = new Set();
[...divs].forEach(div => mySet.add(div.getAttribute('data-content')));
Activity icon

Replied to Laraval/React Mix Example Doesn't Display A Page For Me As Illustrated On The Tutorial.

Looks like something wrong with your Laravel code. Can you post the controller method for /api/products?

Activity icon

Replied to Count Same Data And Show One Javascript

A set will do that for you. A set will only have unique values.

let mySet = new Set()
divs.forEach(div => mySet.add(div.getAttribute('data-content')));
Activity icon

Replied to Laraval/React Mix Example Doesn't Display A Page For Me As Illustrated On The Tutorial.

Its a browser extension created by the react theme. If you're using chrome etc search for react dev tools and install it then open the dev console and click on the Components tab.

Activity icon

Replied to Laraval/React Mix Example Doesn't Display A Page For Me As Illustrated On The Tutorial.

Any errors in the console? Also check react dev tools, are the products loaded in your state ?

Activity icon

Replied to Update Value Vue.js Without Page Refresh

He or she is using axios. Make sure to set this.data = response.data.

Activity icon

Replied to Laraval/React Mix Example Doesn't Display A Page For Me As Illustrated On The Tutorial.

Did you get rid of this by mistake?

if (document.getElementById('root')) {
    ReactDOM.render(<Main />, document.getElementById('root'));
}
Activity icon

Awarded Best Reply on Unable To Access User Property On Vue Component

Your user property is an array. Either take the first index [0] in your frontend or fix how you're sending the data from your controller. Probably need to change a ->get() to a ->first() when querying the data.

Activity icon

Replied to Unable To Access User Property On Vue Component

Your user property is an array. Either take the first index [0] in your frontend or fix how you're sending the data from your controller. Probably need to change a ->get() to a ->first() when querying the data.

Jan
23
2 months ago
Activity icon

Awarded Best Reply on Laravel Ajax Eloquent Relationship Can't Get Value

Your movies property is an array. Loop over it or take the first index, value.movies[0].title

Jan
22
2 months ago
Activity icon

Replied to Laravel Ajax Eloquent Relationship Can't Get Value

Your movies property is an array. Loop over it or take the first index, value.movies[0].title

Jan
21
2 months ago
Activity icon

Replied to SafeAreaView Top Not Showing Background Color In React-native

Try using the StatusBar component.

import { StatusBar } from "react-native";

...
return (
<SafeAreaView>
	<StatusBar backgroundColor="blue" />
</SafeAreaView>
)
Jan
20
2 months ago
Activity icon

Replied to Token Not Defined In AsyncData

Show your entire script portion for the component. Why is asyncData() not inside the methods object?

Jan
19
2 months ago
Activity icon

Awarded Best Reply on Getting Error: [Vue Warn]: Error In Render: "TypeError: Cannot Read Property 'form' Of Undefined"

This part :

<input class="rounded" v-model="this.form.breakfast" :value="dayNum" :id="mealID('breakfast', dayNum)" type="checkbox">
				<input class="rounded" v-model="this.form.lunch" :value="dayNum" :id="mealID('lunch', dayNum)"  type="checkbox">
				<input class="rounded" v-model="this.form.dinner" :value="dayNum" :id="mealID('dinner', dayNum)"  type="checkbox">
				<input class="rounded" v-model="this.form.dessert" :value="dayNum" :id="mealID('dessert', dayNum)"  type="checkbox">
				<input class="rounded" v-model="this.form.snack" :value="dayNum" :id="mealID('snack', dayNum)"  type="checkbox">

Your v-models should just be v-model="form.your_property", but you have "this.form.your_property"

Activity icon

Replied to Getting Error: [Vue Warn]: Error In Render: "TypeError: Cannot Read Property 'form' Of Undefined"

This part :

<input class="rounded" v-model="this.form.breakfast" :value="dayNum" :id="mealID('breakfast', dayNum)" type="checkbox">
				<input class="rounded" v-model="this.form.lunch" :value="dayNum" :id="mealID('lunch', dayNum)"  type="checkbox">
				<input class="rounded" v-model="this.form.dinner" :value="dayNum" :id="mealID('dinner', dayNum)"  type="checkbox">
				<input class="rounded" v-model="this.form.dessert" :value="dayNum" :id="mealID('dessert', dayNum)"  type="checkbox">
				<input class="rounded" v-model="this.form.snack" :value="dayNum" :id="mealID('snack', dayNum)"  type="checkbox">

Your v-models should just be v-model="form.your_property", but you have "this.form.your_property"

Jan
15
2 months ago
Activity icon

Replied to Undefined Variable Problem

value ="{{ $AboutMes->about_mes_middle_name }}">

Your problem is in the value field of your Last Name input. You have $AboutMes but you pass in $aboutmes.