Next.JS – Who’s NEXT?

Next.JS – Who’s NEXT?

Another emerging JavaScript framework is now on version 2.0. Have you ever wondered if you can create a simple web application without worrying about the things you need to learn  like routing, layouts and many other concepts that are essential in building applications? Well, NEXT.JS is an opensource JavaScript framework that allows you to do…

JetBrains’ Webstorm Embraces VUE.JS

JetBrains’ Webstorm Embraces VUE.JS

JetBrains is now supporting Vue.JS in their smartest JavaScript IDE Webstorm. The 2017.1 version release of their Webstorm supports the following modern web frameworks: Angular, React, Meteor, and Vue. This IDE also supports React Native, PhoneGap, Cordova and Ionic for mobile development. There are now more new features and frameworks that Webstorm is supporting. Vue…

Angular 2 vs Angular 4

Angular 2 vs Angular 4

Before the Angular 2 framework was released, we actually have the AngularJS framework or Angular 1. AngularJS, which is based on JavaScript, was initially released way back 2010. After several years, the Google team had planned to build a totally new Angular framework with different architecture and modules from the old AngularJS.  In Mid 2014, the design and…

The Era of Angular 4

The Era of Angular 4

You might get confused and may ask “is this a hoax? Isn’t it way too early seeing as Angular 2 has just been released late last year? What about Angular 3??”. The answer is the following, First, forget that there is Angular 3, the reason is that Google jumped already so that the upgrades will be correlated to…

Adding Dashboard [Angular Tutorial]

Adding Dashboard [Angular Tutorial]

In this section, you will learn how to add a dashboard. First, we need to create a dashboard component.  It can be done manually or via angular-cli. For this example, we will use angular-cli. In your integrated terminal, type ng g component Dashboard. Dashboard files will be automatically generated. Now, it’s time to add this Dashboard…

Typescript Interface [Typescript Tutorial]

Typescript Interface [Typescript Tutorial]

An Interface is a description that defines specific methods that implements a class. Again, open your integrated terminal then type ng g interface <interfaceName> An Interface named Security is generated and ready for editing. A sample interface

To use your interface, first you have to choose a class that will implement your interface. Let’s…

Bootstrap 4 Navbar [Angular Tutorial]

Bootstrap 4 Navbar [Angular Tutorial]

Let’s try to add this navigation bar to our Angular 2 App. Going back to your browser, search for bootstrap 4 navbar and click this. In here, you can find different kinds of a navbar. A very simple one looks like this:

Another one is the Collapsible Content navbar. It has a customizable dropdown…

TypeScript Classes [Typescript Tutorial]

TypeScript Classes [Typescript Tutorial]

The following is a simple TypeScript class defined. With TypeScript, unlike native JavaScript, there is a native class keyword. The following snippet illustrates a simple TypesScript class definition:

Unlike the native JavaScript, TypeScript has a native class keyword. A public member, fullname and a public constructor that acquire three arguments: first, middle and last…

Your First TypeScript File [Typescript Tutorial]

Your First TypeScript File [Typescript Tutorial]

TypeScript requires extensions for its files. It uses either “.ts” or “.d.ts” // setBackgroundColor.ts. function setBackgroundColor() {     document.body.style.backgroundColor = “rgb(255,0,0)”; }     setBackgroundColor(); You might notice that it’s very similar to JavaScript. That’s because it is. Remember TypeScript is a superset of JavaScript. Pure JavaScript and the features of TypeScript that are declarative can be…