Filip_Zdravkovic

Filip_Zdravkovic

Belgrade, Serbia

Hire Me

Member Since 2 Years Ago

Experience Points 33,400
Experience
Level
Lessons Completed 302
Lessons
Completed
Best Reply Awards 2
Best Answer
Awards
  • Start Your Engines Achievement

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • First Thousand Achievement

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • One Year Member Achievement

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • Two Year Member Achievement

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • Three Year Member Achievement

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • Four Year Member Achievement

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • Five Year Member Achievement

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • School In Session Achievement

    School In Session

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

  • Welcome To The Community Achievement

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • Full Time Learner Achievement

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • Pay It Forward Achievement

    Pay It Forward

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

  • Subscriber Achievement

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • Lifer Achievement

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • Laracasts Evangelist Achievement

    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 Achievement

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • Laracasts Veteran Achievement

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • Ten Thousand Strong Achievement

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • Laracasts Master Achievement

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • Laracasts Tutor Achievement

    Laracasts Tutor

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

  • Laracasts Sensei Achievement

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • Top 50 Achievement

    Top 50

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

16 Jun
5 months ago

Filip_Zdravkovic left a reply on Refreshing Doesn't Fix: `The Page Has Expired Due To Inactivity. Please Refresh And Try Again.`

The same problem exists with Google Chrome (67.0.3396.87). So, it definitely has nothing to do with the browser.

DebugBar / Session before refreshing the page with the form:

session before refreshing

DebugBar / Request before refreshing the page with the form:

request before refreshing

DebugBar / Session after refreshing the page with the form:

session before refreshing

DebugBar / Request after refreshing the page with the form:

session before refreshing

Filip_Zdravkovic left a reply on Refreshing Doesn't Fix: `The Page Has Expired Due To Inactivity. Please Refresh And Try Again.`

Not sure because clearing the Firefox cache didn't work.

Also, bypassing the cache by pressing "Ctrl + Shift + R" didn't fix it.

Maybe closing/re-opening the browser is required after clearing the browser's cache? (because closing and re-opening the browser seems to solve this problem sometimes)

I'm thinking about using the package that @Cronix mentioned because I do not want this problem to happen to end users of the site.

But I'm still wondering why this is happening, I've never had that problem before. I'm not sure if this issue is related to Laravel framework, browser (Firefox), or something on my side...

Filip_Zdravkovic left a reply on Refreshing Doesn't Fix: `The Page Has Expired Due To Inactivity. Please Refresh And Try Again.`

@Snapey Yes, but as I wrote:

Going back one page and refreshing the form (Ctrl + Shift + R to get the new token) doesn't solve the problem - I'm still getting this error message.

... so, I was refreshing the page with the form to get the new token - but that doesn't work for some reason, and I usually have to close and re-open the browser in order to be able to submit that form.

15 Jun
6 months ago

Filip_Zdravkovic started a new conversation Refreshing Doesn't Fix: `The Page Has Expired Due To Inactivity. Please Refresh And Try Again.`

  • Laravel Version: 5.6.23
  • PHP Version: 7.2.4
  • Database Driver & Version: mysql / MariaDB 10.1.33
  • Firefox 60.0.2
  • Windows 7 64-bit / XAMPP v3.2.2

Refreshing doesn't fix The page has expired due to inactivity. Please refresh and try again.

The page with form:

    <form method="POST" action="{{ route('admin.users.update', $user) }}">
         @method('PUT')
         @csrf
         . . .

... was opened in Firefox for some time and there was no activity (I was AFK.

When I came back and tried to submit it - I got the following message:

The page has expired due to inactivity. Please refresh and try again.

... which was expected. But the problem is that I cannot get rid of this message. Going back one page and refreshing the form (_Ctrl + Shift + R_ to get the new token) doesn't solve the problem - I'm still getting this error message.

I also tried to clean browser's cache and Laravel cache (php artisan cache:clear, php artisan config:clear, php artisan view:clear) - but that didn't work.

Closing and re-opening the browser seems to solve this problem sometimes.

############################

Is this a bug (framework issue)? I'm worried about the end users of the website, if that happens to them - they will be lost...

As for the possible misconfiguration (on my side) - session.php was not changed after installation:

'driver' => env('SESSION_DRIVER', 'file'),
'lifetime' => env('SESSION_LIFETIME', 120),
'expire_on_close' => false,
'encrypt' => false,
'files' => storage_path('framework/sessions'),
'connection' => null,
'table' => 'sessions',
'store' => null,
'lottery' => [2, 100],
'cookie' => env(
    'SESSION_COOKIE',
    str_slug(env('APP_NAME', 'laravel'), '_').'_session'
),
'path' => '/',
'domain' => env('SESSION_DOMAIN', null),
'secure' => env('SESSION_SECURE_COOKIE', false),
'http_only' => true,
'same_site' => null,

... and there's nothing in .env that is used in config/session.php except:

SESSION_DRIVER=file
SESSION_LIFETIME=120

... which was already there after installing Laravel.

13 Jun
6 months ago

Filip_Zdravkovic left a reply on Handling Unchecked Checkbox With Old()

3 months is nothing, time passes quickly ;-)

Filip_Zdravkovic left a reply on Handling Unchecked Checkbox With Old()

@Snapey But that doesn't solve the problem. For example, let's say that $user->member is 1. When you open the edit form - it will be initially checked. But if you uncheck it, submit the form and get some validation error, then this:

<input type="checkbox" name="member"
  @if (old('member',$user->member)) checked @endif  />

... will not be unchecked. I think that's the problem @ducasse is having here. This should work:

@if(! ($errors->any() && is_null(old('dynamic_name'))) && old('dynamic_name', $user->dynamic_name)) checked @endif

I did not test, and I guess there's a better (more elegant) way ...

01 Apr
1 year ago

Filip_Zdravkovic started a new conversation MIX: 'cross-env' Is Not Recognized As An Internal Or External Command, Operable Program Or Batch File.

Did you get the following error when trying to run Mix tasks?

npm run dev

> @ dev C:\xampp\htdocs\VEZBE\ModernCSS
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

'cross-env' is not recognized as an internal or external command,
operable program or batch file.

...

npm ERR! node v7.5.0
npm ERR! npm  v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! @ dev: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script 'cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup                 /webpack.config.js'.

I'm using Laravel 5.4.16 (WINDOWS).

01 Mar
1 year ago

Filip_Zdravkovic left a reply on Vue-cli / Webpack: Where To Import CSS?

As suggested by zcong1993: https://github.com/vuejs-templates/webpack-simple/issues/71#issuecomment-282207844 ... change publicPath to './dist/' when env is production:

if (process.env.NODE_ENV === 'production') {
  // change publicPath to './dist/' when env is production
  module.exports.output.publicPath = './dist/'
  module.exports.devtool = '#source-map'
  // http://vue-loader.vuejs.org/en/workflow/production.html
  module.exports.plugins = (module.exports.plugins || []).concat([
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      sourceMap: true,
      compress: {
        warnings: false
      }
    }),
    new webpack.LoaderOptionsPlugin({
      minimize: true
    })
  ])
17 Feb
1 year ago

Filip_Zdravkovic left a reply on Vue-cli / Webpack: Where To Import CSS?

In webpack.config.js changing publicPath from '/dist/' to './dist/' solves the problem.

Filip_Zdravkovic left a reply on Vue-cli / Webpack: Where To Import CSS?

The problem is that the paths without ./ are treated as root paths and that's why images are not displayed (loaded). So, instead of http://vuecasts.dev/PROJECT-NAME/dist/cross.png?260c9c6535065674bb5e59a73f894abb ... it attempts to load from http://vuecasts.dev/dist/cross.png?260c9c6535065674bb5e59a73f894abb So, I'm not sure where and how to import that CSS, what is the correct way to do it?

Filip_Zdravkovic started a new conversation Vue-cli / Webpack: Where To Import CSS?

Hi,

I am using Vue-cli [Webpack] and I have installed Vis.js. In App.vue I have added (imported) vis.css:

<style>
    @import "../node_modules/vis/dist/vis.css";
    ...
</style>

Is this the right way? I am asking because when I run npm run dev - everything works fine, all Vis icons are loaded (displayed), but when I run npm run build - when I open the app in the browser - Vis icons are missing and I am getting the following errors:

Image of Yaktocat

I guess that the problem is how the paths in vis.css are treated. If so, how and where should I import (include) it, what's the right way to do it?

29 Jan
1 year ago

Filip_Zdravkovic started a new conversation Vue-cli [Webpack]: How To Install Vis?

