Accio Code Tutorials: AngularJS#

Updated: 2-10-16

This tutorial series for AccioCode will show how to use the basics of AngularJS. You will learn how to make a simple web page and a simple web application.

What is AngularJS

AngularJS is an open-source framework in JavaScript. It was created and maintained by Google as an alternative to other JavaScript frameworks to make single-page applications easier.

It is an MVC (Model-View-Controller) framework so a brief understanding of MVC is suggested, but not required, to use this tutorial.

Course Videos

1. Setting up AngularJS Workspace
2. Simple Data Binding with AngularJS
3. An Introduction to Controllers
4. Writing Our First Directive
5. Scope, Element and Attributes
6. Directive Element Binding
7. Directive to Directive Communication
8. Directive Restrictions Explained
9. Isolate Scope Part 1
10. Isolate Scope Part 2
11. Services and JSON
12. Ng-Repeat
13. Filters and Sorting
14. Compile Part 1
15. Compile Part 2
16. Transclude
17. Config, NgView and NgRoute
18. Route Params
19. Custom Provider
20. Injectors and Invoke
21. NgAnnotate and Minification
22. NgDocs
23. Starting The Single Page Website
24. Setting Up Gulp
25. Single Page Website App, Config and Module
26. Making the Home Page
27. Adding Content to the Home Page
28. Making Our Marvel Phases Sub-Menu
29. Parsing Upcoming Movies By Date
30. Gulp Tasks for Sass
31. Making Interior Pages
32. Date and Currency Formatting
33. Using Compile to Change Content
34. Starting Our Webpage Contact Form
35. Styling Our Contact Form
36. Contact Form Controller
37. Finishing Our Contact Form