Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Learn AngularJS in a Weekend

DZone's Guide to

Learn AngularJS in a Weekend

· Web Dev Zone
Free Resource

Tips, tricks and tools for creating your own data-driven app, brought to you in partnership with Qlik.

AngularJS has been making waves in the web development community lately, and for those of you who haven't learned it yet and are interested in seeing what all the fuss is about, Joel Hooks wrote this thorough blog post that guides you through how to learn AngularJS in a weekend.

The first step is the AngularJS official tutorial. Hooks expects this tutorial to take you approximately four hours, but laments that the tutorial forces you to use the angular-seed project, which Hooks says is "fine for quickly throwing together a working AngularJS app, but ... doesn’t provide a structure that scales well in a production application."

The next step is three hours of free video tutorials on egghead.io. Hooks says that even after using Angular for a year, these tutorials helped him cement some concepts that he still hadn't mastered.

That's it for Saturday. On Sunday morning, Hooks walks you through a four-hour tour of angular-app, this is an example application with an Angular front-end and Node.js on the back-end. So if you're already familiar with Node (which you should be), this will be an excellent app for you to study and to learn from.

Finally, Hooks recommends that you spend four hours of your Sunday afternoon building your own app. It won't be particularly complicated (after all, you've only been doing this for a day and a half), but there's no better way to learn something than to try it yourself, right?

Read the detailed weekend syllabus and check out Hooks' other AngularJS posts here.

Explore data-driven apps with less coding and query writing, brought to you in partnership with Qlik.

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}