Learning Angular 2 for newbie – Part 2

  • Component: It will have binding logic in order to bind UI(html) with the Model(Business)

    Module: It is nothing but logical grouping of component.

  • Now under the Component folder created create an new”CustomerComponent.ts” we need to import two things the Angular 2 core and our Customer model.
  • Following are the lines of code

    The first line imports the “Customer” class from the Model folder into our “CustomerComponent.ts”.

  • Followed by that create a Module folder as said earlier Module is logical grouping of all Components.In Module folder create “TypeScript” file with name “MainModuleLibrary.ts” which will have all necessary components required loading in it.
  • Within this “Startup.ts” file we will have name of the module which will be loading first is the snapshot of the Startup.ts file created within Startup folder as shown in the image down below.

Learning Angular 2 for newbie – Part 2 In this article before we start with the Angular2 project first we will understand Angular2 component and module architecture thereafter we create simple app
Continue reading “Learning Angular 2 for newbie – Part 2”

AngularJS, Angular and Angular v4

Recommended post 💥 “#AngularJS, #Angular and Angular v4 by @Foxandxss #javaScript
”

  • The old and new Angular products need names that are fixed and independent of the version number.
  • With semantic versioning, you can tell if a new release is an easy install, with no breaking changes, simply by looking at the version number.
  • The downside is that breaking changes are inevitable and, therefore, new releases of Angular are bound to have version numbers like , , , etc.
  • Semantic Versioning (SemVer) is a convention that dictates how the version number changes for each new release of a library.
  • A breaking change means that upgrading to the new version of the library might cause your application to behave in an unexpected way that contradicts previously documented behavior or fail outright.

Angular tips blog
Continue reading “AngularJS, Angular and Angular v4”

AngularJS Basic Introduction

AngularJS Basic Introduction

  • AngularJS extends HTML with Directives and also binds data using Expressions.
  • ng-model: The ng-mode directive binds the value of HTML inputs.
  • ng-bind : The ng-bind directive binds data to HTML View.
  • ng-model = “yourVariable” tells the value which you want to bind with the input.
  • ng-bind = “yourVariable” in the ng-bind passed to view using this directive.

AngularJS is a JavaScript Framework. You can implement it by adding

DHTMLX Gantt Chart Usage with Angular JS 2 Framework

  • To add data loading to our angular gantt chart, we are going to add task and link services.
  • Angular services can be injected using Dependency Injection mechanism and include data, function or some features necessary for your application.
  • We’re going to create a data service that we’ll use to provide our gantt chart with tasks.
  • So, our component can use that services to get tasks and links.
  • Also here we call our services to get function and then are waiting for response to put data to gantt.

DHTMLX Blog – Rich JavaScript Library and UI Widgets – News, Tips, Updates
Continue reading “DHTMLX Gantt Chart Usage with Angular JS 2 Framework”

5 Best JavaScript Frameworks in 2017

  • In the meanwhile, JavaScript web frameworks can become a silver bullet for quick web app development.
  • Angular.js is often referred to as an MVW (Model-View-Whatever) framework and among the top benefits, for startups and mid-sized companies, people name: quick code production, easy testing of any app part and two-way data binding (changes in the backend are immediately reflected on the UI).
  • As for now, it is reasonably called the most used JS framework for SPAs (Single-Page Applications) development and it boasts the largest community of developers.
  • Back in 2015 Ember was called the best javascript framework for web application, leaving behind React and AngularJS.
  • When it comes to quick web development or prototyping, JavaScript frameworks are among the most favorable and 2017 won’t become an exception.

JavaScript popularity continues its rising. In 2016 we’ve witnessed such great changes, as AngularJS entire upgrade and introduction of Angular 2, ultimate dominating of jQuery that is applied on 96.5% of all JS sites, evolution of ECMAScript, two updates of Node.js in April and October accordingly, React finest hours, and even more.  What to expect from 2017?
Continue reading “5 Best JavaScript Frameworks in 2017”

7 JavaScript Libraries for Dashboards

  • In this article, I will show you some of the JavaScript libraries that will help you create beautiful and customizable dashboards for your projects.
  • Gridster is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns.
  • gridstack.js is a jQuery plugin for widget layout and it was inspired by gridster.js.
  • Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts.
  • A jQuery library built on top of the GridList class that translates the generic items positions into responsive DOM elements with drag and drop capabilities.

Dashboard is a visual indicator of an objective or a business process. It is an invaluable tool for cutting through data clutter and getting down to the essentials. It helps you to evaluate information and allow to make the correct decision in a timely manner. Live visual dashboards consist of charts, maps, graphic symbols, data…
Continue reading “7 JavaScript Libraries for Dashboards”

The Performance Difference Between ng-bind and {{}}

Interpolation is one of the first things newcomers to Angular learn.
You can’t get around writing your first Angular “Hello, World” without some sort …
Continue reading “The Performance Difference Between ng-bind and {{}}”