JavaScript for Line of Business Applications
596.5K views | +0 today
Follow
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...

Popular Tags - Filter using the Funnel

Current selected tag: 'asp.net'. Clear
Scoop.it!

Create REST API on Node.js using Visual Studio

Create REST API on Node.js using Visual Studio | JavaScript for Line of Business Applications | Scoop.it

In this post I am not going to explain, what is REST? I assume you are already aware of REST concepts hence on this post to create REST API on Node.js which will perform CRUD operations. I am going to use Visual Studio to create Node Application.

First we are going to create data and CRUD operation on that. Keep in mind that we are going to expose CRUD operation as REST API on a JavaScript Array. In real projects you may want to perform these operations on database.

Let us start with writing function to return products. If you notice function is taking two parameters req and res. We send data in HTTP response with res.send . In this case we are sending JSON object product as HTTP response...

No comment yet.
Scoop.it!

NQUnit: JavaScript testing within .NET / CI

NQUnit: JavaScript testing within .NET / CI | JavaScript for Line of Business Applications | Scoop.it

QUnit is an awesome unit testing framework for JavaScript that is written by the jQuery team for unit testing jQuery.

This post describes a package I created to be able to run QUnit testing from within any .NET testing framework, and thus also from continuous integration servers.

If you manage to achieve the difficult task of getting your JavaScript unit tests to run and return results within the context of your server-side testing framework then that is a huge win. I think it’s a win because it means you can run all of the tests for your application within the same context resulting in:
* Better efficiency for doing your testing
* More likelihood you will actually run your JavaScript unit tests regularly since it’s convenient to do so
* You get continuous integration for free if you already have a CI server set up.

That last point is important – this means you get continual regression testing of your JavaScript, and if multiple people are working on the same JavaScript then you get notification as soon as a bug is introduced as a side-effect of integrating the code.

No comment yet.
Scoop.it!

Durandal.js with ASP.NET 4.5.1

The posts that follow this will document the steps in achieving that:

* creating a new ASP.NET SPA,
* stripping out the default SPA,
* implementing Durandal,
* integrating the new authentication features into Durandal,
* handling roles based authorization,
* creating the SideWaffle template

Jan Hesse's insight:

Blog series on bringing together Durandal with ASP.Net

No comment yet.
Scoop.it!

MVC4-Boilerplate with Bootstrap for vb.net

MVC4-Boilerplate with Bootstrap for vb.net | JavaScript for Line of Business Applications | Scoop.it
MVC4-Boilerplate - A boiler plate for MVC4 vb.net web applications

* Modernizr
* HTML5 Boilerplate
* Bootstrap
* Font Awesome

No comment yet.
Scoop.it!

Sample ASP.NET MVC4 application showing how to use PolymerJS

Sample ASP.NET MVC4 application showing how to use PolymerJS | JavaScript for Line of Business Applications | Scoop.it

polymermvc - Sample ASP.NET MVC4 application showing how to use Polymer.JS/Bootstrap and Angular.JS to make web components in an MVC4 project.

 

It demonstartes the simple core concepts of creating shadow dom enabled components that are portable from one MVC platform to another, and that rely entirely on HTML5 & Javascript to do thier thing.

The techniques used here require no complex setup's to allow your JS code to be sliced up and only included in the partials thier used in, or anything like that. You'll see that everything is driven directly from plain single view files, using the polymer method of loading these components.

No comment yet.
Scoop.it!

Ext.NET – ASP.NET (Web Forms + MVC) component framework integrating the Sencha Ext JS JavaScript Library

Ext.NET – ASP.NET (Web Forms + MVC) component framework integrating the Sencha Ext JS JavaScript Library | JavaScript for Line of Business Applications | Scoop.it
Ext.NET is a component framework built with ASP.NET and Sencha Ext JS 
for quicker, better web app development.

Ext.NET is an advanced ASP.NET (WebForms + MVC) component framework integrating the cross-browser Sencha Ext JS JavaScript Library.

WHO
is it for?

If you are looking to build a rich, modern web application with cutting edge web technologies, unparalleled cross-browser compatibility and an advanced MVC architecture then Ext.NET is for you!

WHY
should you use it?

Ext.NET is built for developers, by developers. We provide hundreds of Demos in our Examples Explorer. Need a little support? Check out our Developer Bundles.

No comment yet.
Scoop.it!

Head First into ASP.NET Web API – A Time Card Service using Media Formatters and KnockoutJs