I'm new to vue-cli & Webpack, I have installed vue-cli and now I would like to install and use Vis.js. After running the npm install vis command, what's next? Where and how can I require (or import) it? I've tried the following in App.vue:

    <template>
      <div id="mynetwork"></div>
    </template>

    <script>
      import vis from 'vis'

      // create an array with nodes
      var nodes = new vis.DataSet([
        { id: 1, label: 'Node 1' },
        { id: 2, label: 'Node 2' },
        { id: 3, label: 'Node 3' },
        { id: 4, label: 'Node 4' }
      ]);

      // create an array with edges
      var edges = new vis.DataSet([
        { from: 1, to: 3 },
        { from: 1, to: 2 },
        { from: 2, to: 4 }
      ]);

      // create a network
      var container = document.getElementById('mynetwork');

      // provide the data in the vis format:
      var data = {
        nodes: nodes,
        edges: edges
      };

      var options = {};

      // initialize your network!
      var network = new vis.Network(container, data, options);

      export default {
        name: 'app'
      }
    </script>

    <style>
    </style>

... but it doesn't work. To use Vis without npm (vue-cli/webpack) you have to include the CSS and JavaScript files:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.18.0/vis.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.18.0/vis.min.js"></script>

... so I guess that I need to import (require) css & js files somewhere (in .vue component or in entry file main.js or maybe in webpack.config.js)?

On this page this was mentioned:

or load vis.js using require.js. Note that vis.css must be loaded too.

require.config({
  paths: {
    vis: 'path/to/vis/dist',
  }
});
require(['vis'], function (math) {
  // ... load a visualization 
});
15 Jan
1 year ago

Filip_Zdravkovic started a new conversation Vis.js Does Not Work Properly With Vue?

Hi,

I have created "issue" about this here: https://github.com/almende/vis/issues/2567

It seems that Vis doesn't work properly with Vue, or I am doing something wrong with Vue...

I have created a very simple app using Vue.js & Vis Network. You can take a look at it here: https://jsfiddle.net/Filip_Z/2ewtzh7w/1/

For some reason, when I add a new edge - all nodes become red and every newly added edge will overlap with the existing one:

On the other side, here is the same version of this app without Vue: https://jsfiddle.net/Filip_Z/63jcj26y/2/

... and there are no problems, everything works fine. There are no errors in the browser console and I cannot figure out why is this happening.

Tooa (almende/vis) wrote:

There was a similar problem with the dataset where all nodes got the title 4 after an update here? **Looks like visjs does not work properly with vue.js** or something is missing on the vue.js side in order to work properly with visjs.

**This issue is really strange.** However, I think it is easier to debug the setData method mentioned in the other issue. Looks like they are related.

Is it possible that Vis & Vue just can't work properly together, or maybe something is wrong with my Vue? I'm asking because I don't know how to debug/solve this, I have no idea what is causing this behavior.

12 Jan
1 year ago

Filip_Zdravkovic started a new conversation In Blade View, Check If There Is A Relation Between Two Specific Models

I have two models with Many-to-Many relationship:

  • User (users table)
  • Robot (robots table)
  • (robot_user table)

There is a robot profile page (blade view) which displays some info about the specific robot. In that blade file, when a user is logged in - I need to check if there is a relationship between that specific robot and logged in user. What is the best way to do it, what's the most elegant way?

09 Jan
1 year ago

Filip_Zdravkovic left a reply on Can´t Run Gulp Or Install Elixir Web Pack On Windows 7 64

@paulanekwe Sorry for the late response... have you solved the problem in the meantime? I see that you are getting:

npm ERR! not found: git
ENOGIT

Install git: https://github.com/npm/npm/wiki/Troubleshooting#no-git ... and then try it again.

18 Dec
1 year ago

Filip_Zdravkovic left a reply on Compiling SASS And Plain CSS Into A Single CSS File

@ejdelmonico Thanks, that's probably the simplest way (didn't find any better solution). As far as I can see, if you are using SASS and if you need some "pure" CSS library (such as Animate.css) - there is no point in using npm, it's much better to download it to somewhere like resources/aseests/libs (and change the css extension to scss...).

15 Dec
2 years ago

Filip_Zdravkovic left a reply on Can´t Run Gulp Or Install Elixir Web Pack On Windows 7 64

@demianton I had the same problem, this is how I solved it:

1. Delete node_modules

2. Install the latest version of node.js

3. npm install [email protected] -g

4. npm install gulp

5. npm install

6. gulp and see if it works now...

Also, don't do steps 1. - 6. in PhpStorm's Command Line Tools Console (if you are using it), try to do it in Git Bash or somewhere else... and if the gulp command is executed successfully (for the first time), then you can start using PhpStorm's Command Line Tools Console.

Filip_Zdravkovic started a new conversation Compiling SASS And Plain CSS Into A Single CSS File

