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.
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.
- Setting up AngularJS Workspace
- Simple Data Binding with AngularJS
- An Introduction to Controllers
- Writing Our First Directive
- Scope, Element and Attributes
- Directive Element Binding
- Directive to Directive Communication
- Directive Restrictions Explained
- Isolate Scope Part 1
- Isolate Scope Part 2
- Services and JSON
- Ng-Repeat
- Filters and Sorting
- Compile Part 1
- Compile Part 2
- Transclude
- Config, NgView and NgRoute
- Route Params
- Custom Provider
- Injectors and Invoke
- NgAnnotate and Minification
- NgDocs
- Starting The Single Page Website
- Setting Up Gulp
- Single Page Website App, Config and Module
- Making the Home Page
- Adding Content to the Home Page
- Making Our Marvel Phases Sub-Menu
- Parsing Upcoming Movies By Date
- Gulp Tasks for Sass
- Making Interior Pages
- Date and Currency Formatting
- Using Compile to Change Content
- Starting Our Webpage Contact Form
- Styling Our Contact Form
- Contact Form Controller
- Finishing Our Contact Form