Monday, March 13, 2017

Ionic HTML5 and Angular

Ionic HTML5 and Angular

Sample Mobile Application with Ionic and AngularJS February 5, 2014 in Angular.js, Cordova, Ionic, PhoneGap


Ionic and Angular 2 | The Official Ionic Blog
blog.ionic.io/angular-2-ionic
Hey Ionites, After a hugely successful ngConf last week, the Ionic office is abuzz with Angular 2, and what it means for Ionic. The number one response from ngConf is that Angular is here to stay, and …

5 Best Mobile Web App Frameworks: Ionic (AngularJS) - Modus Create
moduscreate.com/5-best-mobile-web-app-frameworks
Ionic framework is the youngest in our top 5 stack, as the alpha was released in late November 2013. Built on top of the popular AngularJS framework from Google, Ionic utilizes AngularJS to provide …

Javascript - Extend Ionic even further with the power of AngularJS ...
ionicframework.com/docs/api
Ionic makes it incredibly easy to build beautiful and interactive mobile apps using HTML5 and AngularJS. ... Learn more about how Ionic was built, why you should use it, and what's included. …

ionic-angular - npm
https://www.npmjs.com/package/ionic-angular
Usually, the only import required by the user is ionic-angular, as everything from Ionic is exported by the package: import { App, NavController } from 'ionic-angular'; Bundles. Minified and unminified …

Ionic in Action: Hybrid Mobile Apps with Ionic and AngularJS
www.amazon.com › … › Web Development & Design
Ionic in Action teaches web developers how to build cross-platform mobile apps for phones and tablets on iOS and Android. You'll learn how to extend your web development skills to build apps …

Create Your First Mobile App with AngularJS and Ionic | Scotch
https://scotch.io/tutorials/create-your-first-mobile-app-with...
Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. In the past years, making a mobile app involved being good with the native language you …

Angular 2 Series: Introduction | The Official Ionic Blog
blog.ionic.io/angular-2-series-introduction
README: Angular 2 has changed significantly since this post was written. As such, please do not use this code verbatim. Instead, focus on the concepts below and then map them to the new syntax and API of Angular …

Building a Mobile App with AngularJS 1 and Ionic - Lynda.com
https://www.lynda.com/AngularJS-tutorials/Building-Mobile-App...
Watch video · - [Voiceover] Hey there, this is Ray Villalobos, staff author at lynda.com and I want to welcome you to Building a Mobile App with AngularJS and Ionic. In this course, I'm going to show …

Thursday, March 9, 2017

Microsoft Hands On Lab: Build a Single Page Application (SPA) with ASP.NET Web API and Angular.js

Hands On Lab: Build a Single Page Application (SPA) with ASP.NET Web API and Angular.js

In traditional web applications, the client (browser) initiates the communication with the server by requesting a page. The server then processes the request and sends the HTML of the page to the client. In subsequent interactions with the page –e.g. the user navigates to a link or submits a form with data– a new request is sent to the server, and the flow starts again: the server processes the request and sends a new page to the browser in response to the new action requested by the client.
In Single-Page Applications (SPAs) the entire page is loaded in the browser after the initial request, but subsequent interactions take place through Ajax requests. This means that the browser has to update only the portion of the page that has changed; there is no need to reload the entire page. The SPA approach reduces the time taken by the application to respond to user actions, resulting in a more fluid experience.
The architecture of a SPA involves certain challenges that are not present in traditional web applications. However, emerging technologies like ASP.NET Web API, JavaScript frameworks like AngularJS and new styling features provided by CSS3 make it really easy to design and build SPAs.
In this hand-on lab, you will take advantage of those technologies to implement Geek Quiz, a trivia website based on the SPA concept. You will first implement the service layer with ASP.NET Web API to expose the required endpoints to retrieve the quiz questions and store the answers. Then, you will build a rich and responsive UI using AngularJS and CSS3 transformation effects.
All sample code and snippets are included in the Web Camps Training Kit, available at http://aka.ms/webcamps-training-kit.

Overview

Objectives

In this hands-on lab, you will learn how to:
  • Create an ASP.NET Web API service to send and receive JSON data
  • Create a responsive UI using AngularJS
  • Enhance the UI experience with CSS3 transformations
  • <continues at link above>

ASP.NET Web API

Learn About ASP.NET Web API
https://www.asp.net/web-api

ASP.NET Web API is a framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers and mobile devices. ASP.NET Web API is an ideal platform for building RESTful applications on the .NET Framework.
Download




Visual Studio 2017


Free, powerful IDE for ASP.NET on Windows




Web API:
Guidance
Videos
Samples
Forum
Books
Open Source

Getting Started
Routing
Working with Data
Mobile Clients
OData
Serialization and Model Binding
Error Handling
Testing and Debugging
Security, Authentication, and Authorization
Deployment and Hosting
API Reference
Advanced Topics
Releases
Additional Resources
Older Versions
Get Help





The basics of building an HTTP service using ASP.NET Web API

Getting Started with ASP.NET Web API 2


By Mike Wasson|May 28, 2015


In this tutorial, you will create your first HTTP service using ASP.NET Web API.

Getting Started with ASP.NET Web API


This video from Scott Hanselman will get you started on ASP.NET Web API.

Creating a Leaderboard App with Azure Mobile Services .NET Backend


Use Visual Studio to create a Web API app hosted in Azure Mobile Services.

Action Results in Web API 2


By Mike Wasson|February 3, 2014


Describes how Web API converts the return value from a controller action into an HTTP response.

Web API 2 Poster


This poster shows how an HTTP request flows through the Web API 2 pipeline, and how the HTTP response flows back. It also shows extensibility points, where you can add custom code or even replace the default behavior entirely.

Pro ASP.NET Web API


Pro ASP.NET Web API, by Tugberk Ugurlu and Alexander Zeitler, shows you how to build flexible, extensible web services that run seamlessly on a range of operating systems and devices, from desktops to tablets to smart phones—even the ones we don’t know today.

Using Web API with ASP.NET Web Forms


By Mike Wasson|April 3, 2012


This tutorial shows how to use ASP.NET Web API in an ASP.NET Web Forms project.

Creating API Help Pages


By Mike Wasson|April 1, 2013


Learn how to add help pages for your web API, so that other developers will know how to call your API.

Hands On Lab: Build a Single Page Application (SPA) with ASP.NET Web API and Angular.js


By Web Camps Team|September 30, 2015


Build Geek Quiz, a trivia website based on the SPA concept, from the gr
  1. ound up using ASP.NET Web API, AngularJS, and CSS3.

Odata Windows Service

Odata Windows Service
https://msdn.microsoft.com/en-us/library/dn766002.aspx

Understand OData Services in Windows Azure Pack


Applies To: Windows Azure Pack
This topic provides basic information about what OData is and how it works with the IaaS service of Windows Azure Pack. The IaaS OData service is offered by Service Provider Foundation through the Service Management API.

OData Introduction

You can think of the OData service as a database exposed through an HTTP REST interface. When you work with a database you are working with records in a table. You perform one of four operations on the records: createreadupdate, or delete. These operations are known as CRUD operations. OData shares this same concept of record manipulation.
An OData service has three basic components, entities (data model types), entity sets (collections), and OData operations. A collection (like a database table) contains instances (like database records) of a specific entity type. Entity types are data structures that are used by collections and have key properties whose values uniquely identify one instance from another. OData operations (like database stored procedures) are pieces of custom logic that you can call. For more information about basic OData concepts, see the OData documentation.