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 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

Top 8 Resources to Explore Angular 4 – Hacker Noon

  • Top 8 Resources to Explore Angular 4Angular version 4 is out!In Dec, 8, Igor Minar announced that Angular 3 will be skipped.
  • He also introduced the tentative scheduling of the versions according to the semantic versioning.
  • The due date of Angular 4 release was Mar, 22.
  • In a delay of one day, the final version is available for all of us.As days past, the community begun discussing and discovering the new features.
  • It’s the best time to explore the new version.In this article we will look over the prime, qualitative and valuable resources.

In Dec, 8, Igor Minar announced that Angular 3 will be skipped. He also introduced the tentative scheduling of the versions according to the semantic versioning. The due date of Angular 4 release was…
Continue reading “Top 8 Resources to Explore Angular 4 – Hacker Noon”

MEAN Stack Tutorial MongoDB ExpressJS AngularJS NodeJS (Part III)

#angularjs Tutorial for Beginners With #nodejs #ExpressJS and #mongodb #javascript Part I

  • We are going to build a full stack Todo App using the MEAN (MongoDB, ExpressJS, AngularJS and NodeJS).
  • TL; DR: NodeJS has been built from bottom up a non-blocking I/O paradigm, which gives you more efficiency per CPU core than using threads in other languages like Java.
  • But, now you can found it in smartphones, servers, robots, Arduino, RaspberryPi… Thus, it does not matter what technology you use to build web applications, you need to be familiar with Javascript.
  • Programming languages that are blocking (Java, Ruby, Python, PHP, …) overcomes concurrency using many threads of execution while JavaScript handles it using non-blocking event loop in a single thread.
  • These are the changes added to perform the remove functionality:

    Do the same for the details Template

    And also in the details controllers

    When we remove elements from the todos array they also disappear from the DOM.

Adrian Mejia blog about programming and software engineering. Featuring MEAN stack (AngularJS, NodeJS, MongoDB and Express), BackboneJS, RESTful APIs, Algorithms and data structures.
Continue reading “MEAN Stack Tutorial MongoDB ExpressJS AngularJS NodeJS (Part III)”

JavaScriptKicks

JavaScriptKicks is a community based news site focused on JavaScript
Continue reading “JavaScriptKicks”

How to Filter data in Angular JS

  • In the previous posts we saw ng-click directive in AngularJS,Using functions in AngularJS Controllers, basics of AngularJS Controllers ,ng-hide directive and ng-show directive in AngularJs, ng-disabled directive, ng-repeat directive, ng-init directive and ng-model directive in AngularJS.
  • In this post I will show you How to Filter data in Angular JS.
  • In this post I will show you how to  filter data in AngularJS.
  • We can do data filtration with much ease in AngularJS.
  • In this post we saw how to filter data in AngularJS.

How to Filter data in Angular JS.Here we would filter data in AngularJS. Data filter can be done with much ease in AngularJS.
Continue reading “How to Filter data in Angular JS”