We are working on a new website, try it now!

0 Comments

Interesting facts from the world of angular

Angular 7 is soon to be launched, which excites a lot of users, including our 7N angular expert, Dariusz Kalbarczyk. In this article he gives an insight into the world of angular og paints a picture of its features and advancements over time. 

7N Angular Expert featured in this article:

Dariusz Kalbarczyk, 7N angular expert is the co-founder of the group Angular Warsaw, Angular Krakow and GDG Warsaw. He is a skilled programmer with over 17 years of IT industry experience. While working with Angular JS for the past 5 years, he participated in the creation of a cutting edge banking transaction system designed for mobile platforms, and a group insurance support system, among others.

AngularJS

Let’s for a moment travel into the world of AngularJS – AKA the first edition of our favorite framework. After downloading only one file and importing it to our project, we were able to start creating quite complicated websites. What’s really interesting is, that it was not necessary to know JavaScript to do so. The framework was brilliantly engineered, so that even someone who was just starting their adventure as a web developer or designer, could rapidly create an interactive app. The simplicity of creating apps and that “magic”, imported file (similarly like the “magic” button in iPhones), very quickly conquered the hearts of most web developers, including my own. AngularJS was incorporated in the support of small, medium projects and even the took on the biggest ones. Although it tackled small and medium projects exceptionally well, it was not always the case for the latter ones. I believe, that the creators of AngularJS did not anticipate such turn of events, not to mention such growth in popularity of their “child” right from the get go. Nevertheless, they quickly realized, that it’s important to rethink the architecture of the framework and to figure out what to do, to live up to the expectations of the most massive and most advanced projects. Besides a change in its name, from AngularJS to Angular, the versioning method had also gone through some adjustments.  

Angular Console

In a few weeks the newest, 7th version of Angular will see the daylight. However, before I skip to what will change and what is worth taking note of, I’d like to pause and take a look at a desktop application - “Angular Console. As I mentioned, AngularJS was quite easy to familiarize oneself with, and almost anyone could start working with it and create their own advanced websites. As a surprise to many, “Angular 2+” (as we often call the second version), was not as effortless anymore. I can’t even remember how many times I have heard at meetups and conferences, that when starting your journey with the 2nd one, it requires a great amount of coding knowledge and it is not a framework for everyone and that you have to know TypeScript, that you need to install npm, that you have to input something in the console. And as it goes for the console, you really should write something in it and as a rule of thumb you really need to.  

At the beginning of August, Victor Savkin presented an ingenious tool to the world. Yes! You guessed it - “Angular Console”. It’s a free, cross platform, desktop application that allows you to do everything that Angular CLI has to offer, while using a graphic interface.  

If you’re a beginner, it’s a perfect tool, thanks to which you can focus on creating a suitable app instead of concentrating your energy on memorizing endless commands. If you’re an expert, you’ll be thrilled with the functionality of this “light”, yet very extensive application. Visiting https://angularconsole.com is a must.  

I think, that thanks to “Angular Console” Angular will attract a great number of new fans, especially the ones that were intimidated by the amount of new information you had to familiarize yourself with in order to start an effective adventure with this framework.  

NativeScript

NativeScript is an open source framework for building truly native mobile apps with JavaScript. It allows you to use your existing Angular skills, and as a result you get a native UI & performance on iOS and Android. 
 
Few days ago, the core team of NativeScript announced, that the dream of sharing code between a web and mobile application came true. It’s incredibly exciting news, because now we’ll be able to: 
 
- create a new project with a code-sharing structure 
 
- convert an existing web project to a code-sharing structure 

You can find more details about it here:  
 
https://github.com/nativescript/nativescript-schematics 

and here:   
 
https://blog.angular.io/apps-that-work-natively-on-the-web-and-mobile-9b26852495e7 

Angular 7 - beta version

Lastly, lets dive into Angular 7, which is currently in beta version.   
 
Features:

1. Router: add UrlSegment[] to CanLoad interface

CanLoad now defines UrlSegment[] as a second parameter of the function. 

Users can store the initial url segments and refer to them later, e.g. to go back to the original url after authentication via router.navigate(urlSegments). 

Existing code still works as before because the second function parameter does not have to be defined.  

2 . Core: add DoBootstrap interface 
 
The new lifecycle hook interface ngDoBootstrap. 
 
3. Add "original" placeholder value on extracted XMB 
 
Update XMB placeholders(<ph>) to include the original value on top of an example. Placeholders can by definition have one example(<ex>) tag and a text node. The text node is used by TC as the "original" value from the placeholder, while the example should represent a dummy value. 

For example: <ph name="PET"><ex>Gopher</ex>{{ petName }}</ph>. This change makes sure that we have the original text, but it *DOES NOT* make sure that the example is correct. The example has the same wrong behavior of showing the interpolation text rather than a useful example. 

No breaking changes, but tools that depend on the previous behavior and don’t consider the full XMB definition may fail to parse the XMB. 

We should all be expecting Angular 7 between September and October. The 7th edition of this framework does not introduce revolutionary changes, however it uncovers the determination with which the creators of Angular pursued the creation of a perfect tool for web and mobile developers. Just starting your adventure with web design and you’re thinking about which framework to use?  Then you must consider Angular! Day by day it is becoming the most powerful and mature platform supporting the development of desktop and mobile applications.  Expert? Then you must have already experienced and appreciated the possibilities, that Angular provides for you, which are only limited by the boundaries of your imagination.

 

With Angular regards!  

 

0 Comments

Leave A Reply

Got a question for 7N? We're here to help.

Thanks for filling out our form.
We try to respond as soon as possible