with yeoman angularjs made easy - berlin expert...
TRANSCRIPT
![Page 1: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/1.jpg)
AngularJS made easy with Yeoman
![Page 2: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/2.jpg)
Who am I? And what am I doing?
Andreas Lüdeke@aluedeke
![Page 3: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/3.jpg)
What I am talking about today
WebDevelopment @ TestObject
AngularJS
Yeoman
Dropbox Demo App
![Page 4: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/4.jpg)
WebDevelopment @
● Where we came from:○ very experienced with JSF and JSP○ very experienced Java Developers○ unexperienced with JavaScript○ unexperienced with Html5
● What we wanted:○ Desktop like UX○ fast development cycle○ automated build and tests○ "guided development"
![Page 5: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/5.jpg)
Results @
![Page 6: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/6.jpg)
Results @
![Page 7: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/7.jpg)
Angular... What?
"AngularJS is what HTML would have been, had it been designed for building
web-apps."
![Page 8: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/8.jpg)
AngularJS Features
● declarative templates
● data-binding
● MVW, MVVM, MVC
● dependency injection
● great testability story
pure client-side JavaScript!
![Page 9: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/9.jpg)
Yeoman... What?
"Yeoman 1.0 ... is a collection of tools and best practices working in harmony to
make developing for the web even better."
![Page 10: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/10.jpg)
Yeoman Toolset
![Page 11: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/11.jpg)
Yeoman Toolset
● Scaffolding● not only for AngularJS
● JavaScript TaskRunneraka build and preview tool
● package manager for HTML, CSS and JavaScript
![Page 12: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/12.jpg)
Yeoman Toolset
● Scaffolding● not only for AngularJS
● JavaScript TaskRunneraka build and preview tool
● package manager for HTML, CSS and JavaScript
![Page 13: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/13.jpg)
Yeoman Toolset
● Scaffolding● not only for AngularJS
● JavaScript TaskRunneraka build and preview tool
● package manager for HTML, CSS and JavaScript
![Page 14: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/14.jpg)
Let's DEMO
![Page 15: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/15.jpg)
More features? YES!!!
● Testacular aka Karma
● AJAX Support
● active community
● great documentation
best UI Framework we have ever seen
![Page 16: with Yeoman AngularJS made easy - Berlin Expert Daysbed-con.org/2013/files/slides/AngularJS_made_easy_with_Yeoman.pdf · AngularJS made easy with Yeoman. Who am I? And what am I doing?](https://reader035.vdocuments.us/reader035/viewer/2022070721/5ee32938ad6a402d666d358a/html5/thumbnails/16.jpg)
END
www.angularjs.org
https://plus.google.com/+AngularJS
www.yeoman.io
github.com/aluedeke/bedcon2013-demo
www.ludeke.net