Next Web App
33.1K views | +11 today
Next Web App
How to create your next Web Application ?
Your new post is loading...
Your new post is loading...
Scooped by Christian Barras
Scoop.it!

Microsoft Project Siena

Microsoft Project Siena | Next Web App | Scoop.it
RT @Backbonejs_: Microsoft Project Siena - Build powerful business app in minutes. http://t.co/eVMzayyv1D @Backbonejs_
more...
No comment yet.
Scooped by Christian Barras
Scoop.it!

The future of web apps is -- ready? -- isomorphic JavaScript - VentureBeat

The future of web apps is -- ready? -- isomorphic JavaScript - VentureBeat | Next Web App | Scoop.it
The future of web apps is -- ready? -- isomorphic JavaScript
VentureBeat
This approach is commonplace today, and libraries like Backbone.js, Ember.js, and Angular.js have made it easier for developers to build these rich JavaScript apps.
more...
No comment yet.
Scooped by Christian Barras
Scoop.it!

Building The Next SoundCloud - SoundCloud Backstage SoundCloud Backstage

Building The Next SoundCloud - SoundCloud Backstage SoundCloud Backstage | Next Web App | Scoop.it
This article is also available in Serbo-Croatian: Pravljenje novog SoundCloud. The front-end team at SoundCloud has been building upon our experiences with
Christian Barras's insight:

Probably late but very interesting.

 

There is the video : http://www.youtube.com/watch?v=W8B9xT1QRb0&list=WLB3642EF596AEB8F0

more...
No comment yet.
Rescooped by Christian Barras from Best
Scoop.it!

20 JavaScript Frameworks: MVVM Templating, Licenses etc ...

20 JavaScript Frameworks: MVVM Templating, Licenses etc ... | Next Web App | Scoop.it
Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the verbose or infrastructural overhead found in other MVC libraries. The goal is to ....

Via Luis Black, Dr. Stefan Gruenwald
more...
No comment yet.
Scooped by Christian Barras
Scoop.it!

ListUp

ListUp | Next Web App | Scoop.it
Free playlist creation on ListUp
Christian Barras's insight:

A web based application for listening music from soundcloud. It can be run on devices including android, iOS and even windows phone 7.5. It is an application that uses angularjs on frontend, and slim with some nodejs parts on backend. It could be the next web app. It is still beta phase but works really good and the team would really appreciate your feedbacks.

Go to http://listup.co & let a feedback, they've done a great job !

more...
No comment yet.
Rescooped by Christian Barras from Web Apps
Scoop.it!

Why Angular, Ember, or Backbone don't work for us

Why Angular, Ember, or Backbone don't work for us | Next Web App | Scoop.it
Add conversations to any site with a few lines of HTML. Gorgeous discussions, yours for free.

Via Srdjan Strbanovic
more...
No comment yet.
Scooped by Christian Barras
Scoop.it!

Farmstar

Responsive Web Application adaptée aux tablettes. Permet la consultation de plus de 8 Mo de données en un temps d'accès optimisé.
more...
No comment yet.
Rescooped by Christian Barras from Angularjs Resources
Scoop.it!

A Shopping Cart Application Built with AngularJS - CodeProject

A Shopping Cart Application Built with AngularJS - CodeProject | Next Web App | Scoop.it
Create a shopping cart class and use it in your MVVM HTML5 applications.; Author: Bernardo Castilho; Updated: 6 Aug 2013; Section: E-commerce; Chapter: Web Development; Updated: 6 Aug 2013

Via Mitch Chen
more...
No comment yet.
Rescooped by Christian Barras from JavaScript for Line of Business Applications
Scoop.it!

Comparison of Architecture presentation patterns MVP(SC),MVP(PV),PM,MVVM and MVC

Comparison of Architecture presentation patterns MVP(SC),MVP(PV),PM,MVVM and MVC | Next Web App | Scoop.it

