Design your way

Monday, February 3, 2014

JavaScript, and JavaScript development has come a long way since the early days. Time and circumstance have been kind to the platform, and recent changes, specifically the addition of such modern frameworks as Knockout, Backbone, and AngularJS have really raised the bar, ushering in an era of maturity and sophistication that we’ve simply never seen before now.


Regardless of the differences inherent in the various frameworks mentioned, they all share the same common theme. They all have one overriding goal: To make it easier/simpler/faster to build robust web based applications.


AngularJS seems to extend and expand HTML’s horizons in such a way that it remains accessible to new developers, while offering new and more advanced features to appeal to those who are more experienced.


Here’s a case in point: You can use HTML to define and describe a static document, no problem, however, when you start looking at, and thinking of that document in terms of views, HTML breaks down.


It was simply never designed with this functionality in mind. AngularJS approaches this problem not by hiding or subverting HTML and CSS (or abstracting away from these), but rather, bolsters, strengthens and extends them so that they become suitable for describing and displaying dynamic views.


The end result is really the best of both worlds. You get a JS programming style that retains its clear and concise nature, while operating inside the confines of a workflow that is familiar to web developers at any level.


One thing you’ll quickly notice about other Javascript frameworks is that they tend to branch off in one of two directions. Either they focus on simplicity and ease of use, which is awesome from the perspective of a new developer, but leaves you wanting more if you’re looking to build a more complex app, or they’ll focus on being feature rich, even if it means having to write lots and lots of code to accomplish even simple tasks.


Again, Angular JS gets high marks for finding a third way. It retains a level of simplicity that makes it accessible to the newly trained developer, while offering a more sophisticated suite of features for those with more advanced needs.


In addition to the above, you’ll note the following key features of Angular JS:



  • It helps organize your work by defining your application via “modules” from which, dependencies can be created.

  • It expands the power of HTML by allowing you to create templates via the definition of new attributes, tags, and expressions

  • It encapsulates the behavior of your application controllers

  • Thanks to the use of dependency injection, testing and properly structuring your JS code becomes quite easy


Below, you’ll find some resources, tutorials, and other materials that will be of use to you on your journey to learning AngularJS.


Tutorials


AngularJS Official Tutorial

AngularJS Official Tutorial



Getting started with AngularJS

Getting started with AngularJS


Introduction to Angular JS


Everything you need to understand to start with AngularJS

Everything you need to understand to start with AngularJS


AngularJS Tutorial for Designers

AngularJS Tutorial for Designers


8 Tips for Angular.js Beginners

8 Tips for Angular.js Beginners


Ultimate guide to learning AngularJS in one day

Ultimate guide to learning AngularJS in one day


AngularJS Tutorial – Learn AngularJS in 30 minutes

AngularJS Tutorial – Learn AngularJS in 30 minutes


5 Awesome AngularJS Features

5 Awesome AngularJS Features


Learn AngularJS With These 5 Practical Examples

Learn AngularJS With These 5 Practical Examples


AngularJS: An Overview

AngularJS: An Overview


Building a Web App From Scratch in AngularJS

Building a Web App From Scratch in AngularJS


AngularJS Controller Tutorial with Example

AngularJS Controller Tutorial with Example


Why Does Angular.js Rock?

Why Does Angular.js Rock?


Things I have learned working with AngularJS

Things I have learned working with AngularJS


AngularJS for jQuery Developers

AngularJS for jQuery Developers


More AngularJS Magic to Supercharge your Webapp

More AngularJS Magic to Supercharge your Webapp


HTML5 local storage with Angular JS

HTML5 local storage with Angular JS


Fun with AngularJS

Fun with AngularJS


How to use AngularJS with NgAnimate

How to use AngularJS with NgAnimate


ng-tutorial

ng-tutorial


Learn AngularJS from the best

Learn AngularJS from the best


Single Page Apps with AngularJS Routing and Templating

Single Page Apps with AngularJS Routing and Templating


AngularJS YouTube page

AngularJS YouTube page


Bite-sized web development training with AngularJS

Bite-sized web development training with AngularJS


AngularJS Fundamentals In 60-ish Minutes


End to End with Angular JS


Resources


AngularJS Cheat Sheet

AngularJS Cheat Sheet


UI Bootstrap

UI Bootstrap


Angular Kendo UI

Angular Kendo UI


AngularStrap

AngularStrap


Angular Foundation

Angular Foundation


AngularUI

AngularUI


AngularJS Batarang

AngularJS Batarang


AngularJS + Firebase

AngularJS + Firebase








Source: http://ift.tt/1bUT4aN

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading