Angular

580

Solutions

389

Contributors

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.

Share tech news, updates, or what's on your mind.

Sign up to Post

Angular 6 Jumpstart
In this article, we will discuss how to start development in Angular 6.
0
Learn SQL Server Core 2016
LVL 12
Learn SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

Angular 6
In this article, we will discuss the new features which are introduced into the Angular 6 version.
1
Ionic Framework
When it comes to building mobile apps, it is important to consider a framework that is easy to work upon and provides good benefits. The "Ionic framework" is one of the latest frameworks considered by Ionic App Development Companies when it comes to building mobile applications.
1
AngularJS
AngularJS web development a very simple procedure. So, to put it, in short, AngularJS’ stand out features are – Two-way data binding, MVC structure, directives, templates, dependency injections and testing.
0

Expert Comment

by:Hanna Frenk
Comment Utility
Hi, advantages and disadvantages that you have mentioned are so true. Here i also want to add some advantages that you missed:
Angular analyses the page DOM and builds the bindings based on the Angular-specific element attributes.
Angular modifies the page DOM directly instead of adding inner HTML code.
Extended features such as dependency injection, routing, animations, view orchestration, and more
Supported by IntelliJ IDEA and Visual Studio .NET IDEs.
All-over i really appreciate your work. Thanks for sharing and keep going.
0

Expert Comment

by:Bhim Singh
Comment Utility
Agree by Hana

Angular analyses the page DOM and builds the bindings based on the Angular-specific element attributes.
Angular modifies the page DOM directly instead of adding inner HTML code.
Extended features such as dependency injection, routing, animations, view orchestration, and more
Supported by IntelliJ IDEA and Visual Studio .NET IDEs.
All-over I really appreciate your work. Thanks for sharing and keep going.

https://metadesignsolutions.com
0
canva_image
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
2
You have this traditional web application that refreshes the whole page each time you navigate and you think it's a good time to convert it to a Single-Page approach. What should you know in advance? Read on, I'll guide you through it.
2

Expert Comment

by:Pari B
Comment Utility
Thanks for the article. It explains quite a bit. I am new to Angular and what i understood from my basic reading is that you cannot keep some views in Angular (latest is 5 ) and have other views and controller in existing architecture. Is there a workaround to this?
0
LVL 31

Author Comment

by:Alexandre Simões
Comment Utility
Hi Pari,
Angular changed quite a bit since it's v1 and meanwhile I started other projects, with other techs, and haven't been hable to catch up.
All this to say that I'm not able to give you experieced advice here regarding Angular 5.

By "existing architecture" you mean AngularJS 1.* way of doing things?
If so, you might find this page very usefull: https://angular.io/guide/upgrade.

Cheers!
Alex
0
Introduction
JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more efficient and more widely supported, JSON has become the dominant technology for use in AJAX applications, APIs, and other data interchange applications where data structure and data elements must be communicated between applications and web services.

JSON is frequently found in combination with RESTful APIs, where XML has rightly fallen into disuse.  This article will examine some of the ways XML and JSON are similar and different, and will show ways of using JSON to our advantage.

Some code examples will show how to create and interpret JSON strings, and detect JSON errors.

A Bit of Test Data
Since the most important thing a programmer can have is a good test case, let's start with some good test data.  Here is the information we will use for all of our code examples.  This information will represent people, giving their names and ZIP codes.  While the example is truly minimalist, it's sufficient to illustrate the principles.
firstName lastName zipCode
John      Doe      20007
Mary      Doe      20016

Open in new window


A Bit of Test Data Organization
Both XML and JSON can represent the data structure.  Here is how our data will be organized.
People (with a date attribute)
|_ Person
   |_firstName
   |_lastName
   |_zipCode

Open in new window


The Old School Way: XML
XML, or Extensible Markup Language, is a text-string data transport mechanism.  It was popularized in the 1990s when SOAP
11
LVL 43

Expert Comment

by:Rob
Comment Utility
Ray,

Great article (as always) :).  I just wanted to address the "Using JSON Strings in JavaScript" section of your article.

I'd like to see the distinction between JavaScript and jQuery/AngularJS to show that jQuery & AngularJS are frameworks of the JavaScript language. In otherwords, they are just JavaScript. They do not implement their own version of the ECMA-262 standards.  Node.js on the other hand DOES have its own version but being only a server side language, that's a different story.

On another note, JSON in the browser still needs to be decoded from a string to be a useful JavaScript native object. Any data that PHP returns in JSON format will need to be decoded using the JSON.parse() native JavaScript function.  jQuery will do this automatically when the getJSON() or ajax() with the dataType set to "json" but vanilla JavaScript will not.  For your reference: http://www.w3schools.com/js/js_json.asp

Following on from this, the example you go on to give isn't a string, but a JS object.  I'd like to see an example of using the native functions for converting JSON strings to objects as indicated here: http://www.w3schools.com/js/js_json.asp
0
LVL 111

Author Comment

by:Ray Paseur
Comment Utility
Hey, Rob.  Thanks for your comments.  Why not add your clarification examples to the comment thread here, or post a new article about this?  Especially if any of my old code and data examples are overtaken by current events... technology is always advancing!
0

Angular

580

Solutions

389

Contributors

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.