What is the simplest way to compile SASS and Plain CSS files into a single CSS file. For example, I have installed animate.css:

npm install animate.css --save

and now what? For example:

elixir(mix => {
    mix.sass('app.scss')
        .styles([
            'node_modules/animate.css/animate.css'
        ])
       .webpack('app.js');
});

... this will create two separate CSS files:

  • public\css\app.css
  • public\css\all.css

But what if we want to have one CSS file?

07 Dec
2 years ago

Filip_Zdravkovic started a new conversation Vue-validator VS Vee-validate VS ... ?

Do you have experience with these plugins:

Which one would you recommend? What are the advantages and disadvantages of one over the other? Or maybe you have something else to recommend?

01 Dec
2 years ago

Filip_Zdravkovic left a reply on Markdown Editor With Toolbar

I wouldn't mind if there was a lesson about that. Something with Vuejs + Laravel That would be great...

24 Nov
2 years ago

Filip_Zdravkovic started a new conversation Display (embed) Images?

It would be great if we could embed images:

If you want to embed images, this is how you do it:

Image of Yaktocat

https://guides.github.com/features/mastering-markdown/

22 Nov
2 years ago

Filip_Zdravkovic left a reply on Video Size (dimensions)?

The videos are about a 1/4 the size of my screen, definitely too small. And you can't zoom in without going full screen...

yes. Agree. A bit too small now on 13''. Impossible to read the code on the screen :/

For me, it is easier to download videos and to watch them from my notebook than to add min-width: 70%; using Firebug.

19 Nov
2 years ago

Filip_Zdravkovic left a reply on Video Size (dimensions)?

@JeffreyWay As willvincent suggested:min-width: 70%; would be perfect (along with the 90% max-width).

18 Nov
2 years ago

Filip_Zdravkovic left a reply on Video Size (dimensions)?

@willvincent Perfect!!!

.video-player {
    max-width: 90%;
    min-width: 70%;
}

Filip_Zdravkovic left a reply on Video Size (dimensions)?

@JeffreyWay now make it "little" bigger to make it more readable :D http://dodaj.rs/photos/20161118147950594161065.png

Filip_Zdravkovic left a reply on Laracasts Refresh

It does look incredible but it's a bit too white for my eyes. Really nice & clean design, but yeah - maybe it's a bit too white: ) Anyway, I really like it, @JeffreyWay is a good designer ;)

Filip_Zdravkovic started a new conversation Menu

First of all - great work, beautiful design!

If you come across any visual bugs, please do reply here or submit a support request, and I’ll fix them right away.

Now, I'm not sure if this is a bug, or it is supposed to look like that (from time to time):

http://dodaj.rs/photos/20161118147950299146426.png

Filip_Zdravkovic left a reply on Question Regarding Bootstrap.js And Requiring

@spekkionu Thank you so much! Things are much clearer now! Since I use require in bootstrap.js and everything works fine - I guess that I have already installed CommonJS, but I don't remember when I did that and I cannot find where it is installed... but nevermind, I need to stop asking or this will become an endless thread :) Again, thanks!

Filip_Zdravkovic left a reply on Question Regarding Bootstrap.js And Requiring

@jekinney

But unless your using chart js on a lot of pages maybe just gulp it to a separate file and use it only on the pages you use chart on.

In Laravel 5.3, when you want to "gulp" to a separate file - how would you do that? Would you use app.js (bootstrap.js) and Webpack, or maybe you would download those specific libraries in your resources/assets/js directory and then in your gulpfile.js temporarily remove:

elixir(mix => {
    mix.sass('app.scss')
       .webpack('app.js');
});

and use something like this:

elixir(mix => {
    mix.sass('app.scss')
        .scripts([
            'libs/jquery-3.1.0.js',
            'libs/bootstrap.js',
            'libs/chart.js'

    ], './public/js/special.js')
});

Filip_Zdravkovic left a reply on Question Regarding Bootstrap.js And Requiring

@spekkionu

Because you are compiling from the source moment will be included by the library. The require is in src/scales/scale.time.js

Just to make sure that I understand correctly - when I add require('chart.js'); in resources/assets/js/bootstrap.js and when I run gulp - Moment.js will be included in a single bundled file (that is generated by the gulp/webpack) in the public/js directory, right?

What if I have already installed Moment.js earlier (separately), does this mean that I will have 2 Moment.js?

require() is a ES6 function, right? I see that @JeffreyWay uses import statement in his tutorials, but I guess that the difference is the same as with PHP's require and import, right?

