psychosocial227

psychosocial227

Member Since 1 Year Ago

Experience Points
1,380
Total
Experience

3,620 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
2
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start-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-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-token Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer-token Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • lara-evanghelist 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.

Level 1
1,380 XP
Dec
04
1 month ago
Activity icon

Started a new Conversation How To Handle Separate HTML Tag That Depend On One Reactive Data.

I have three HTML tag that are dependent on one reactive data. If one HTML tag is clicked the other two react which is okay. My question is how can i get only the tag clicked to be affected without creating multiple reactive data to handle other HTML tags.

Sep
12
4 months ago
Activity icon

Replied to Using Multiple CSS File On Vue.

Ooops thanks. What I actually want is to dynamically use the admininterface.css file while on the admin panel and userinterface.css for the frontend.

Sep
11
4 months ago
Activity icon

Started a new Conversation Using Multiple CSS File On Vue.

//This my main.js file

import Vue from 'vue';

import VueRouter from 'vue-router';


Vue.use(VueRouter);


// Router-view to mount

import Purplex from './components/Purplex.vue';


//routes

import routes from './routes';


const router = new VueRouter({

mode: 'history',

IinkActiveClass: 'is-active',

routes

});


const app = new Vue({

el: '#app',

components:{ Purplex },

router,

});


//This my router-view component

<template>

<div>


<navbar> </navbar>


<router-view> </router-view>


<foot> </foot>


</div>

</template>



<script>


import Navbar from '././views/userInterface/Navbar.vue'

import Foot from './views/userInterface/Footer.vue';


export default {


components: {

Navbar,

Foot

},


}

</script>


// this my app outlet file



<!doctype html>

<html lang="{{ app()->getLocale() }}">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">


<!-- CSRF Token -->

<meta name="csrf-token" content="{{ csrf_token() }}">


<!-- Styles -->

//user interface only
<link href=" {{ asset('css//user_interface/fontawesome.css') }}" rel="stylesheet">

//user interface only
<link href="{{ asset('css/user_interface/bulma.css') }}" rel="stylesheet">

//admin interface only

<link href=" {{ asset('css//admin_interface/fontawesome.css') }}" rel="stylesheet">


//admin interface only

<link href="{{ asset('css/admin_interface/bulma.css') }}" rel="stylesheet">


<!-- Animate.css to handle animation -->
<link href="{{ asset('css/animate.css') }}" rel="stylesheet">


</head>


<body>


<Purplex id="app"> </Purplex>


</body>


<script src="{{ mix('js/app.js') }}"></script>

<script src="{{ mix('js/purplex.js') }}"></script>


</html>