@mriede
UI/UX Design, Creative Direction
Nothing here yet.
Nothing here yet.
No blogs yet.
Simple margins in the component's CSS usually work just fine for me margin : 10px 15px Could you clarify what you mean by "different conditions"? When doing web work, I usually have different layouts for different screen sizes, but the spacing doesn't change when the page is resized.
Are you including the CSS and the JavaScript in "main.js"? It would be best to import the plugin in your Video component. For important, I normally use import 'video.js/dist/...' syntax when writing apps using the Vue CLI, not sure if that works in ES6 but it might
Either use Vue, or use jQuery. Both libraries aren't aware of each other, and they are responsible for similar things (handling UI events, manipulating the Document Object Model, etc.). Using them both side-by-side is going to be increasingly chaotic as your app grows in size. Have you received errors in your Webpack console window, when loading the elements seemed to fail? If yes, would you mind sharing those with us?
It's actually pretty simple. For logging in, you get the credentials from the user on the page, and store them in variables. Then, you make a request to your server, and that server sends back a JWT (JSON Web Token) if the credentials were correct. You can use that JWT for further requests needing authentication so you don't need to provide username and password for every request. Local storage and cookies basically do the same thing, they store data on the client. You use those data stores to save your token, so you don't need to get a new JWT every time you open the site. As you've added VueJS to your tags, here's a guide for that framework (you'll probably need to scroll down a bit to get to the authentication parts): https://auth0.com/blog/build-an-app-with-vuejs/ Have fun!