Kensho/ng-describe. A weekly newsletter highlighting everything AngularJS. Easy Form Validation in AngularJS with ngMessages by @thomasjosephgreco Last fall, the ngMessages module was rolled out with the release of Angular 1.3.
This added enhanced support for displaying messages to the user — typically error messages from form validation. Before the release of ngMessages, developers were forced to rely on directives such as ng-class and ng-show to display these errors. Angular Air Episode 27: Performance, testing and everything in-between. Using AngularJS for Data Visualisations. The following is a guest post by Nick Moreton.
I gotta say I find this idea rather intriguing. I know that I love working in HTML, SVG, and CSS, so when Nick shares that we can use that for structure and use the data directly to style a chart, that appeals to me. And then to know that, because you're using Angular, the chart can automatically change when the data changes... that's just dang cool. As soon as I began playing around with AngularJS it struck me that its ability to grab data and use it directly in markup could offer a real quick and simple way to create data visualizations.
In this tutorial I will run through creating three different sorts of charts using both inline CSS and SVG. Optimizing AngularJS: 1200ms to 35ms - Scalyr Blog. Edit: Due to the level of interest, we’ve released the source code to the work described here: Here at Scalyr, we recently embarked on a full rewrite of our web client.
Our application is a broad-spectrum monitoring and log analysis tool. Our home-grown log database executes most queries in tens of milliseconds, but each interaction required a page load, taking several seconds for the user. A single-page application architecture promised to unlock the backend’s blazing performance, so we began searching for an appropriate framework, and identified AngularJS as a promising candidate. Following the “fail fast” principle, we began with our toughest challenge, the log view. Pasvaz/bindonce. Localytics Engineering Blog // Tips & Tricks for debugging unfamiliar AngularJS code. You've been given an Angular code base.
How do you figure out where everything is? Where scope variables are coming from? What controller does what? Angular doesn't make it easy, but there are few tips and tricks that can make your life easier. Getting Started with Express.js - Video Tutorial Series @eggheadio. AngularJS for Test-Driven Development: Open Assignment - Tuts+ Code Tutorial.
Welcome to a new Tuts+ open assignment.
This time I'm challenging you to complete the test cases for Contactacle: The Ironclad Address Book. This AngularJS contact management app was the course project for the new Tuts+ course AngularJS for Test-Driven Development by Daniel Stern, available to all Tuts+ subscribers. If you want to brush up on your skills in test-driven development for Angular, try your hand at the assignment and share your results with the Tuts+ community! Take a look at this video to find out more. Just fork the course repository and get writing tests. Go ahead and peek at Daniel's own solution if you get stuck! Write Your Angular 1.x Applications in an Angular 2 Style. As the Angular team is making progress towards a “beta” version of Angular 2, it’s time to think seriously about your transition plan.
This was just over a week after the Atlanta Code Camp, when I presented Let’s Build an Angular App! Many of the attendees are local and might have attended both events so I wanted to make something unique. It was then I realized that most Angular articles and presentations I see tend to walk through the Angular API. Did you know Angular has a factory? An Unconventional Review of AngularJS. AngularJS is everything I expect from a framework.
Mastering MEAN: Introducing the MEAN stack. Develop and deploy your nextapp on the IBM Bluemixcloud platform.
Start your free trial In his 2002 book, David Weinberger described the burgeoning web's content as a collection of Small Pieces Loosely Joined. That metaphor stuck with me, because it's easy to get tricked into thinking of the web as a monolithic technology stack. Actually, every website you visit is the product of a unique mixture of libraries, languages, and web frameworks. One of the earliest collections of open source web technologies to gain prominence is the LAMP stack: Linux® for the operating system, Apache for the web server, MySQL for the database, and Perl (or Python, or PHP) for the programming language used to generate the HTML-based web pages. An emerging stack that's gaining much attention and excitement in the web community is the MEAN stack: MongoDB, Express, AngularJS, Node.js. “Every website you visit is the product of a unique mixture of libraries, languages, and web frameworks.”
The 80/20 Guide to Writing AngularJS Directives. AngularJS is blowing up right now, and with good reason. There’s nothing more satisfying than using AngularJS to turn 1,000 messy lines of Backbone.js and jQuery spaghetti code into a trivial 10 lines. To put it in a broader context, you can think of AngularJS’ place in the world this way: AngularJS is to jQuery as C++11 is to x86 Assembly.
However, your quest to capture all the wonderful benefits of AngularJS may be hindered because the documentation is a bit difficult to wrap your mind around. In particular, many readers have told me that the documentation for directives is pretty intimidating, and a lot of experienced users still don’t quite grok how to use them properly. First of all, let’s take a moment to recognize that you’re almost certainly not the only one confused.
AngularJS vs. Backbone.js vs. Ember.js.