Tekqube

Getting started with #Babel for #javascript classes #ES6 @ES6 @babeljs

In this tutorial, Getting started with Babel for javascript classes. Babel is a javascript compiler and it is useful to use latest javascript (ES6). ECMAScript information as described on the website:

ECMAScript 6 is the newest version of the ECMAScript standard. This standard was ratified in June 2015. ES2015 is a significant update to the language, and the first major update to the language…

#django Operational #error at no such table #python #database

While setting up an app using Django REST Framework, after configuration settings.py and models.py. After setting up an initial migration for our person model, sync the database and serializer changes. When you try to load the project and if you see an error related to Django operational error at no such table ‘persons_person’. Below is the error, you might see while running the app.

Operation…

#django #Page not found using the URLconf #python #error #REST

While developing an app using Django REST Framework, if you see an error related to Django Page not found using the URLConf defined in djangoRest.url. Here DjangoRest is the project name created for Django REST Framework. Check out the error mentioned below:

Page not found (404) Request Method: GET Request URL: http://127.0.0.1:8000/ Using the URLconf defined in djangoRest.URLs, Django tried…

Writing #AngularJS #directive as #typescript classes @typescriptlang @LearnAngularJS #JavaScript

In this tutorial, we will go over Writing angularJS directives as typeScript classes. Before getting started with angularJS directives, you need to know basics of angularJS directive and you can follow this tutorial (ie. add angularJS service using typescript) and there are other tutorials to get started with angularJS and typescript.

Writing AngularJS Directives as typescript classes

We will…

Add #service using #typescript with #AngularJS #JavaScript @LearnAngularJS #webdevelopment #html5 #webdev http://goo.gl/UskLkH

In this tutorial, we will add Service using Typescript with angularJS. Before adding a service follow this tutorial to add a controller using typescript with angularJS

Add Service using Typescript with angularJS

HelloNgTypeScriptService.ts

module helloApp { 'use strict'; export class HelloNgTypeScriptService { message: string constructor() { this.message = "Hello, ng TypeScript"; } public…

#typescript Data #binding with #angularjs 1.x http://wp.me/p6srhN-37 @LearnAngularJS #development #webapp #javascript #nodejs

TypeScript Data Binding with AngularJS 1.x

Basic tutorial of getting started with typescript and angularJS to print helloNgScript. If you follow this first tutorial it will be helpful in giving you the basic idea of how Typescript data binding works with AngularJS.  In this tutorial i will show the data binding from typescript/angularJS to UI View.

helloApp.ts

module helloApp { 'use strict' var…

HelloNgTypeScript - Getting Started with #typescript and #angularjs 1 #webdevelopment #javascript #nodejs #tekqube http://wp.me/p6srhN-2H

HelloNgTS -Getting Started with TypeScript and AngularJS 1.x

After getting started with typescript, i was interested in writing a small web application that shows the combination of typescript and angularJS.

typescript and angularjs

Let’s start from index.html file

index.html

Hello NgTypeScript

TS - First tutorial to get started with the #typescript #language #tutorial #javascript #development #angularjs http://wp.me/p6srhN-2K

Hello TypeScript

TypeScript is designed for development of large applications and transcompiles to JavaScript.[7] As TypeScript is a superset of JavaScript, any existing JavaScript programs are also valid TypeScript programs.

Recently i started exploring future angularJS framework (ie. AngularJS2) and after reading couple of articles and watching its videos. I figured out that ES6 and…

Fix ImportError in urls.py for module name #Django #python #development #webapp

While Using Django, if you see error related to no module named while loading a page,  like /persons in this scenario

No module named persons.urls

‘/usr/local/lib/python2.7/site-packages/setuptools-12.0.5-py2.7.egg’, ‘/usr/local/lib/python2.7/site-packages/pip-6.0.8-py2.7.egg’, ‘/usr/local/Cellar/python/2.7.9/Frameworks/Python.framework/Versions/2.7/lib/python27.zip’,…

Fix - ImportError: No module named #Django #python #ERROR @tekqube http://wp.me/p6srhN-2n

If you get any error related to module for django as mentioned here :

Traceback (most recent call last):

File “<string>”, line 1, in <module>

ImportError: No module named django

Make sure you have installed the python and django package on your machine.

you can use “pip” (PyPA tool for installing Python packages) :

python get-pip.py

pip install -U django

#nodejs – Getting Started with Loopback #Framework with #AngularJS @nodejs @StrongLoop #Loopback @LearnAngularJS

This tutorial will cover how to get started with loopback framework with angularJS.  As i have shown before the ways to get started with loopback framework.  Cool part about this tutorial is we get the angularJS client from loopback framework for REST operations which is amazing and it very useful.  Follow these steps to setup the angularJS project with LoopBack Framework. Install strongloop npm…

#AngularJS - Add #service in #angular2 with #ES5 #angular2 #javascript @AngularTutorial @LearnAngularJS

Click here to learn how to add data binding in angular js 2.0 In this tutorial, i will show how to add a service using ES5.  Create a new file for service which you want to add (ex : UserService.js in our scenario) UserService.js var UserService = function() {}; UserService.prototype.getInitialInfo = function() { return { first_name : "", last_name : "", phone: "", email_address : "" }; } In this…

#AngularJS - Important Difference between ng-if v/s ng-show/nd-hide @AngularTutorial #javascript #directives

I have used both of these angular directives and its very useful.  Below is the more information regarding ng-if v/s ng-show/ng-hide. ng-if The ng-if removes the code from the DOM tree based on the expression. If expression is evaluated to false, the specified element will be removed from the DOM If expression is evaluated to true, the specified element will be reinserted into the DOM. Ex : Hello…

#nodejs - Getting started with #Loopback #Framework - I @StrongLoop #npm #javascript

Duplicate declaration, Greeter”](anonymous function) @ WebPageTranscoder.js:63 If you get this error while running traceur.js, make sure the class name you are using while defining the object is not same as class.  For Example mentioned below. class Greeter { constructor(name) { this.name = name; } }; var Greeter = new Greeter("Hello John Doe"); Notice the name of the object is used as Greeter…

#nodejs - NodeJS - Getting Started with Loopback Framework - II @StrongLoop #npm #javascript

To get started with loopback framework follow this link: NodeJS – Getting started with Loopback Framework – I .  Once you are done with this: This framework provides a CLI command to create the model on fly: slc loopback:model Run this command and then it asks following questions: Model name Data source to attach to person Base class of the model Do you want to expose person’s model via REST API?…

#nodejs - Getting started with #Loopback #Framework - I @StrongLoop #npm #javascript

Recently, I got interested in creating REST APIs using nodeJS and I was looking for some node JS framework when I came across StrongLoop which have created a framework Loopback.  So I decided to install and get started with it :) First of all, make sure to install npm and node Js on your system from here: Install Node JS After installation, go to command line an run : npm install -g strongloop…

#angular2 - Data #binding in #angular JS 2.0 with #ES5 #javascript @AngularTutorial @LearnAngularJS #AngularJS

Click here to learn about adding multiple view with Angular JS 2.0 and ES5 If you follow the tutorial above, the index.html files remain same and it doesn’t change this file much. index.html Hello Angular 2 To get started with the userForm.html file, Lets create a new file userForm.html and i will be adding appropriate user information to get the user details (ie. First Name, Last Name, email…