On-Demand Marketplace for Software Developers
If you don't know how to build applications with Javascript, be sure to take a look at our curated list for Javascript learning resources and go through some of the tutorials first. If you have some basic Javascript knowledge, here are a few resources you can use to get started with AngularJS.
AngularJS's official tutorial will guide you through the entire process of building a simple application, including writing and running unit and end-to-end tests. If you're the type who likes to learn a language through building actual applications, this will definitely help you get an idea of how AngualrJS works. Once you start building your independent applications, you can refer to the API Documentations
DevDocs provides a wealth of API documentations that range from Javascript, AngularJS, CoffeeScript, jQuery, HTML, CSS, Rails, and so much more. Overall is a great site that web developers would definitely find useful, as you can get pretty much all of your documentation needs in one place, and if you don't want to browse for what you want, you can always search for it.
This tutorial series will walk you through how to build an NPR audio player that will show the current stories on a show and play them in your browser. Other than that, ng-newsletter is a great resource to get up-to-date AngularJS tips and tricks.
With quality video tutorials, Egghead is without a doubt one of the best resources to learn AngularJS, and you can easily get started with their series through this guide for Angular newbies, and also learn how to build an AngularJS app from scratch. The site has enough free content for you to get familiar with Angular, and the paid videos should be well-worth your time if you want to dig deeper.
The author of this collection of AngularJS tutorials wrote the blog series while migrating the client of a complex enterprise application from Silverlight to HTML5/CSS/JavaScript using AngularJS as a framework.
This tutorial will walk you through creating a simple sports feed app using boilerplates and the Angular Seed project. The second part of this tutorial will teach you how to set up your project for unit testing and integrate your project with other tools such as Yeoman and Grunt.
If you learned your basic web development skills such as HTML, CSS, and Javascript from Codecademy and love the interactive way you learned how to code, then you can also give the AngularJS track a try. You won't be going through a step-by-step guide in building a specific application, but you'll learn the basic components and get to immediately see how your code works.
This concise tutorial for AngularJS has a focus on efficiency, and it will walk you through core components and concepts such as $scope hierarchy, events, AJAX, forms, custom directives, modularization & dependency Injection, routes, and more. The author, Jacob Jenkov, has published books about software development before.
This free course will walk you through how to use AngularJS to build a gem store, and the video tutorials come complete with interactive challenges that will help you better understand Angular.
Pluralsight is probably the first place to check out if you're interested in taking AngularJS courses online, as it has an excellent collection of series that are suitable for beginner through intermediate javascript/AngularJS developers. If you only have some basic Javascript knowledge, then this course is a good place to start.
This course contains 7 lessons that span 55:14, where it will introduce you to the core components of Angular and how they work together to build a complete application. In the course you'll build an address book web application from scratch.
This highly rated course on Udemy consists of 80 bite-sized lectures that span over 6 hours, and it comes with 6 quizzes. Aside from learning about the basic components and concepts of AngularJS, you'll learn how to build your own dynamic, animated single-page application by the end of this course.
This course will introduce you to AngularJS and walk you through setting it up and using it to build a directory search project with this course. You will also learn how to divide your project into modules; work with services like $http, $routeProvider, and animation; and set up deep linking and navigation. The first video is free, so you can give it a try to see if you like the teaching style.
With video tutorials that span over 7 hours, this course will teach you how to use AngularJS to build a smart restaurant waiting list, complete with using third-party services such as Firebase, Twilio, and Zapier. The application will be backed by a database, email notifications, text messages, and more, so if you're interested in getting down to business and learning through building, you may find this course quite helpful indeed.
Created by Codementor Dean Sofer, this quick Cheat Sheet has made the frontpage of Hacker News before, and beginners to AngularJS have found the cheat sheet immensely useful to getting started with AngularJS.
As a course instructor for pluralsight, John Papa is a conference speaker and the author of 100+ articles and 10 books, where he specializes in technologies including HTML5, JavaScript, CSS, Angular, etc. His blog should have some pretty useful and clearly written articles that will help out aspiring AngularJS developers get into a good habit.
It's best to get into the discipline of styling your code that others will find readable, and Todd's Style Guide has been highly recommended by many AngularJS developers. This styleguide touches on concepts, syntax, and conventions based on Todd's experience with building AngularJS applications.
Dan Wahlin is a consultant, conference speaker, and course instructor for technologies such as AngularJS, Javascript, and JQuery. He is the instructor for the Udemy course mentioned earlier, and his blog is pretty much dedicated to AngularJS and contains a wealth of useful tips for things such as directives.
Scotch is a neat site to get tips and tricks for web development, especially for AngularJS. The site also has some tips and tricks for Node.js, PHP, Laravel, CSS, Sublime Text and Git, so if you also happen to use some of those, this site should be right up your alley.
Ben's a senior UI Engineer at Netflix, and his blog serves as his learning journal. If you dig around a bit, you may find several useful articles that will benefit your own understanding of AngularJS
Although not updated frequently, this blog nonetheless have some pretty useful articles on AngularJS, and if you're looking about authentication-related tips, you may find this blog particularly helpful.
Now a AngularJS blogger on Sitepoint, Ravi's blog contains quite a few tips on AngularJS that you may find helpful.
This site contains some useful tips for those who are still learning AngularJS, and it has several articals on unit testing that should be quite useful indeed.
Considering the fact that Google developed AngularJS, naturally the web inspection tool for AngularJS they developed is pretty much mandatory to download. The Batarang extends the Chrome Developer Tools, adding tools for debugging and profiling AngularJS applications.
The best way to learn Javascript is by doing, and JSFiddle is an excellent place to play with your Javascript and other web development codes such as HTML and CSS. Through the site, which purports itself as a Web Playground, you can quickly fiddle with your code and share your results. The site also allows you to add in pretty much any Javascript library such as jQuery to test out your stuff, so you will definitely want to be using this site to test things.
With Yeoman's streamlined web development workflow, you can quickly and easily kickstart your AngularJS projects and save yourself from manually setting up anything, making web development much easier. Yeoman supports linting, testing, minification and much more, so developers can focus on solutions rather than worrying about the little things.
Another great way to kickstart your Angular projects and save time would be with ngBoilerplate. It's a clean, sophisticated build management system for web apps, complete with a best practice directory structure to ensure maximum code reuse.
Founded by Codementor Dean Sofer, AngularUI contains immensely helpful companion suites to the AngularJS framework. The UI Router, for example, is practically a must-have solution to flexible routing with nested views, and the UI Utils is also pretty handy.
A highly popular Javascript unit testing tool, Jasmine is a DOM-less and simple Behavior Driven Development testing framework that is suited for anywhere that Javascript can run. Many have praised it for it's easy-to-read syntaxes, and it's also easy to get started on. If you plan on learning Ruby on Rails or if you already know the language, you will likely find this tool especially useful thanks to the similarity of its syntax with RSpec.
Karma aims to bring a productive testing environment to developers, where it will give you instant feedback from your tests. This was developed by the AngularJS team, which speaks for itself.
If you want to build a mobile app version of the AngularJS website you've coded, you might want to look into PhoneGap, which makes building hybrid apps pretty easy. PhoneGap is powered by Cordova, which is also open source and pretty much the same thing as PhoneGap. If you need some more UI functionality with your hybrid apps, you can consider looking into Kendo UI Mobile, which will support AngularJS.