background preloader

Angular2

Facebook Twitter

SPA Using Angular 2, ASP.NET Core 1.1 and Entity Framework Core (Part 1) - CodeProject. Introduction This is first part of this series.

SPA Using Angular 2, ASP.NET Core 1.1 and Entity Framework Core (Part 1) - CodeProject

In this series we will create a SPA application using Angular 2, Asp.Net Core 1.1 and Entity Framework Core. Here we use Angular 2 as UI for the application, using Asp.Net Core MVC we will perform server side tasks and using Entity Framework Core we perform all the database level operations. In this series we create an Employee Management system project.

In this management system we provide features to see the list of all employee, edit the existing employee, delete any particular employee and enter a new employee. Agenda Setup development environment for Angular 2 Understand the structure of application Add Entity Framework in Project Create new pages to see the Employee List and also for Insert, Update and Delete operations. Pre Requests There some minimum configuration that must be configured in your system before staring the work on this series. Getting Started. Progressive Web Apps with Angular 2+ At the time of writing, the --mobile flag with Angular CLI, which integrates progressive technologies such as offline support into your application, is temporarily disabled.

Progressive Web Apps with Angular 2+

Among other things, this post goes through how I set up offline support using the sw-precache and sw-toolbox libraries on their own. Progressive Web Apps (PWA) have been the talk of the town in 2016. Listening to Angular Key Events with Host Listeners. Teradata Covalent - Angular Material Design UI Platform. Angular 2 User Registration and Login Example & Tutorial. Built with Angular 2.0 Final.

Angular 2 User Registration and Login Example & Tutorial

After getting a lot of interest in a previous tutorial I posted on how to build a User Registration and Login with Angular 1, and since Angular 2 Final was recently released I thought it was time to post an updated example built with Angular 2 and TypeScript. The project is available on GitHub at The example uses a fake backend that stores users in HTML5 local storage, to switch to using a real web service simply remove the fake backend providers in the app.module.ts file below the comment "// providers used to create fake backend".

Here it is in action: (See on Plunker at Running the Angular 2 User Registration & Login Example Locally Install NodeJS (> v4) and NPM (> v3) from you can check the versions you have installed by running node -v and npm -v from the command line. Building Angular 2 Web and Native Apps from a Single Codebase -Telerik Developer Network. So, you need to build a web site.

Building Angular 2 Web and Native Apps from a Single Codebase -Telerik Developer Network

Great! If you’re an Angular developer, you immediately dash to your favorite IDE and start scaffolding out your site. But wait! Angular2-features/user-card.component.html at master · chsakell/angular2-features.

Design

Test. Angular 2 Archives - Sparkbit. Highlights from AngularConnect 2016. After a few years of working on Angular apps, I was really excited to get the opportunity to head to London for AngularConnect 2016, especially as Angular 2 was fully released less than 2 weeks prior.

Highlights from AngularConnect 2016

After checking out the schedule online, I could already see a ton of stuff that I was interested in seeing. There were so many useful talks on the day that I had to cover it all, so have a great time learning all about my time at AngularConnect and I would definitely recommend checking out the slides and videos for each of the talks! Day One. Angular 2 by Example — Baqend Blog. Angular 2 by Example Angular2 is one of the most talked-about JavaScript frameworks.

Angular 2 by Example — Baqend Blog

In this transcript of a talk held at the HH.JS meetup in Hamburg we give our best to explain the major concepts of Angular2 using a real application you can play with: SPQR. It’s a collaborative platform for an audience to ask a speaker questions during a talk, and upvote the best of them. The code is hosted on Plunkr, an online code editor similar to CodePen with support for Angular2, TypeScript and folder structures. Hotjs. Offline Compilation in Angular 2.0. In this article I will show how to use the offline compiler in Angular to improve performance.

Offline Compilation in Angular 2.0

Before a component can be rendered by the browser, Angular has to do a fair amount of processing to figure out what the final html should look like. This process of evaluating binding expressions and parsing templates is called template compilation. As part of template compilation, html templates are converted to executable JavaScript that the browser will execute to render the application. By default template compilation is done by the browser at runtime, but the idea behind offline compilation is to take this processing offline and do it as a build step instead. Depending on the complexity of our templates, doing the compilation offline, may lead to noticeable performance improvements. Another benefit of offline compilation is what we call “Tree shaking”. Bootstrapping Using the offline compiler requires a little bit of setup, but luckily there are very few changes to how we write our code.

Juri's TechBlog. Let's create your first Angular 2 app It's time to get started.

Juri's TechBlog

In this video I will help you create your first Angular 2 app Angular 2: Using the JSONPipe for debugging Remember the JSON filter in Angular 1? Angular 2's Fresh Approach to Style - Justin Schwartzenberger. Language Options - An Introduction to Angular2 - Falafel Software Blog. Before you start developing an Angular2 application, there are a few selections that you have to make.

Language Options - An Introduction to Angular2 - Falafel Software Blog

One of those choices is the programming language that you want to use with Angular2. While Angular2 is a JavaScript framework at heart, there are nevertheless, a few options to choose from. In this column, we are going to look at the options and examine the differences in syntax, to help you make that choice. Background The JavaScript language specification standard is called ECMAScript, or ES.ECMAScript is standardized by the ECMA International standards organization and overseen by the TC39 committee. Angular2 Language Choices There are many options available for front-end developers today, and the same applies to Angular2 applications.

Arrow Functions · Rangle.io : Angular 2 Training. ES6 offers some new syntax for dealing with this: "arrow functions".

Arrow Functions · Rangle.io : Angular 2 Training

Arrow function also make working with "higher order" functions (functions that take functions as parameters) much easier to work with. The new "fat arrow" notation can be used to define anonymous functions in a simpler way. Consider the following example: items.forEach(function(x) { console.log(x); incrementedItems.push(x+1); }); This can be rewritten as an "arrow function" using the following syntax: DNX Angular2 Example project extension. Sign in to write a review Sort by: Very good starting point for an Angular 2 application! Couple of things I miss: Quickstart/README.md at master · angular/quickstart.

Les concepts

Gumroad. Gumroad. Sans titre. TL;DR RxJS is a library that allows us to easily create and manipulate streams of events and data. This makes developing complex but readable asynchronous code much easier. Creating large asynchronous applications is not the easiest thing to do. We have all witnessed the issues callback hell can cause. Due to this growing concern, people have taken it upon themselves to improve the landscape of the asynchronous JavaScript landscape. We have all heard of promises, generators, and async/await. From their Github README, RxJS is defined as "a set of libraries for composing asynchronous and event-based programs using observable sequences and fluent query operators".

.NET CORE.

CLI

Getting started NativeScript Angular 2 and Ionic Framework 2. While there is a big buzz around Angular 2 and the Ionic Framework 2, a new force awakens in the shadow of the cross-platform development world. While this force has not yet reached the maturity level of other frameworks, the potential and the chances for success makes this force a worthy candidate to become one of the strongest frameworks on the cross-platform horizon. The new force we are talking about is NativeScript, a framework to “Build truly native apps with JavaScript” as their page says. Not another framework, cmon! That was my first impression when my good friend Nic Raboy started to blog about NativeScript.

But some weeks ago on the German Developer Week conference I had the chance to sit down with the great Sebastian Witalec from the Telerik team, the creators of NativeScript. What is NativeScript? At the heart, NativeScript allows you to develop mobile apps from a single code base, written in JavaScript. The great thing about it? How?