https://github.com/swiip/talk-ui-router

Demo and slides for a talk on Angular UI Router
https://github.com/swiip/talk-ui-router

Last synced: about 2 months ago
JSON representation

Demo and slides for a talk on Angular UI Router

• Host: GitHub
• URL: https://github.com/swiip/talk-ui-router
• Owner: Swiip
• Created: 2013-07-07T07:09:50.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2013-07-25T07:56:40.000Z (over 11 years ago)
• Last Synced: 2024-10-15T13:27:09.964Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.43 MB
• Stars: 10
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Talk UI Router

==============

For the ngParis meetup of the July the 24th, 2013, I'll be presenting UI Router. This GitHub aims to contains demo and slides.

[AngularJS: We must go deeper](http:// www.meetup.com/AngularJS-Paris/events/126735742/)

Demo

----

For the demo, I choose to clone the very good code from [Year Of Moo](http://www.yearofmoo.com/) second article on Angular's animations.

This code base is great for animations but routing can be improved. I demonstrate this by including AngularJS UI Router to handle states while keeping animations working.

As I intend to work with as up to date as possible versions of libraries, you need to build AngularJS and UI Router which I installed in bower with their real GitHub repository.

        npm install

        bower install

        cd app/bower_components/angular.js

        grunt

        cd ../ui-router

        grunt

Modifications which as been made :

* Merge code with fresh 0.3.0 ``yo angular`` code base

* Replace ?q=search by ui router state #/q/{search}

* Replace appFocus directive by nested route /focus/{id} wiring same animations with ui-view and ng-show

Feature lost (at that point) : opening of the focus on the same line as the thumbnail.

Slides

------

Slides are made with [RevealJS](https://github.com/hakimel/reveal.js)

I wrote the slides in english even if the talk will be in french