Angular.JS



Dustin Tauer
dustin@easelsolutions.com
@dtauer

The Plan

We'll be using the Infotec session scheduler as our
inspiration for our web appilcation

https://event.crowdcompass.com/infotec/multi-level-list/ScheduleByTrack/1




THE PLAN


Wednesday & Thursday: Class
Friday 8:00-12:00: Lab (or whatever)

Github Repo


http://github.com/dtauer/facultyacademy2014-angularjs

Links
Resources
Code

What We're Using

Tools
  • Editor: Notepad++
  • Local Server: XAMPP (MAMP on Mac)
  • Testing: Web Browser (Google Chrome)

Libraries
  • Angular JS
  • jQuery
  • Twitter Bootstrap (CSS)


WHAT WE'RE USING


  • HTML
  • CSS
  • JavaScript (Lots of this one)

Day 2

Angular Vocabulary

Controller: Logic working behind the scenes

Service: Script that retrieve data or pass data around in our application

Partials: HTML templates or pages


ANGULAR VOCABULARY

Directive: Custom HTML Tags or attributes
  • <subscribe-form></subscribe-form>
  • <divĀ user-type="admin"></div>






ANGULAR VOCABULARY

Filter: Script that selects a subset of items from an array. Often used with ng-repeat.

Route: Another name for URL
  • Traditional: http://localhost/infotec/tracks.html
  • Single-Page Design: http://localhost/infotec/#/tracks


AIM Faculty Academy 2014 - Angular JS

By Dustin Tauer

AIM Faculty Academy 2014 - Angular JS

  • 1,116