4 Steps to learning AngularJS for the Enterprise

Getting started with AngularJS as a .NET developer doesn’t need to be scary. Many developers, including myself, have been through the pain already and left behind a wealth of information. I strongly encourage you to dive straight in and use the following resources to come up to speed quickly.

AngularJS is a client-side javascript framework that enables the creation of impressively dynamic user interfaces. It strives to remove the tedium of manipulating DOM elements by abstracting many common functions such as showing/hiding, updating content and injecting/removing elements.

1. Watch Ben Cull write some code as he transforms a rigid MVC web application into a dynamic pleasure using AngularJS.



1. Watch this DevSuper Powers video http://www.ssw.com.au/ssw/Events/Webinars/DevSuperpowers-AngularJS.aspx

2. Do you save time using a template to bootstrap your AngularJS apps?

Using a template to start your application off can help save time and follow best practices. Hot Towel Angular creates a great starting point for building a Single Page Application (SPA). Out of the box it provides a modular structure for your code, view navigation, data binding, separation of services, and simple but elegant styling. Hot Towel provides everything you need to build a SPA, so you can focus on your app, not the plumbing.

  1. Watch this video on John Papa's Hot Towel Template How to Use Hot Towel Angular with Duncan Hunter

  2. Go to this link and follow the instructions to install the template https://github.com/johnpapa/HotTowel-Angular

3. Do you follow a style guide when building applications with AngularJS

Following an opinionated style guide for syntax, conventions, and structuring AngularJS application can help teams implement best practices and save time learning from other peoples mistakes. The purpose of this style guide is to provide guidance on building AngularJS applications by showing the conventions John Papa uses and more importantly, why he uses them.

  1. Read AngularJS Style Guide Opinionated AngularJS style guide for teams by @john_papa

4. Do you use TypeScript with your AngularJS applications?

When AngularJS applications move beyond a micro size and into a larger amount of files, structure and maintenance rapidly increase in importance. Adding TypeScript to the mix can provide big benefits to a team working on the application.

This course will walk through how to write AngularJS code using TypeScript, covering everything from the config and run phases through all of the provider types in AngularJS. It will also deep dive into specific scenarios to reveal potential gotchas, as well as development workflow gains when using TypeScript in an AngularJS application. By the end of the course, you will have learned and been exposed to enough of what that experience is like to be able to determine if TypeScript is right for your AngularJS project and team.

  1. Watch this coursehttp://www.pluralsight.com/courses/using-typescript-large-angularjs-apps
Tweet Post Share Update Email RSS

Hi, I'm Duncan Hunter, I write this blog, work as a Software Architect in Australia, create courses for Pluralsight, travel the world speaking at events and training technology professionals.