Correct me if I'm wrong: require() can be used in JavaScript files to include a .js or .vue or any other file types.

But, when we have:

require('chart.js');

in resources/assets/js/bootstrap.js - how does it know where to "look", how does it know that it should look in node_modules\chart.js\package.json (to get main value)?

17 Nov
2 years ago

Filip_Zdravkovic left a reply on Question Regarding Bootstrap.js And Requiring

@spekkionu Thanks. So, if I want to use the other build that includes Moment.js (Chart.bundle.js) - I would have to change main in node_modules\chart.js\package.json from src/chart.js to dist/Chart.bundle.js, right?

16 Nov
2 years ago

Filip_Zdravkovic left a reply on Basic Understanding Of Gulp, Elixir, Webpack...

@usama.ashraf You wrote that Webpack is an alternative to Gulp - can you explain some of the main differences? For example, what Gulp can do and what Webpack cannot do, and vice versa? What are the advantages of one compared to other?

15 Nov
2 years ago

Filip_Zdravkovic started a new conversation Basic Understanding Of Gulp, Elixir, Webpack...

I'm a bit confused about Gulp vs Elixir vs Webpack, so I will try to give you what I understand (correct me if I'm wrong):

  • npm install - this command is used to install JavaScript libraries and frameworks (dependencies) inside the node_modules directory;
  • Webpack is used by Elixir (or Gulp??) to compile Javascript libraries and frameworks that are installed using the npm install command - which means to combine (and minify) app/assets/js/app.js and all of the files that are required there into a single bundled file in the public/js directory;
  • Elixir provides a clean, fluent API for defining basic Gulp tasks - which means that in gulpfile.js we use Elixir to specify which files will be compiled when we run the gulp command;
  • Gulp is a javascript task runner that lets us automate tasks and it can use Webpack (or Browserify...) to compile dependencies installed via npm install, but Gulp can also compile (combine and minify) JavaScript files into one file. Gulp also can combine and minify CSS files, Sass and Less.

Did I understand correctly? Can you give me your explanations:

  • What is Webpack Used For?
  • What is Elixir Used For?
  • What is Gulp Used For?

Filip_Zdravkovic started a new conversation Question Regarding Bootstrap.js And Requiring

I've installed Chart.js via npm:

npm install chart.js --save

After that, in resources/assets/js/bootstrap.js I added:

require('chart.js');

and after running the gulp command - everything works fine. My question is - what I am requiring with require('chart.js');? npm install command installs JavaScript libraries and frameworks (dependencies) inside node_modules. Concretely, I see that now there is chart.js directory inside node_modules, and chart.js contains many other directories/files.

Now, I know that Chart.js provides two different builds that are available for use:

The Chart.js and Chart.min.js files include Chart.js and the accompanying color parsing library. If this version is used and you require the use of the time axis, Moment.js will need to be included before Chart.js. The Chart.bundle.js and Chart.bundle.min.js builds include Moment.js in a single file. This version should be used if you require time axes and want a single file to include, select this version. Do not use this build if your application already includes Moment.js. If you do, Moment.js will be included twice, increasing the page load time and potentially introducing version issues.

and I see that there are all of these builds (Chart.js, Chart.min.js, Chart.bundle.js and Chart.bundle.min.js) in node_modules/chart.js/dist directory.

So, when I run gulp - which one of these will be used for generating a single bundled file in the public/js directory?

Filip_Zdravkovic started a new conversation Video Size (dimensions)?

I am using notebook with 15.6" display, and videos are larger than my screen (when fullscreen is disabled). Is there any way to change the size (dimensions) of videos on Laracasts?

28 Oct
2 years ago

Filip_Zdravkovic left a reply on Vue 2 And "Learning Vue 1.0: Step By Step" - Updates

