debugging the learning
What you might want to know about Objects, Funtions, Variables and so on...
No comment yet.
Sign up to comment
JavaScript for Line of Business Applications
606.5K views |
+0 today
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by
Jan Hesse
 Your new post is loading...
Your new post is loading...
Scoop.it!
From
12devs
I’m going to show you a library called AngularJS that can help you get from inspiration to working prototype fast. It’s not designed as a rapid prototyping tool – in fact, it’s a full-featured MVC client-side JavaScript framework designed to allow you to add functionality to HTML… but you can get the marketing spiel elsewhere. Let’s just build an app. There are a million and one “hello, world” Angular tutorials – hell, I wrote one – but today we’re not going to worry about the really simple stuff, you’re too good (looking) for that. We’re going to jump straight in, and I’ll highlight the interesting bits as we go.
Scoop.it!
From
epf
A framework for keeping your Ember.js apps in sync.
Built for Ambitious Applications * Emphasis on correctness and stability.
Scoop.it!
This post is a deep-dive into a specific point about nested scopes and your data model. This point begins at 29:19 and a couple of phrases are used as guidelines (paraphrasing) “The scope is not the model, the scope refers to the model” and “Whenever you have ng-model there’s gotta be a dot in there somewhere. If you don’t have a dot, you’re doing it wrong.”
Scoop.it!
valerie, a Knockout validation library. This code sample demonstrates valerie being used to validate a contact-list form. Bootstrap is used to style the form.
Scoop.it!
Have you been frustrated at all with Ember because of a lack of common functionality? Well, if you are you are probably like how I was and forgot to read the manual. There are a lot of really excellent functions baked right into the Ember. Here are some really useful ones that may come in handy and save you a few keystrokes. Many of the examples below are taken from the Ember API docs and a few are taken from the Discourse source code.
Scoop.it!
One of the issues that has popped up while working with ember.js is how to go about doing radio buttons. By default ember.js offers many input views, but radio buttons are not one of them. Fortunately with a little tinkering I was able to figure out how to utilize radio buttons! The way I have it set up allows us to bind to the input value and then automatically check a radio button if their values match.
Scoop.it!
Sails.js is an up and coming Node.js framework, with a focus on freedom and smart defaults. In this article we'll take a look at some of the data features Sails
Scoop.it!
Scoop.it!
From
avishek
So, you like RequireJS. No, you probably adore it. Enough to want to evangelise it’s benefits to anyone who will listen. And now you have AngularJS, which is pretty neat. Or so you think. At least, you probably are using it on your project. There’s one problem. Your team has not bought into the benefits of module loaders. They think nothing of putting a zillion script tags in your HTML. It doesn’t matter whether the opposing faction is one tech lead, or a few peer developers. Or maybe they are fine with the idea of module loading, but balk at the idea of wrapping all their Javascript code in “ugly” define()’s. I’ll describe ways to inject RequireJS into your AngularJS projects with minimal disruption, depending upon the set of constraints you find yourself saddled with. I usually say that there’s no “best” way to use RequireJS in your project. However, there are certainly preferred ways to use it, and I’ll note them as I go along.
Scoop.it!
This shift now asks for alternative approaches in nearly every angle of client side web applications. This holds for localization as well. Localization or short l10n usually has been done in the presentation layer by a server-side web framework. When the user switches to another language, the browser requests the page again and the server delivers the nicely localized HTML document to be rendered by the browser. With Single Page Applications this is no longer feasible.
Scoop.it!
From
dybskiy
As of late March 2013, after spending a month with each project, digging into documentation and examples available, I can say with confidence: it’s not fair to compare them. But if you really don’t have time to learn both – use AngularJS. Ember is not ready for prime time, yet.
Scoop.it!
How to use model associations in Sencha Touch and ExtJS components. A practical solution to common problems The data package in Sencha Touch and ExtJS is awesome. Models let you easily and robustly configure your data structures and easily use them in all sorts of components. One of the model features that have a lot of potential but are used and understood relatively poorly are model associations. One of the most interesting uses of associations is that they allow you to use parent data when using the model in components. In practice this can be quite hard to accomplish however when all stores load their own data. In this blogpost I will show how to use parent (belongsTo) relations to automatically fetch and use parent data.
|
Scoop.it!
Ember-Youtube JS-driven youtube players wrapped in Emberisms The javascript code is available as links in the header of this page.
Scoop.it!
SSE on the other hand can be viewed as more of a "lightweight" alternative, for when using websockets is not a viable option, most likely due to server limitations. To form a base understanding of SSE, here are the main design characteristics: * Everything happens over the HTTP, no special protocol required
Scoop.it!
The blog post describes how various functions and methods that deal with arrays are affected by holes. All of the code below assumes that the following variable declaration has been made: var arr = [ 'a',, 'b' ]; Above, we have created an array that has the element 'a' at index 0, a hole (no element at all) at index 1 and the element 'b' at index 2.
Scoop.it!
This guide shows how to write javascript tests with a minimal test api that works in both node and browsers. This guide covers the ins-and-outs of tape, a simple TAP-producing test library for node and browsers. The tape API is a small superset of the node core assert module. This guide was written for Testling. Testling lets you write continuous integration cross-browser tests that run on every git push! Once the tests run you get a badge you can put in your readme with the current browser test status. Here's how it looks:
Scoop.it!
WebSockets conceptually are very simple. The API is basically: connect, send and receive. But what if your web-app has many modules and every one wants to be able to send and receive data?
In theory you could open multiple WebSocket connections, one for every module. Although suboptimal (due to the need to handle multiple TCP/IP connections), this approach will work for native WebSockets. But, unfortunately it won't for SockJS due to a technical limitation of HTTP: for some fallbacks transports it is not possible to open more than one connection at a time to a single server.
This problem is real and worth solving.
Scoop.it!
Working on any interface, it is important to let the user know that their actions are doing something. Nothing would is worse than clicking a save button and wondering to yourself, “did it save?”. Ember.js is an excellent platform for creating web applications but unless you go out of your way to display that a record is updating, the user will never know. This is where a loading button view comes into play. I’ve went ahead and created a button that will bind to a true/false value and listen for any changes. In addition, we are able to bind actions to the button by implementing “ViewTargetActionSupport” in our Ember.View; this means that it can retain its default HTML functionality of binding actions. By default, this button uses font-awesome to render a loading spinner, but you can change the template to display whatever you need. The initial “Save” text is editable as a passed parameter to the Handlebar’s view.
Scoop.it!
I ended up spending far too many weekends transcribing the video contents of key chapters from different Pluralsight courses into readable PDFs to try and get our team up-to-speed a lot quicker. Since Pluralsight is a paid-for subscription service, unfortunately this material can only be used by my fellow team members who all have paid up Pluralsight subscriptions. However, there's a host of similar video training material (mostly user group talks) that's available for free. Our biggest learning curve (which is ongoing) was around the awesome AngularJS framework. Thanks to the generosity of the original video speakers, I've been able to make publicly available these "Angular PDF transcripts" for those who, like me, find re-watching video a poor way of revisiting excellent reference material.
Jan Hesse's insight:
Transcripts means all that is spoken in the videos you'll have on Paper
Scoop.it!
There are many different kinds of objects displayed on web pages: maps, documents, videos, like/share buttons, etc. While there are a few function-specific HTML elements, such as form inputs, <audio> and <video>, the rendering of those objects is controlled by - and built into - the browser. To embed other kinds of objects, or to control the rendering of a particular type of element, a generic HTML element (<button>, <span>, <div>) is used (usually with a more specific classname). For example, to add a map to a page, you might use this...
Scoop.it!
From
avishek
I gave a short internal talk today at ThoughtWorks about my experiences working with AngularJS. Peppered in this discussion were several of my opinions on what practices/libraries I’d consider using while working on an AngularJS app. I’ve listed them down here, in no particular order. They are succinct; I may expand on them with code examples. The [R] prefix before a point indicates a recommendation.
Jan Hesse's insight:
can be looked at as best practices
Scoop.it!
A programmer’s pipe-dream is to write code, and be able to use it repeatedly with little effort. It’s expressivebecause you write in a way that expresses what is needed, and it’s reuse because.. well, you’re reusing. What more could you want? curry can help. What is currying, and why is it so damn tasty?
Scoop.it!
There is a need for a simple unit test project that is devoted to JavaScript unit testing. For this template, I chose the jQuery QUnit project. To make full use of the template, you will also need the Chutzpah JavaScript Unit Test Runner installed. Chutzpah integrates your JavaScript Unit tests.
Scoop.it!
Chicago Boss is a web framework that you have not yet heard about. Once you do, it will change your expectations forever. This is a framework which has been built specifically with the intention of keeping operational costs low. Learn why this is important and how you can take advantage of it in your next project.
|
