JavaScript OnChange file input

Last month, I was working on a project that involved file/image uploading and I thought I would share what I have learned to those of you who are looking to do the same in JavaScript.

Send data and files through multi-part forms with FormData in HTML

I have been doing a lot of forms submit that include inputs type text and file for images a lot lately so I thought it would be a great idea to share how it is done, or at least how I did. This is a solution using…

npm ERR! Unexpected token < in JSON

Have you ever gotten that error while working on your code? Seems weird right? how does that even happen? You have just installed some modules using npm, write some code, pushed it on for a code review from your peers. Then everyone checks your code and gives it the…

Ember.js Loading substate templates

Today, I will be talking about my experience and what I have learned by implement loading substates in Ember.js. It is a very convenient way of showing loading states for conventional uses, such as loading spinners or loading progress bars.

Ember.js Importing JavaScript libraries into your Ember application

I’m sure many of us who uses Ember (along with many other frameworks) have ran into this problem before and was so confused as you look through Google to find a concrete answer. Well look no more! I’ve got the…

Ember.js Unit testing routes

In this post, I will be talking about everyone’s favorite topic in programming, you have all heard of it, testing!

Testing in Ember can be a bit daunting when first starting out on the framework. But after taking the time to learn and understand Ember…

Ember.js Set up constants

What if you needed one place where you can access all of your constants in Ember? We want to write clear and concise code, and if we have a large project where each file contains 1000+ lines of code, we would want to separate the constants in another file right? It is good practice…

Import Node Modules the Ember Way

If you guys are like me, a complete noob at Ember (I’ve just picked it up and have been working on it for a month now for a new project at work), you might have ran into an issue trying to import node modules.

XHR AJAX calls in JavaScript

Today, I will be showing you guys how to make an XHR AJAX request to do RESTful API calls like ‘GET’ and ‘POST’ to your end points.

I recently had to do this while creating an admin site at work and I would like to share it with all of you how to do it!

Ember.js Remove Objects From Ember Mutable Arrays

Here’s one of the ways that you should remove objects from Ember’s mutable arrays.

let names = [
    {
        id: 0,
        name: 'John'
    },
    {
        id: 1,
        name: 'Jim'
    }
]

Ember.js Recursive component and action bubble up

Ember recursive component is very interesting. I had to create a side tree view component for a project I was working on and I created it using a recursive component in Ember.

Ember.js How to set classes

Relative to using pure HTML and JavaScript to set or add css classes to elements, Ember.js has a more elegant way of setting classes to elements or components.

For example, we have something like this:

// list1.css
.hideList {…

Java Comparable vs. Comparator

When I first learned Java, I was confused about these two API because they looked and functioned as if they were the same! But there is an important distinction between them and if you want to be a Java developer, you should know what it is.

Ember.js .setProperties

This is a simple example of when you should use the .setProperties on an Ember object such as the controller.

// search.js
export default Ember.Route.extend({
  setupController(controller, model) {
    this._super(controller, model)
    
    let foods =…

Ember.js KVO-compliant array of objects

Under the hood, Ember converts all arrays into an Ember.Array object. What this means is there are some things we have to do different if we want to manipulate it. In some cases, we can’t just use the the methods on a regular JavaScript array object, and in…

Ember.js Send actions from routes

Have you guys tried to do something like this:

<button onclick=(action “onClickAction”)></button>

and you get an error like this?

Assertion Error: an action named <action_name> was not found…

Java Abstract Classes vs. Interface

What are the differences between the two? Now that Java 8 enables default methods in interfaces, do you even need abstract classes at all?

Lets go over the attributes of an Abstract Class:

• they may or may not include…

JSONAPI format

I got this error recently, working with Ember Data:

Assertion Failed: normalizeResponse must return a valid JSON API document: * One or more of the following keys must be present: “data”, “errors”, “meta”.

Java 8 Important Changes

I’ve been dabbling in Java 8 new features and I must admit, they made updates that are definitely useful and should be kept in your tool belt.

First off, let’s talk bout the new changes to Interface.

Java Access Modifiers

Here a list of access modifiers in Java and what they entails if you decide to use them.

Restrictive spectrum

Least ← — — — →Most

Private, Default, Protected, Public