Vue.js Tutorials - Page 2 of 2 - Vue.js Courses and Tutorials

Globally Load SASS into your Vue.js Applications

Written by Alex Jover Morales

In the CSS world, we can see plenty of great preprocessors that improve the language, being SASS/SCSS, LESS and PostCSS the most common among them. SASS seems to be still the most popular and used solution by the date of writing, and that's no surprise since it's fully featured and extends the CSS language with an easy to understand syntax.

5. Testing a Vue Component

Part 5 of 5 in our Testing like a Pro in JavaScript series.
Written by Alex Jover Morales

This testing series are focused on JavaScript as a language and testing techniques, but since we’re VueSchool, we couldn’t end it up without a simple Vue example, right?

Snapshot Testing

Part 4 of 5 in our Testing like a Pro in JavaScript series.
Written by Alex Jover Morales

One of the features that amazed me about Jest is snapshot testing. It’s not necessarily a Jest-only feature, but more of a technique and concept. Anyways, the first time I’ve seen it was in Jest.

Test Doubles

Part 3 of 5 in our Testing like a Pro in JavaScript series.
Written by Alex Jover Morales

Test doubles, spies, and mocking, all sound intriguing, but what do they actually mean? Do I really need to spy on my code, or mock it? Let's find out!

Testing in JavaScript

Part 2 of 5 in our Testing like a Pro in JavaScript series.
Written by Alex Jover Morales

In the second part of this 5 part series about testing in JavaScript, we're going to look at a few tools we can use and then write our very first unit tests.

What’s testing and why should we do it?

Part 1 of 5 in our Testing like a Pro in JavaScript series.
Written by Alex Jover Morales

In the very first article in this 5 part series about testing in JavaScript, we're going to look at what testing really is and why we should do it.

Make the Router a Vue.js Plugin

Part 4 of 4 in our Creating Your Own Router series.
Written by Alex Jover Morales

So far we’ve build the router in a component and a history module within the source code of our app. The problem of it is that the router is tied to the app, specially because the routes are defined within the AppRouter component.

That could be improved by moving out the routes from the component and passing them as a parameter. But still, the developer must import the AppRouter component and the history.js module and use it around.

Lazy Load Routes

Part 3 of 4 in our Creating Your Own Router series.
Written by Alex Jover Morales

Lazy Loading and Code Splitting are two of the main points of the PRPL Pattern, a pattern named by Google which intent is to to provide some structure to make the initial load of a Progressive Web App (PWA) as fast as possible, boosting the performance.

Enhance Router To Work With Single Page Applications

Part 2 of 4 in our Creating Your Own Router series.
Written by Alex Jover Morales

At this point, the router doesn't work as a Single Page App (SPA) router, since it assigns a new route to window.location directly, which performs a hard reload.

Creating Your Own Vue.js Router

Part 1 of 4 in our Creating Your Own Router series.
Written by Alex Jover Morales

Probably you've been using routers in the frontend world for a while, but... have you ever written one by yourself? Do you know the foundations of a router? It might seem like it just works, but under the hood a router must take care of several things.