This article will compare four important architecture presentation patterns i.e. MVP(SC),MVP(PV),PM,MVVM and MVC. Many developers are confused around what is the difference between these patterns and when should we use what. This article will first kick start with a background and explain different types of presentation patterns. We will then move ahead discussing about the state , logic and synchronization issues. Finally we will go in detail of each pattern and conclude how they differ from each other.


Via Jan Hesse
more...
No comment yet.
Rescooped by Christian Barras from JavaScript for Line of Business Applications
Scoop.it!

Ember JS & SEO - Make your App crawlable with the Hashbang Location

Ember JS & SEO - Make your App crawlable with the Hashbang Location | Next Web App | Scoop.it

The topic of Search Engine Optimization (SEO) pops up quite often, when disadvantages of Javascript MVC frameworks are discussed. Naturally webapps written entirely in Javascript are not crawable without any actions taken by you. In this article i will discuss the fundamental problems of javascript mvc apps in this topic and then i will present a solution for EmberJS Apps.

All crawling approaches basically need to solve two problems:

* Search Engines must be able to discover URLs, which should be crawled.

* Your server must be able to respond to these URLs, when the Search Engine crawler asks for it.

Let’s first discuss these two problems and possible solutions. Afterwards i will discuss two common approaches adressing both problems.


Via Jan Hesse
more...
No comment yet.
Scooped by Christian Barras
Scoop.it!

MVVM - Writing a Cross-Platform Presentation Layer with MVVM

MVVM - Writing a Cross-Platform Presentation Layer with MVVM | Next Web App | Scoop.it
MVVM - Writing a Cross-Platform Presentation Layer with MVVM http://t.co/MfEf7KwG0o
more...
No comment yet.
Scooped by Christian Barras
Scoop.it!

Samsung Smart TV Apps Developer Forum - SDK download, Guide & Forum

