7

Click here to load reader

AngularJs and bootstrap by Marco Amadori

Embed Size (px)

DESCRIPTION

Get the code at: https://github.com/marchitos/AngularJS-Bootstrap Introduzione all'utilizzo di AngularJs e Bootstrap per lo sviluppo di single web page app by Marco Amadori at Vivocha Tech Evenings 2014

Citation preview

Page 1: AngularJs and bootstrap by Marco Amadori

AngularJS + BootstrapMarco Amadori

@marchitos

Page 2: AngularJs and bootstrap by Marco Amadori

Lunch O’Clock

• Piattaforma di Rating dei ristoranti in cui andiamo in pausa pranzo

• Client: AngularJS + Bootstrap

• Server: NodeJS + Express + MongoDB

Page 3: AngularJs and bootstrap by Marco Amadori

AngularJS http://angularjs.org

Directives (ng-app, ng-module, ng-repeat…)

Filters (filter, orderBy, uppercase, currency…)

Modules and Controllers

Routes ($routeProvider)

Factories

Page 4: AngularJs and bootstrap by Marco Amadori

Bootstrap http://angular-ui.github.io/bootstrap/

http://getbootstrap.com/

• responsive and mobile first

• bootstrap for angular (ui.bootstrap)

Page 5: AngularJs and bootstrap by Marco Amadori

Let’s code!!!https://github.com/marchitos/AngularJS-Bootstrap

Page 6: AngularJs and bootstrap by Marco Amadori

What’s next

• Forms

• Custom Directives

• Watchers

• More…

Page 7: AngularJs and bootstrap by Marco Amadori

Q & A & Beerhttp://facebook.com/VivochaLabs