Tutorials and resources for people who love technology.
Featured Post
Creating Cordova App Icon Sizes the Fast Way
You have more important things than trying to create one-hundred different Cordova app icon sizes. Here is how to do it quickly.
Start Reading
Recent Posts
Using SASS in Vue Components with Laravel Mix

On of the most powerful features of Vue Components or Web components for that matter is all of your CSS, HTML, and Javascript are in the same file. This makes managing all factors of the component extremely easy. If you are using SASS in your project and you want to carry in your variables for […]

SPA Tutorial Progress Update

This is just a simple update on where we are on the app. We’ve got a single page app ready to rock and roll and now we need to make it look good and actually add some functionality. The last two tutorials were kind of small with Adding SASS to a Vue Component (https://serversideup.net/using-sass-vue-components-laravel-mix/) and […]

Building a Page Layout for Vue Router

One thing that comes in real handy with any app is the ability to add layouts to your application. Laravel does that with the Blade templating system: Blade Templates – Laravel – The PHP Framework For Web Artisans. However, since we are doing a Single Page Application, doing that with Vue Router is a little […]

Using Vuex Modules Inside Components

We are at the last step in the very basic levels of building our Single Page Application! This doesn’t mean we are done by any stretch of the imagination, but we are going to complete the full circle of setting up the Single Page App, configuring the API, setting up the structure to call the […]

Build a Vuex Module

In the last tutorial Build Out API Requests in Javascript , we went through building methods to call our Laravel API routes with Javascript. We built the /resources/assets/js/api/cafe.js file which contains the front end requests to our backend API that we built here: Add Laravel API End Points – Server Side Up. Now we are […]

Build Out API Requests in Javascript

In the last tutorial we added a few API Endpoints in Laravel https://serversideup.net/add-api-end-points-laravel/. Now it’s time to build out API requests in javascript to access these routes. Since we have everything ready to rock and roll with our VueJS configuration and our routes, it should be pretty smooth to add these requests and we can […]

Add Laravel API End Points

UPDATE 10/12/2017 I had the wrong slashes in the routes/api.php file for the namespace of the CafesController.php. These have been changed to be properly namespaced in the tutorial. Sorry for the inconvenience! In the last article Configuring Vue Router for a Single Page App we added the routes for viewing pages on Roast. Now we […]

Configuring Vue Router for a Single Page App

Single page apps are possible on the web due to the HTML5 history API: History – Web APIs | MDN What the history API does is allow the developer to adjust the history of the web browser without changing pages and can still have permanent URLs for deep linking. Why would developers want this? It […]

Structuring Vue 2, Vue Router, Vuex for a Single Page Application

As of right now we have the scaffolding up for a single page application. We’ve installed Laravel, configured social logins with Socialite, configured our own oAuth server with Laravel Passport and configured SASS and JS. Now we will start working with the Vue JS eco system (Vue2 + Vuex + Vue Router). In my opinion, […]

Set Song Played Percentage with AmplitudeJS

In AmplitudeJS 3.2, we introduced a way to set the song time percentage of the current song with a public method: Amplitude.setSongPlayedPercentage( percentage ); This simple method is really important because it allows users to implement their own song tracking elements. Also with the introduction of AmplitudeJS 3.2, we added the HTML5 progress bars for […]

Configuring JS and SASS for a Single Page App

So far we haven’t made any front end changes. Our app so far is simply just a bunch of back end tools and configuration. We installed Laravel (https://serversideup.net/installing-configuring-laravel-spa/), configured Laravel Socialite (Installing And Configuring Laravel Socialite – Server Side Up), and configured Laravel Passport (https://serversideup.net/installing-configuring-laravel-passport/). Now we will begin structuring our front end for our […]

Installing and Configuring Laravel Passport

Laravel Passport was introduced in Laravel 5.3 and uses PHP League’s oAuth2 server GitHub – thephpleague/oauth2-server: A spec compliant, secure by default PHP OAuth 2.0 Server. If you haven’t used it, it’s simply incredible. Within minutes you can get a functioning oAuth2 server up and running and people can log in across the web using […]

+ Load more