Head First into ASP.NET Web API – A Time Card Service using Media Formatters and KnockoutJs | JavaScript for Line of Business Applications | Scoop.it
Introduction of ASP.NET Web API before exploring custom Media Formatters in Web API and how to build one for ourselves.
No comment yet.
Scoop.it!

Introduction to Knockout.js and CRUD Operations in ASP.Net Web Forms Using Knockout.JS

Introduction to Knockout.js and CRUD Operations in ASP.Net Web Forms Using Knockout.JS | JavaScript for Line of Business Applications | Scoop.it
This article is an introduction to Knockout.js and CRUD Operations in ASP.NET Web Forms using Knockout.JS.

The development paradigm has been changing rapidly for a last few years. The out of the box technologies have been introduced to develop applications with fast, scalable, extensible structure, easy to maintain and easy to use. Knockout.JS is also one of the examples of such emerging technologies. I take an opportunity to explain the concept and topic my way.

Jan Hesse's insight:

Part2:

http://www.codeproject.com/Articles/696466/Complete-End-to-End-CRUD-Operations-Using-Knockout

No comment yet.
Scoop.it!

CRUD Grid Using AngularJS, WebAPI, Entity Framework (EF), Bootstrap in C#, HTML for Visual Studio 2013

CRUD Grid Using AngularJS, WebAPI, Entity Framework (EF), Bootstrap in C#, HTML for Visual Studio 2013 | JavaScript for Line of Business Applications | Scoop.it
Here’s how I built a quick single entity CRUD grid with AngularJS, WebAPI, Entity Framework, Bootstrap, Font Awesome & Toastr. I spent a more time than I should have getting this all wired up, so I thought I’d share the code to save you some time.

As you can see, the CRUD Grid loads data from EF and Works with sort by columns, is easy to ADD, UPDATE, DELETE new registries.

No comment yet.
Scoop.it!

Building a shopping cart with SignalR, ASP.NET Web API and Knockout.js

Building a shopping cart with SignalR, ASP.NET Web API and Knockout.js | JavaScript for Line of Business Applications | Scoop.it

In this tutorial we will go through a process of building a sample shopping cart with real time capabilities. On top of that, we'll also throw in a real time admin order overview.

The technologies used will include:

* Knockout.js - for reactive client side data binding

* ASP.NET Web API - as an API to retrieve data and send orders to the server side

* SignalR - to notify interested parties in changes to the item stock quantities & order status