Samsung Smart TV Apps Developer Forum - SDK download, Guide & Forum | Next Web App | Scoop.it
Samsung Smart TV Apps Developer Forum is a website for developers and partners who wants to develop an application for the Samsung Smart TV platform. (. @doranka RESTful APIs from server, set-top box.
more...
No comment yet.
Scooped by Christian Barras
Scoop.it!

Webapp Rendering and Optimization.

This small presentation tries to synthesise the behaviour of a web browser’s rendering engine as simply as possible. It also proposes a few tricks we’ve used internally to cope with very resource-demanding webapps.

more...
No comment yet.
Rescooped by Christian Barras from JavaScript for Line of Business Applications
Scoop.it!

Web Components are the Revolution

Within this talk:

* Web Components?

1. CREATE YOUR OWN HTML ELEMENTS

2. ENCAPSULATE YOUR STYLES

3. REACT WITH LIFECYCLE CALLBACKS

 

* The Specs

1. TEMPLATES - Scaffolding

2. SHADOW DOM - Encapsulation

3. CUSTOM ELEMENTS - Extensions

4. IMPORTS - Packaging

 

* Use 'em, Today!

 1. POLYMER


Via Jan Hesse
more...
No comment yet.
Rescooped by Christian Barras from Web Apps
Scoop.it!

In the Loop: Chocolate.js, a Simple Webapp Framework Built on ...

Every week or two we spread the word of Node.js and the cool and incredible things it can do. We do that by profiling creative, interesting and fun uses of Node.js in various products and projects. We call it “In the Loop.”.

Via Srdjan Strbanovic
more...
No comment yet.
Rescooped by Christian Barras from javascript node.js
Scoop.it!

Building WebApps With Yeoman And Polymer

Building WebApps With Yeoman And Polymer | Next Web App | Scoop.it

♡ Web Components? I just published a brand new tutorial over on HTML5Rocks walking through how to build webapps with Yeoman and Polymer. Catching up on Web


Via Mikael Bourges-Sevenier
more...
No comment yet.
Rescooped by Christian Barras from Bonnes Pratiques Web
Scoop.it!

Safari on iOS 7 and HTML5: problems, changes and new APIs | Breaking the Mobile Web

Safari on iOS 7 and HTML5: problems, changes and new APIs | Breaking the Mobile Web | Next Web App | Scoop.it

Apple has rolled out iOS 7 and in a few days the new devices iPhone 5S and iPhone 5C . As expected Apple has publish just 10% of the necessary information for web developers and I can say without fear of mistake that this is the buggiest Safari version since 1.0. In this post I’ll show you the new APIs and abilities and most of the  problems that you will need to deal with right now if you have a website or a webapp.


Via Mickael Ruau
more...
Mickael Ruau's curator insight, September 21, 2013 6:18 AM

Don’t have time for reading the long post?

UI Changes: toolbar tint, problems with new full-screen navigation, new home screen icon sizes; no <title> usage on iPhone; possible conflicts with new gestures.New devices: nothing new about them for web developers, same as iPhone 5.HTML5 markup: video tracks, <progress>, REMOVED support for input type=datetime  HTML5 APIs: Page Visibility, AirPlay API, canvas enhancements, REMOVED support for Shared Workers, Web Speech Synthesis API, unprefixed Web Audio and Animation Timing, Mutation Observer and other minor additions. BIG PROBLEM with WebSQL using more than 5Mb.CSS: Regions, Sticky position, FlexBox, ClipPath, unprefixed Transitions and other enhancementsHome Screen webapps: SEVERAL SEVERE PROBLEMS (for example, no alert support!)Native webapps: Web View Pagination, JavaScript runtime for native apps and video playing new abilities
Scooped by Christian Barras
Scoop.it!

Single page webapps & javascript-testing

My presentation at the Edge of the Web conference, extended with a few more slides and examples

more...
No comment yet.
Scooped by Christian Barras
Scoop.it!

Building WebApp with HTML5

This is my presentation about building webapp with HTML5 and JS, based on my experiences building webapp for Zing News.

more...
No comment yet.
Rescooped by Christian Barras from JavaScript for Line of Business Applications
Scoop.it!

Modern Web Application Layered High Level Architecture with SPA, MVC, Web API, EF, Kendo UI, OData

Modern Web Application Layered High Level Architecture with SPA, MVC, Web API, EF, Kendo UI, OData | Next Web App | Scoop.it

It’s probably important you have at least a high level picture what an SPA architecture looks like now that there is quite a bit more design work involved on the client side especially with more and more implementations are around SPA and patterns like MVVM; so hence this post. Obviously there is no such thing as one size fits all especially when it comes to architecture, so feel free to omit or add to the architecture based on your specific needs.

 

Client Layer (HTML5 Browser)
Model View ViewModel (MVVM) is a design pattern which helps developers separate the Model (the data) from the View (the UI). The View-Model part of MVVM is responsible for exposing the data objects from the Model in such a way that those objects are easily consumed in the View. Kendo MVVM is an implementation of the MVVM pattern which seamlessly integrates with the rest of the Kendo framework (widgets and DataSource).

 

Web Layer (Server)
Almost the entire ASP.NET MVC Web Layer can leverage the DI & IoC Pattern, you can read up on what the benefits are and how to do this download both a sample MVC app that uses MEF or Unity 3 from one of my previous post.


Via Jan Hesse
more...
No comment yet.
Rescooped by Christian Barras from JavaScript for Line of Business Applications
Scoop.it!

Growl-like notifications with Ember.js

Do you have things to say? Do you have a message for the world? Are you seeking a vessel to express this divine inspiration? Do you feel like blurting out this message at the top right corner of the screen in a fancy way? Then you may need to consider growl-like notifications in your webapp.

 

At a high level, this is the approach we will take. This is done within the context of an Ember.js webapp, but you could take these ideas and run with them in your framework of choice.

Collection of notification objects:

A controller will be responsible for getting told about new notifications and storing them within a collection.

View to house the current notifications:

A fixed-position view will be put in the DOM that will have sub-views inserted when new notifications arrive. These sub-views will have to do a little work to figure out where to place themselves and respond to clicks.

Fancy CSS:

The least important but most fun. You'll see when we get there.

 


Via Jan Hesse
more...
No comment yet.