Google launches final release version of Angular 2.0

  • After Google launched the first version of its Angular web application framework in 2010, it quickly became one of the hottest web technologies.
  • Since then, the web has changed, though, and when Google announced Angular 2 in 2014, it created quite a stir in the web development community because this new version wasn’t just an update, but instead a complete rewrite that wasn’t compatible with the older version.
  • Facebook’s React framework especially has a lot of momentum behind it, though, to be fair, the two projects have slightly different styles (Angular is a far more opinionated framework, for example) and strengths (React Native makes it easy to build native apps, for example).
  • Looking ahead, the Angular team plans to provide developers with more guides and examples to help them learn Angular 2.0 faster.
  • Angular Universal, a project that lets you render your app server-side so first-time users will quickly see a server-rendered version of your site, for example, will also soon get support for more languages.

After Google launched the first version of its Angular web application framework in 2010, it quickly became one of the hottest web technologies. Since then,..
Continue reading “Google launches final release version of Angular 2.0”

GitHub

  • npm install fuse-box –save-dev
  • All you need to do is install fuse-box from npm.
  • Join our gitter channel we are very active and friendly!
  • Fuse react with babel in 50ms
  • FuseBox loves typescript , and does not require any additional configuration.

fuse-box – A blazing fast js bundler/loader with a comprehensive API
Continue reading “GitHub”

Angular2

Angular2 - how to start and with which IDE  #angularjs #reactjs

  • I had the same problem, because since Angular 2 was released I am looking good freeware IDE which supports Angular 2.
  • Plugin can build TS files on save.
  • So I tried with my second favourite editor : Atom (+ Typescript plugin).
  • Now I will switch to Angular2 (with TypeScript) and actually I am not sure which IDE to use.
  • I’m a big Sublime Text supporter and even tho there’s a Typescript plugin …

I have used AngularJS 1.x now for a couple of months. Now I will switch to Angular2 (with TypeScript) and actually I am not sure which IDE to use.
It is also not clear for me how to compile the TypeScript Code into JavaScript – actually is this necessary?
I have read that Visual Studio Code would be a nice editor for Angular2 projects – is there a TypeScript compiler included? I would be glad for any information in this direction.
Continue reading “Angular2”

Lesson: Understanding TypeScript’s Types

TypeScript JavaScript that scales.

TypeScript’s Types are really rather simple. Just look for the colon, which separates an object from its type. There are three basic types: number, string, and boolean. Creating a variable of a specific type just involves creating the identifier, then a colon, then the type as shown here:

image00

This creates a variable “name” that is of type string. Naturally, if we try to assign 3 to it, then our TypeScript compiler will complain. It’s far more common to use this when creating properties of classes, in which case inside of a class, we simply omit the “var” from the above code to create a name property of type string as in the following code.

image03

We can use types in functions (even constructors) as we see here:

image04

Here, we have changed our constructor to note that the name must be a string. So, if someone tries to send in a number or a boolean as the name when constructing a Hero, TypeScript will prevent it during compilation.

There are three basic types in TypeScript: String, Boolean, and Number. With those, we can handle all of the simple types in our code.

There’s a fourth type that is very important to know: the any type.

image01

This type indicates that the variable can be assigned any value, which is the situation we’re used to in JavaScript. So, the something variable can be assigned the value of 3, or true, or the string “Mr. Impostor”. It can even be assigned all three values at given points of time during the execution of your application.

The final commonly encountered type is the array type. Often, we need an array, but we want to constrain the values of the array to be of a specific type. For example, this is how we can create an empty array that can only contain strings with the following code:

image02

This will mean we can only add strings to the powers array. If we try to add a number or boolean, TypeScript will prevent us.

There’s obviously more to TypeScript’s types than what little I’ve shown here, but really, this is the 20% that’ll get you 80% of the result. For further reading, I recommend you check out the TypeScript documentation at http://www.typescriptlang.org/docs/tutorial.html.

Do you want to jump start your TypeScript skills?

The biggest names in JavaScript education, Dan Wahlin, John Papa, and Joe Eames have teamed up to deliver an invaluable learning experience. 

“Hit it out of the ballpark!” – Ed Gorski

“It was a valuable experience.” – Project Engineer, ExxonMobil

“I’m recommending this to my colleagues.” – Paul Kavanagh

“I highly recommend this course to everyone” – Yoan Pumar

Don’t miss the next workshop, enroll now!

Basic Building Blocks of Angular 2 Architecture

  • @Component will be identified as a component class.
  • We can create a component, destroy, and update as the user moves in the application.
  • The first and the most common module that you will study is the one that exports Component Class.
  • A component is basically a class that is used to show an element on the screen.
  • The components have some properties and by using them we can manipulate how the element should look and behave on the screen.

Here’s a quick intro into the basic building blocks of Angular 2, along with a look-back at the changes from Angular 1.
Continue reading “Basic Building Blocks of Angular 2 Architecture”

Learning Angular components

  • Learning Angular 2 Components is your go-to guide when building successful Angular 2 components.
  • Start building real-world Angular 2 components.
  • As a bonus, you will discover how to bring your Angular 2 components to other environments such as the server side and mobile devices.
  • You are previewing Learning Angular components – Second Edition .
  • Feeding Our Component with Data 00:05:35

Your go-to guide when building successful Angular 2 components. About This Video Learn what Angular components are all about and how they differ from the directives. Start building real-world Angular … – Selection from Learning Angular components – Second Edition [Video]
Continue reading “Learning Angular components”