Since the topic of building a functional e-commerce solution is obviously extremely broad, we will take a few simplifications, which will allow us to focus our attention on the real time aspects of the cart and avoid distractions. We will treat security (user login/logout) and data persistence (we'll just store the data in memory) as out of scope.

No comment yet.
Scoop.it!

Databinding Using Knockoutjs in Web API

Databinding Using Knockoutjs in Web API | JavaScript for Line of Business Applications | Scoop.it

This article shows Databinding and Templating using Knockout in the ASP.NET Web API. In this article we use the Knockout.js file. Knockout contains a JavaScript library and this library helps for creating a responsive display and editor user interface under laying of the data model.

Use the following procedure to create a sample.

Scoop.it!

Knockout js for Beginners

Knockout js for Beginners | JavaScript for Line of Business Applications | Scoop.it

This article will help begenners to understand how knock out will work with asp.net and communicate client-side server side and the usefulness of the responsive ui design.

No comment yet.
Scoop.it!

ASP.NET - Single-Page Applications: Build Modern, Responsive Web Apps with ASP.NET

ASP.NET - Single-Page Applications: Build Modern, Responsive Web Apps with ASP.NET | JavaScript for Line of Business Applications | Scoop.it

Single-Page Applications (SPAs) are Web apps that load a single HTML page and dynamically update that page as the user interacts with the app.

SPAs use AJAX and HTML5 to create fluid and responsive Web apps, without constant page reloads. However, this means much of the work happens on the client side, in JavaScript. For the traditional ASP.NET developer, it can be difficult to make the leap. Luckily, there are many open source JavaScript frameworks that make it easier to create SPAs.

In this article, I’ll walk through creating a simple SPA app. Along the way, I’ll introduce some fundamental concepts for building SPAs, including the Model-View-Controller (MVC) and Model-View-ViewModel (MVVM) patterns, data binding and routing.

No comment yet.
Scoop.it!

HTML Table Pagination using Knockout JS and ASP.NET Web API

HTML Table Pagination using Knockout JS and ASP.NET Web API | JavaScript for Line of Business Applications | Scoop.it
Use Knockout JS, ASP.NET Web API and ADO.NET Entity Framework to enable pagination in a HTML Table

The question that arises is in what kind of scenarios can we use Knockout JS? Lets’ consider that an HTML page is to be created which makes a call to an external service (WCF Service/Web Service or ASP.NET WEB API) for fetching data and once the data is loaded in the HTML element (e.g. table), pagination is to be implemented. Now this can be done using any JavaScript library like jQuery. However there are some challenges to be thought of like how does the UI update when the underlying data model changes, how to store data on the client side which responds to the change notification for pagination (move previous, next etc.) and calls some logic. Another challenge could be how each user may display different number of rows initially when the page is loaded e.g. (4 rows/ 8 rows etc) and so on. Although these challenges can be coded with libraries like jQuery, it becomes easier if we choose a library that provides binding between UI and data model and has in-built change notification capability.

No comment yet.
Scoop.it!

Dive into Node.js development with this Visual Studio plugin

Dive into Node.js development with this Visual Studio plugin | JavaScript for Line of Business Applications | Scoop.it
Tony Patton reviews a plugin that brings Node.js development to Visual Studio 2012 and 2013. See what his tests reveal.

Node.js is a powerful platform for building all kinds of applications. One caveat with using different platforms is that some tools cannot be used for certain technologies. This was true for Node.js and Visual Studio, but the Node.js Tools for Visual Studio plugin allows you to use a familiar tool to build Node.js applications. 

No comment yet.
Scoop.it!

Automating JavaScript testing in a Microsoft environment

Automating JavaScript testing in a Microsoft environment | JavaScript for Line of Business Applications | Scoop.it

Writing software with JavaScript can be a lot like writing software in the dark. There is no static typing and no compiler, most errors are not found untill the code is executed. Hopefully that is in a test environment, and not when a user is working with your software. I think that a lot of emphasis should be on automated testing and analysing the code. At my current project, we have a rather nice setup in place to do this and guard our quality.

The thing that caused a bit more work is that we are working in a Microsoft environment. So we have Visual Studio (2013) and TFS (2013). The rest of our project consists of C# and we like to work in Visual Studio. Any tooling that we add is preferred to integrate with our current tools. We already have gated checkins and continous integration builds for the .NET code. The CI build runs everything that is in the gated checkin build plus more (and slower) tests.

No comment yet.
Scoop.it!

Demo SPA App for ASP.NET Web API 2 and AngularJS

In my previous post, I have announced SocialGoal, a reference web app for ASP.NET MVC 5 and EF 6 Code First. Today, I am announce the release of a demo single page application (SPA) for ASP.NET Web API 2 and AngularJS. 

The current version is an early first drop of the application, which we will continuously refactor, and later we will provide guidance for developing real-world client-side JavaScript apps and SPAs, including unit testing, task automation and performance optimizations.

The app is built with following technologies:

* ASP.NET Web API 2

* EF 6 Code First

* AutoMapper

* Autofac

* Semantic UI

* AngularJS 1.1.5

No comment yet.
Scoop.it!

AngluarJS–Part 10, Intermezzo

AngluarJS–Part 10, Intermezzo | JavaScript for Line of Business Applications | Scoop.it

This is a series of posts about AngularJS and our experiences with it while migrating the client of a complex enterprise application from Silverlight to HTML5/CSS/JavaScript using AngularJS as a framework. 

I got some feedback from readers that they didn’t like that I never introduces how to implement a RESTful API which can then be consumed by an Angular application. I though that I should change this and have decided to publish this post where I show how a simple REST API can be implemented.

No comment yet.
Scoop.it!

Tiraggo.js - JavaScript ORM that Leverages Knockout

Tiraggo.js - JavaScript ORM that Leverages Knockout | JavaScript for Line of Business Applications | Scoop.it

* Built upon Knockout and the MVVM Model
* All class properties are ko.observables and collections classes are ko.observableArrays
* Only 17k minimized
* Supports MS SQL Server, Azure, SQL CE, Oracle, PostgreSQL, MySQL, SQLite
* Supports WCF JSON Service and RESTFUL API's
* Supports Full Hierarchical Data Models
* Hierarchical Model Supports Lazy Loading (See video below)
* All saves take place within transactions, including complex hierarchcial saves
* Two Providers, either pure XHR or JQuery Ajax (you choose which one you want to use)
* Tracks Row Level and Column Level Dirty State
* Tracks Original Values so Edits can be Cancelled via RejectChanges
* Generic - Can be used with any ORM or Database Backend

No comment yet.
Scoop.it!

Using SignalR and knockout.js to push data in real-time to the browser

Using SignalR and knockout.js to push data in real-time to the browser | JavaScript for Line of Business Applications | Scoop.it

One of the most exciting developments in web technology of the past year is, in my opinion, the development of cross-browser javascript socket libraries and the addition of web sockets as part of the HTML5 standard. Although push communication has been available for a long time, it was hard to implement, used proprietary technologies and was hindered by performance and scalability problems. But libraries like socket.io and services like Pusher have changed this and have made implementing two-way communications on the web very simple. I feel that we are just at the beginning of a new generation of exciting web applications.

For our cloud auction project, we want to use web sockets to send price, availability and product updates from the server to all active clients. It’s important that these updates are synchronized as much as possible, so that every user sees the same price at the same time. We want to avoid users hammering our servers by refreshing the page in their browser, pressing F5 every second. We are starting from our ASP.NET MVC cloud auction website, a standard website based on the MVC Internet Website template. I described several parts of it in other posts in this series.

No comment yet.
Scoop.it!

CRUD Operations Using Knockout.JS and EntityFramework 5 in MVC4 Application

CRUD Operations Using Knockout.JS and EntityFramework 5 in MVC4 Application | JavaScript for Line of Business Applications | Scoop.it
This article is a tutorial of how to set up the knockout.js environment in a MVC4 application and perform CRUD operations on it.

I have been browsing multiple sites for a complete end-to-end tutorial or article upon CRUD operations using Knockout.JS and MVC 4. Unfortunately all I found were incomplete or short explanations. In my last article we learned about imlementation of CRUD in ASP.Net web forms using MVC and EntityFramework. This article is the continuation of the series. My effort in this article will be a kind of tutorial to explain how to set up the knockout.js environment in a MVC4 application and perform CRUD operations on it.

No comment yet.
Scoop.it!

KnockOutJS with ASP.NET MVC

Learn what KnockOutJS it and how to get started.
No comment yet.
Scoop.it!

Introducing node.js Tools for Visual Studio

Introducing node.js Tools for Visual Studio | JavaScript for Line of Business Applications | Scoop.it

Just when you thought it couldn't be crazier in Redmond, today they are introducing node.js Tools for Visual Studio! NTVS runs inside VS2012 or VS2013.

NTVS is open source from the start, and has taken contributions from the very start. It supports Editing, Intellisense, Profiling, npm, Debugging both locally and remotely (while running the server on Windows/MacOS/Linux), as well publishing to Azure Web Sites and Cloud Service.

Node.js Tools for Visual Studio takes advantage of V8 Profiling API's as well Visual Studio's Reporting features to give you a sense of where your program is spending its time.

The debugging still happens like it always has, with the node V8 debugger, except Visual Studio connects to the debugger over another socket (remember, you can even debug node.js remotely running on a Linux or Mac like this!) and translates how V8 thinks into how Visual Studio thinks about debugging. The experience is seamless.

No comment yet.
Scoop.it!

Client Side Web Application primer

Client Side Web Application primer | JavaScript for Line of Business Applications | Scoop.it

I plan to share my experiment with client side application and MVC backend. In this sample, as many other web site before I use many 3rd party libraries (hint: look at README / package list: EntityFramework (Extended), jQuery, Knockout, chosen, bootstrap,datatables). But I don’t plan to dwell much on them in this post. Instead I want to focus on how I use T4 Templates to generate strongly WebAPI server proxy in TypeScript and use Knockout to drive the UI. With a little bit extra on WebAPI and SQL.

This post is intended for web developer having basic to medium knowledge of MVC, Javascript, jQuery.ajax(), TypeScript. I am not going to explain the whole application but just the challenging parts and the solutions I implemented. For the rest there is the source code.

My sample application (largely inspired from work needs) is a 3 pages application. A first page manage dynamic questionnaire (with dynamic groups of dynamic questions), a second page can answer those questionnaires and a third can query them.

No comment yet.
Scoop.it!

What to Use on the Microsoft Stack

What to Use on the Microsoft Stack | JavaScript for Line of Business Applications | Scoop.it
With Microsoft’s unwillingness to officially deprecate technologies such as Silverlight, figuring out which technologies on the .NET stack have a future and which should be avoided can be challenging.

One way to find out is to review a little known document called the ".NET Technology Guide for Business Applications". Released earlier this year, the Guide offers insight into where Microsoft intends to put its efforts and what technologies should be avoided.

This overview is a good place to start your exploration of Microsoft and related technologies.

* Mobile
* Services
* Guidance for Small and Medium Business Applications
* Guidance for Large, Mission Critical Business Applications
* Patterns and Practices
* Conclusions

No comment yet.