Submit Search
Upload
AngularJS at PyVo
•
2 likes
•
2,215 views
Ladislav Prskavec
Follow
Short introduction to AngularJS framework.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 12
Download now
Download to read offline
Recommended
Angular js
Angular js
Steve Fort
AngularJS for Legacy Apps
AngularJS for Legacy Apps
Peter Drinnan
Webpack packing it all
Webpack packing it all
Criciúma Dev
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Pablo Godel
Webpack
Webpack
Sofian Hadiwijaya
Biwug
Biwug
akshay_ankur
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
tdc-globalcode
Jquery Cheatsheet
Jquery Cheatsheet
Daniel Downs
Recommended
Angular js
Angular js
Steve Fort
AngularJS for Legacy Apps
AngularJS for Legacy Apps
Peter Drinnan
Webpack packing it all
Webpack packing it all
Criciúma Dev
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Pablo Godel
Webpack
Webpack
Sofian Hadiwijaya
Biwug
Biwug
akshay_ankur
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
tdc-globalcode
Jquery Cheatsheet
Jquery Cheatsheet
Daniel Downs
Our application got popular and now it breaks
Our application got popular and now it breaks
ColdFusionConference
jQuery Conference San Diego 2014 - Web Performance
jQuery Conference San Diego 2014 - Web Performance
dmethvin
Vuejs for Angular developers
Vuejs for Angular developers
Mikhail Kuznetcov
AngularJS performance & production tips
AngularJS performance & production tips
Nir Kaufman
High Performance Snippets
High Performance Snippets
Steve Souders
The Future of CSS with Web Components
The Future of CSS with Web Components
ColdFusionConference
Desenvolvimento web com jQuery Mobile
Desenvolvimento web com jQuery Mobile
Pablo Garrido
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
beyond tellerrand
JavaFX meetup
JavaFX meetup
Eduard Drenth
The Point of Vue - Intro to Vue.js
The Point of Vue - Intro to Vue.js
Holly Schinsky
AngularJs advanced Topics
AngularJs advanced Topics
Amr Abd El Latief
Rapid Testing, Rapid Development
Rapid Testing, Rapid Development
mennovanslooten
Angular js slides
Angular js slides
Amr Abd El Latief
Design+Performance Velocity 2015
Design+Performance Velocity 2015
Steve Souders
Calender
Calender
Robart Rathinam
Require js
Require js
Nirbhay Kundan
Introduction à AngularJS
Introduction à AngularJS
Nicolas PENNEC
OSCON 2014: OpenUI5 - The New Responsive Web UI Library
OSCON 2014: OpenUI5 - The New Responsive Web UI Library
Andreas Kunz
Unobtrusive javascript
Unobtrusive javascript
Lee Jordan
orcreatehappyusers
orcreatehappyusers
tutorialsruby
PragueJS meetups 30th anniversary
PragueJS meetups 30th anniversary
Ladislav Prskavec
How to easy deploy app into any cloud
How to easy deploy app into any cloud
Ladislav Prskavec
More Related Content
What's hot
Our application got popular and now it breaks
Our application got popular and now it breaks
ColdFusionConference
jQuery Conference San Diego 2014 - Web Performance
jQuery Conference San Diego 2014 - Web Performance
dmethvin
Vuejs for Angular developers
Vuejs for Angular developers
Mikhail Kuznetcov
AngularJS performance & production tips
AngularJS performance & production tips
Nir Kaufman
High Performance Snippets
High Performance Snippets
Steve Souders
The Future of CSS with Web Components
The Future of CSS with Web Components
ColdFusionConference
Desenvolvimento web com jQuery Mobile
Desenvolvimento web com jQuery Mobile
Pablo Garrido
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
beyond tellerrand
JavaFX meetup
JavaFX meetup
Eduard Drenth
The Point of Vue - Intro to Vue.js
The Point of Vue - Intro to Vue.js
Holly Schinsky
AngularJs advanced Topics
AngularJs advanced Topics
Amr Abd El Latief
Rapid Testing, Rapid Development
Rapid Testing, Rapid Development
mennovanslooten
Angular js slides
Angular js slides
Amr Abd El Latief
Design+Performance Velocity 2015
Design+Performance Velocity 2015
Steve Souders
Calender
Calender
Robart Rathinam
Require js
Require js
Nirbhay Kundan
Introduction à AngularJS
Introduction à AngularJS
Nicolas PENNEC
OSCON 2014: OpenUI5 - The New Responsive Web UI Library
OSCON 2014: OpenUI5 - The New Responsive Web UI Library
Andreas Kunz
Unobtrusive javascript
Unobtrusive javascript
Lee Jordan
orcreatehappyusers
orcreatehappyusers
tutorialsruby
What's hot
(20)
Our application got popular and now it breaks
Our application got popular and now it breaks
jQuery Conference San Diego 2014 - Web Performance
jQuery Conference San Diego 2014 - Web Performance
Vuejs for Angular developers
Vuejs for Angular developers
AngularJS performance & production tips
AngularJS performance & production tips
High Performance Snippets
High Performance Snippets
The Future of CSS with Web Components
The Future of CSS with Web Components
Desenvolvimento web com jQuery Mobile
Desenvolvimento web com jQuery Mobile
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
JavaFX meetup
JavaFX meetup
The Point of Vue - Intro to Vue.js
The Point of Vue - Intro to Vue.js
AngularJs advanced Topics
AngularJs advanced Topics
Rapid Testing, Rapid Development
Rapid Testing, Rapid Development
Angular js slides
Angular js slides
Design+Performance Velocity 2015
Design+Performance Velocity 2015
Calender
Calender
Require js
Require js
Introduction à AngularJS
Introduction à AngularJS
OSCON 2014: OpenUI5 - The New Responsive Web UI Library
OSCON 2014: OpenUI5 - The New Responsive Web UI Library
Unobtrusive javascript
Unobtrusive javascript
orcreatehappyusers
orcreatehappyusers
Viewers also liked
PragueJS meetups 30th anniversary
PragueJS meetups 30th anniversary
Ladislav Prskavec
How to easy deploy app into any cloud
How to easy deploy app into any cloud
Ladislav Prskavec
CI and CD
CI and CD
Ladislav Prskavec
Docker - modern platform for developement and operations
Docker - modern platform for developement and operations
Ladislav Prskavec
Serverless Architecture
Serverless Architecture
Ladislav Prskavec
Datascript: Serverless Architetecture
Datascript: Serverless Architetecture
Ladislav Prskavec
GDGSCL - Docker a jeho provoz v Heroku a AWS
GDGSCL - Docker a jeho provoz v Heroku a AWS
Ladislav Prskavec
Viewers also liked
(7)
PragueJS meetups 30th anniversary
PragueJS meetups 30th anniversary
How to easy deploy app into any cloud
How to easy deploy app into any cloud
CI and CD
CI and CD
Docker - modern platform for developement and operations
Docker - modern platform for developement and operations
Serverless Architecture
Serverless Architecture
Datascript: Serverless Architetecture
Datascript: Serverless Architetecture
GDGSCL - Docker a jeho provoz v Heroku a AWS
GDGSCL - Docker a jeho provoz v Heroku a AWS
Similar to AngularJS at PyVo
Angular js
Angular js
Eueung Mulyana
JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)
Steve Souders
JavaScript Perfomance
JavaScript Perfomance
Anatol Alizar
AngularJS: an introduction
AngularJS: an introduction
Luigi De Russis
Html5 drupal7 with mandakini kumari(1)
Html5 drupal7 with mandakini kumari(1)
Mandakini Kumari
CSS framework By Palash
CSS framework By Palash
PalashBajpai
AngularJS interview questions
AngularJS interview questions
Uri Lukach
Course CodeSchool - Shaping up with Angular.js
Course CodeSchool - Shaping up with Angular.js
Vinícius de Moraes
Enough with the JavaScript already!
Enough with the JavaScript already!
Nicholas Zakas
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
crokitta
Html5 & less css
Html5 & less css
Graham Johnson
Web-Performance
Web-Performance
Walter Ebert
Taking your Web App for a walk
Taking your Web App for a walk
Jens-Christian Fischer
Enough with the javas cript already! de Nicholas Zakas
Enough with the javas cript already! de Nicholas Zakas
Kubide
AngularJS Mobile Warsaw 20-10-2014
AngularJS Mobile Warsaw 20-10-2014
Dariusz Kalbarczyk
AngularJs Superheroic JavaScript MVW Framework Services by Miracle Studios
AngularJs Superheroic JavaScript MVW Framework Services by Miracle Studios
Learnimtactics
A High-Performance Solution To Microservices UI Composition
A High-Performance Solution To Microservices UI Composition
Alexey Gravanov
Upload[1]
Upload[1]
mirjana stojanova
crtical points for customizing Joomla templates
crtical points for customizing Joomla templates
amit das
243329387 angular-docs
243329387 angular-docs
Abhi166803
Similar to AngularJS at PyVo
(20)
Angular js
Angular js
JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)
JavaScript Perfomance
JavaScript Perfomance
AngularJS: an introduction
AngularJS: an introduction
Html5 drupal7 with mandakini kumari(1)
Html5 drupal7 with mandakini kumari(1)
CSS framework By Palash
CSS framework By Palash
AngularJS interview questions
AngularJS interview questions
Course CodeSchool - Shaping up with Angular.js
Course CodeSchool - Shaping up with Angular.js
Enough with the JavaScript already!
Enough with the JavaScript already!
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
Html5 & less css
Html5 & less css
Web-Performance
Web-Performance
Taking your Web App for a walk
Taking your Web App for a walk
Enough with the javas cript already! de Nicholas Zakas
Enough with the javas cript already! de Nicholas Zakas
AngularJS Mobile Warsaw 20-10-2014
AngularJS Mobile Warsaw 20-10-2014
AngularJs Superheroic JavaScript MVW Framework Services by Miracle Studios
AngularJs Superheroic JavaScript MVW Framework Services by Miracle Studios
A High-Performance Solution To Microservices UI Composition
A High-Performance Solution To Microservices UI Composition
Upload[1]
Upload[1]
crtical points for customizing Joomla templates
crtical points for customizing Joomla templates
243329387 angular-docs
243329387 angular-docs
More from Ladislav Prskavec
SRE in Apiary
SRE in Apiary
Ladislav Prskavec
Modern Web Architecture<br>based on JS, API and Markup
Modern Web Architecture<br>based on JS, API and Markup
Ladislav Prskavec
How you can kill Wordpress!
How you can kill Wordpress!
Ladislav Prskavec
SRE in Startup
SRE in Startup
Ladislav Prskavec
CI and CD
CI and CD
Ladislav Prskavec
AWS Elastic Container Service
AWS Elastic Container Service
Ladislav Prskavec
Comparison nodejs frameworks using Polls API
Comparison nodejs frameworks using Polls API
Ladislav Prskavec
Docker Elastic Beanstalk
Docker Elastic Beanstalk
Ladislav Prskavec
Docker včera, dnes a zítra
Docker včera, dnes a zítra
Ladislav Prskavec
Tessel is a microcontroller that runs JavaScript.
Tessel is a microcontroller that runs JavaScript.
Ladislav Prskavec
Docker.io
Docker.io
Ladislav Prskavec
Docker.io
Docker.io
Ladislav Prskavec
AngularJS
AngularJS
Ladislav Prskavec
Firebase and AngularJS
Firebase and AngularJS
Ladislav Prskavec
Tvorba javascriptové aplikace v AngularJS pomocí Apiary.io
Tvorba javascriptové aplikace v AngularJS pomocí Apiary.io
Ladislav Prskavec
Postavte zeď mezi svoje vývojáře
Postavte zeď mezi svoje vývojáře
Ladislav Prskavec
Grunt.js
Grunt.js
Ladislav Prskavec
Javascript Continues Integration in Jenkins with AngularJS
Javascript Continues Integration in Jenkins with AngularJS
Ladislav Prskavec
Deployment prakticky
Deployment prakticky
Ladislav Prskavec
Barcamp2010
Barcamp2010
Ladislav Prskavec
More from Ladislav Prskavec
(20)
SRE in Apiary
SRE in Apiary
Modern Web Architecture<br>based on JS, API and Markup
Modern Web Architecture<br>based on JS, API and Markup
How you can kill Wordpress!
How you can kill Wordpress!
SRE in Startup
SRE in Startup
CI and CD
CI and CD
AWS Elastic Container Service
AWS Elastic Container Service
Comparison nodejs frameworks using Polls API
Comparison nodejs frameworks using Polls API
Docker Elastic Beanstalk
Docker Elastic Beanstalk
Docker včera, dnes a zítra
Docker včera, dnes a zítra
Tessel is a microcontroller that runs JavaScript.
Tessel is a microcontroller that runs JavaScript.
Docker.io
Docker.io
Docker.io
Docker.io
AngularJS
AngularJS
Firebase and AngularJS
Firebase and AngularJS
Tvorba javascriptové aplikace v AngularJS pomocí Apiary.io
Tvorba javascriptové aplikace v AngularJS pomocí Apiary.io
Postavte zeď mezi svoje vývojáře
Postavte zeď mezi svoje vývojáře
Grunt.js
Grunt.js
Javascript Continues Integration in Jenkins with AngularJS
Javascript Continues Integration in Jenkins with AngularJS
Deployment prakticky
Deployment prakticky
Barcamp2010
Barcamp2010
Recently uploaded
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
lior mazor
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Recently uploaded
(20)
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
AngularJS at PyVo
1.
PyVo #26 Ladislav Prskavec @abtris http://blog.prskavec.net
2.
Actual versions • 1.0.6
- stable • 1.1.4 - unstable (animations) http://blog.angularjs.org/2012/07/angularjs-10-12- roadmap.html
3.
Basics 1. <!doctype html> 2.
<html ng-app> 3. <head> 4. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 5. </head> 6. <body> 7. <div> 8. <label>Name:</label> 9. <input type="text" ng-model="yourName" placeholder="Enter a name here"> 10. <hr> 11. <h1>Hello {{yourName}}!</h1> 12. </div> 13. </body> 14.</html> http://jsfiddle.net/abtris/5wHdq/
4.
Add Some Control 1.
<!doctype html> 2. <html ng-app> 3. <head> 4. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 5. <script src="todo.js"></script> 6. <link rel="stylesheet" href="todo.css"> 7. </head> 8. <body> 9. <h2>Todo</h2> 10. <div ng-controller="TodoCtrl"> 11. <span>{{remaining()}} of {{todos.length}} remaining</span> 12. [ <a href="" ng-click="archive()">archive</a> ] 13. <ul class="unstyled"> 14. <li ng-repeat="todo in todos"> 15. <input type="checkbox" ng-model="todo.done"> 16. <span class="done-{{todo.done}}">{{todo.text}}</span> 17. </li> 18. </ul> 19. <form ng-submit="addTodo()"> 20. <input type="text" ng-model="todoText" size="30" 21. placeholder="add new todo here"> 22. <input class="btn-primary" type="submit" value="add"> 23. </form> 24. </div> 25. </body> 26. </html>
5.
Add Some Control 1.
function TodoCtrl($scope) { 2. $scope.todos = [ 3. {text:'learn angular', done:true}, 4. {text:'build an angular app', done:false}]; 5. 6. $scope.addTodo = function() { 7. $scope.todos.push({text:$scope.todoText, done:false}); 8. $scope.todoText = ''; 9. }; 10. 11. $scope.remaining = function() { 12. var count = 0; 13. angular.forEach($scope.todos, function(todo) { 14. count += todo.done ? 0 : 1; 15. }); 16. return count; 17. }; 18. 19. $scope.archive = function() { 20. var oldTodos = $scope.todos; 21. $scope.todos = []; 22. angular.forEach(oldTodos, function(todo) { 23. if (!todo.done) $scope.todos.push(todo); 24. }); 25. }; 26. } 1. .done-true { 2. text-decoration: line-through; 3. color: grey; 4. } http://jsfiddle.net/abtris/jqAKw/
6.
Directives libraries • https://github.com/lmc-eu/ngx-library •
http://angular-ui.github.io/bootstrap/ • http://angular-ui.github.io/ng-grid/ • http://angular-ui.github.io/
7.
Backend wiring • https://github.com/mgonto/restangular •
Ruby on Rails • CakePHP for PHP • Play1 & 2 for Java & scala • Restify and Express for NodeJS http://plnkr.co/edit/Sh669ScCQRyD513bzsBx https://github.com/cheekybastard/django-angularjs-rest
8.
Batarang https://github.com/angular/angularjs-batarang Show at http://todo.dev/
9.
npm install -g
yo grunt-cli bower npm install generator-angular generator-karma yo angular bower install angular-ui grunt test grunt server grunt
10.
Karma • Spectacular Test
Runner for JavaScript • http://karma-runner.github.io/0.8/index.html • https://github.com/yeoman/generator-karma
11.
ng-animate • http://yearofmoo-articles.github.io/ angularjs-animation-article/app/#/ng-repeat • http://www.yearofmoo.com/2013/04/ animation-in-angularjs.html •
https://www.youtube.com/watch? feature=player_embedded&v=cF_JsA9KsD M
12.
Books • AngularJS -
Brad Green, Shyam Seshadri • Developing an AngularJS Edge - Christopher Hiller • Instant AngularJS Starter - Dan Menard
Download now