Example Code for Google talk on 30/7/13
Speakers
Maximilian Hoffmann Web developer at Fidelity Ireland. Currently studying Computer Applications in DCU. 1 year of professional experience in web development using Open Source powered technologies like Ruby, Ruby on Rails, CoffeeScript, RSpec, Jasmine, etc.
Will Brennan Developer at Publicis D Healthcare. Recently started working at Publicis, on web applications and native iOS apps.
Ravi Chodavarapu Ravi is a software consultant, working in the Java ecosystem for 7 years - primarily on enterprise applications built with JEE technologies, and software tools built with the Eclipse SDK.
Talks
A Taste of AngularJS - we will show you how to build an app the AngularJS way
Title of Talk 1 Basics of AngularJS Introduction to AngularJS concepts.
Title of Talk 2 Making it modular We will walk through the tools AngularJS gives you to organize your application into modules. We will also see how to create re-usable components using directives.
Title of Talk 3 AngularJS in depth How to properly test your front-end application, and how to define animations in AngularJS using a unique approach (the angular way of thinking).
Repos https://github.com/Goldgram/AngularJS-Talk https://github.com/angular/angular-seed
Discussion
- Bindings
- AngularJS extends HTML
- Dynamic Views without handling DOM elements
- Code reduction
- Directives (Built-In)
- Change behavior of existing or new elements
- Element functionality
- customise HTML elements
- Build in directives
- Controllers and Scope
- Controller directs data to the model
- Boundaries of scope
- defining scope variable
- MVC
- Front End MVC
- Dynamic loading
- only load what's necessary
- grouping functionality by controller
- Modules & Dependency Injection
- Introduction to Modules
- Not Asynchronous Loading (can be combined with RequireJS)
- Introduction to Dependency Injection
- Factory Methods
- Config Blocks, Run Blocks
- injector
- Use in hawtio (build a hawtio module)
- Directives (creating them)
- Compilation process
- Basic directive
- Scopes and directives
- Linking function
- AngularJS/Bootstrap - Angular UI
- Services/Filters
- Where can services be useful
- Mock services for testing
- Use unix-like pipes for filtering in ng-repeat expressions
- Testing
- Jasmine Framework (RSpec like)
- Controller testing
- Behaviour driven tests
- Mocking service calls (for faster test suites)
- ng-animate
- Animations based on CSS3 transitions (or jQuery)
- Trigger animations through HTML attributes
Try it out
Clone the repository and use any webserver (e.g. apache, nginx) and mount the app at /app and make sure the server serves app/index.html through HTTP