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)
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