VIDEO 11: Vue Resource In Vue 2, you cannot use $remove (http://vuejs.org/guide/migration.html#Array-prototype-remove-removed). Use splice instead.

        methods: {
            fetchTaskList: function() {
                this.$http.get('/api/tasks').then(function(response) {
                    this.list = response.data;
                }.bind(this));
            },

            deleteTask: function(task) {
                var index = this.list.indexOf(task);
                this.list.splice(index, 1);
            }
        }

Filip_Zdravkovic left a reply on Laravel Jobs, Freelancing, Remote Work... ?

@willvincent Yeah, I know what you mean... Also, I've noticed a lot of demanding clients that are looking for someone who needs to know almost every possible PHP framework (Laravel, Zend, Yii and CodeIgniter expert), but also Angular, React, Vue... and web design... and many other things. WTF?

Filip_Zdravkovic left a reply on Vue 2 And "Learning Vue 1.0: Step By Step" - Updates

VIDEO 10: Vue, Laravel, and AJAX If you are using Vue.js 2 - mutating a prop locally is now considered an anti-pattern. So, with the following code:

Vue.component('tasks', {
    template: '#tasks-template',

    props: ['list'],

    created: function () {
        this.list = JSON.parse(this.list);
    }
});

you will get the following error: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders.... The solution is to use computed property based on the prop's value:

        props: ['list'],

        computed: {
            list_decoded: function() {
                return JSON.parse(this.list);
            }
        }

Filip_Zdravkovic left a reply on Ecommerce Orders Table

@lucassimines Like @frezno, I store a cart in session. On the other hand, I have orders table and there is a One-To-Many relationships between User and Order models. Finally, if the charge succeeded, then save those cart items in orders table.

Filip_Zdravkovic started a new conversation Laravel Jobs, Freelancing, Remote Work... ?

What is your experience with freelancing and remote work? I want to try freelance/remote jobs (as a Laravel Web developer), but I'm not sure how to start, and I am always asking myself _"do I have enough knowledge"_, _"how much do I need to know before applying"_... You know, after reading many blogs with tips for freelancers, I decided to create a personal website with blog, I created accounts on LinkedIn and popular freelance websites such as Upwork... and what I noticed about freelancing - it's really hard to start, to get first projects, especially if you have no previous “real-world” experience. Do you have any tips on starting freelancing career, how much do I need to know, what are good websites to find jobs? Thanks in advance :-)

21 Oct
2 years ago

Filip_Zdravkovic left a reply on Laravel 5.3.16: Gulp ERRORS

Ok, I updated npm:

npm install [email protected] -g

Now it's 3.10.9

Then I did the following:

npm install --global gulp-cli
npm install --no-bin-links
gulp

I there was this error:

Error: ENOENT: no such file or directory, scandir ' ... /node_modules/node-sass/vendor'

The solution is to run the following command:

npm rebuild node-sass

And, finally, no more errors.

17 Oct
2 years ago

Filip_Zdravkovic left a reply on Laravel 5.3.16: Gulp ERRORS

@ejdelmonico I tried that, but the same problems still exist. There are no such problems when running the gulp command with Laravel 5.2 and 5.3.10.

11 Oct
2 years ago

Filip_Zdravkovic left a reply on Laravel 5.3: Gulp -> Error: Cannot Find Module 'laravel-elixir-vue-2'

In Laravel 5.3.16 package.json already refers to laravel-elixir-vue-2, it has:

"laravel-elixir-vue-2": "^0.2.0"

10 Oct
2 years ago

Filip_Zdravkovic started a new conversation Laravel 5.3: Gulp -> Error: Cannot Find Module 'laravel-elixir-vue-2'

I have a fresh Laravel 5.3 installation. I first started with the following command:

npm install

and then:

gulp

I got:

module.js:327
    throw err;
    ^

Error: Cannot find module 'laravel-elixir-vue-2'
    at Function.Module._resolveFilename (module.js:325:15)
    at Function.Module._load (module.js:276:25)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (C:\xampp\htdocs\laravue\gulpfile.js:3:1)
    at Module._compile (module.js:409:26)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Module.require (module.js:353:17)

Do you know what could be the problem and how can I solve it? I am using Windows 7 (XAMPP).

09 Oct
2 years ago

Filip_Zdravkovic left a reply on Vue 2 And "Learning Vue 1.0: Step By Step" - Updates

VIDEO 6: Subscription Plans Exercise If you are using Vue.js 2 - v-else doesn't work with v-show, you can only use v-if.

Also, there is this error: [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "active" (found in component ) (I'm currently looking for a solution.)

Filip_Zdravkovic started a new conversation Vue 2 And "Learning Vue 1.0: Step By Step" - Updates

I started to watch the video course "Learning Vue 1.0: Step By Step" but I'm using Vue 2. It's probably the best resource for learning Vue :simple_smile: For now, everything works fine, there are only a few changes:

VIDEO 4: A Peek into Components If you are using Vue.js 2 - you need to enclose component’s template inside a ‘div’ element:

<template id="counter-template">
        <div>
                <h1>{{ subject }}</h1>
                <button @click="count++">{{ count }}</button>
        </div>
</template>

Otherwise, you get the following error: [Vue warn]: Component template should contain exactly one root element...