A blog about Learning Angular JavaScript and Best practices
on Angular

Angular 4 Learning

Angular is a structural open-source TypeScript framework for building dynamic HTML and CSS. Perfect for mobile optimized Single Page WebApps. In my class-room training you will learn how to build fullstack architecture only using one-language for (DB+API+APP) fullstack-ng4 Open-source book about Angular Why angular 2 Youtube: Build Angular
Read More
on Filters

Filters // The need to capitalize the first letter of each word using filter('capitalize') (function() { 'use strict'; angular .module('myApp.filters') .filter('capitalize', capitalize); function capitalize() { return filter; function filter(input) { if (input !== null) { return input.replace(/\w\S*/g, function(txt) { return txt.charAt(
Read More
on Forms, validation


public demo-hosting: private git-hosting: angular-forms-with-nodejs.git
Read More
on Service, promise, REST-API


Angular services are substitutable objects that are wired together using dependency injection (DI). You can use services to organize and share code across your app. Angular services are: Lazily instantiated – Angular only instantiates a service when an application component depends on it. Singletons – Each component
Read More

Forms input

simple-ng-model <input type="text" ng-model="ctrl.username"/> See the Pen Forms (Simple-ng-model) by Jalal Hejazi (@Jalalhejazi) on CodePen. simple-ng-model-with-submit See the Pen Forms (Simple-ng-model-2) submit by Jalal Hejazi (@Jalalhejazi) on CodePen. simple-ng-model keep it more simple. using html form tag <form ng-submit="ctrl.submit()"> See the
Read More
on Modules, Value, Service, Constant, Factory, Decorator, Provider


Constant/Value/Service/Factory/Decorator/Provider | Provider | Singleton| Instantiable | Configurable| |------------|----------|--------------|-------------| | Constant | Yes | No | No | | Value | Yes | No | No | | Service | Yes | No | No | | Factory | Yes | Yes | No | | Decorator | Yes | No? | No | | Provider | Yes | Yes | Yes | Constant A constant can be injected everywhere. A constant can not be
Read More
on Nodejs

Nodejs + Angular

using Nodejs for REST API and SPA for WebApps
Read More

How to structure source code solution

This solution structure is a Proof Of Concept from [K. Scott Allen@OdeToCode] You need to download the source code from ngplaybook github One of the many ways to write good angular code using JohnPapa Styleguide Code styles styleguide johnpapa/angular-styleguide toddmotto/angular-styleguide
Read More
on Directives, attributes, scope


for Developer docs reference on how to use Directives: Directives using attributes as search arguments Directive Attribute Binding Explanation When using directives, you often need to pass parameters to the directive. This can be done in several ways. Raw Attribute Strings <div my-directive="some string" another-param="another string">
Read More


Single Page App with CRUD (RESTful API)
Read More


very basic and easy to start with controller See the Pen ng-controller--01 by Jalal Hejazi (@Jalalhejazi) on CodePen. Controller with Forms input validations See the Pen AngularJS Form Validation by Jalal Hejazi (@Jalalhejazi) on CodePen.
Read More

3-way Data Binding

Your App is in sync with a remote storage 3-way Data Binding means when the Database backend get any change like (INSERT, UPDATE, DELETE), The Browser get notification to change the Model in your MVC. This happens because of the support for HTML5 Websocket protocol. then the View (HTML DOM)
Read More

Basic Training

Angular Basic Training to get started
Read More
on Tools, Docs, resources


START WITH THE DOCS angularjs docs guide If the books teach you how to read a language, the libraries teach you how to speak it. There are two important things you can do with libraries: use them and read their source code bower install angular Some Good Resources online: Resources-All-in-one-place
Read More

Why AngularJS ?

With AngularJS you need to write lesser code as it allows you to reuse components. Also, it provides an easy way of two-way bindings and dependency injection As AngularJS is client-sided so all these things are happening in browsers, which gives you feel of standalone applications (Single Page APP). Some
Read More