AngularJS on Javascript User Group, Lviv

395 views

Published on

AngularJS - superhero of javascript frameworks

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
395
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

AngularJS on Javascript User Group, Lviv

  1. 1. Superhero of JavaScript frameworks
  2. 2. Труднощі розробки веб-застосунків o HTML не є мовою, призначеною для написання динамічних програм o потрібно постійно зв'язувати javascript і HTML o все відбувається асинхронно, а асинхронність складна сама по собі o веб-застосункам притаманно постійно змінюватись o кількість коду постійно зростає o підтримка різних браузерів o перформенс
  3. 3. Для чого нам фреймворк ? o - задає структуру застосунку o - реалізує базові структурні паттерни o - дозволяє легко збільшувати команду розробників o - дозволяє розділяти роботу o - надає можливість і засоби для легкого тестування o - відтестований фундамент нашого застосунку прямо з коробки o - інкапсулює більшість кросбраузерної роботи
  4. 4. Відчуваєте складнощі із вибором ? o кількість фреймворків постійно збільшується o немає часу на випробування o вимушений компроміс o створення "велосипедів" і хаос в результаті та-да-да-дам (:
  5. 5. хаос в результаті :
  6. 6. Щоб наші діти не запам’ятали нас такими :
  7. 7. Superhero of JavaScript frameworks - AngularJS
  8. 8. Пам'ятаєте про наші труднощі ? o HTML не є мовою, призначеною для написання динамічних програм o потрібно постійно зв'язувати javascript і HTML o все відбувається асинхронно, а асинхронність складна сама по собі o веб-застосункам притаманно постійно змінюватись o кількість коду постійно зростає o підтримка різних браузерів o перформенс
  9. 9. Пам'ятаєте про наші труднощі ? AngularJS розширює словник HTML
  10. 10. Пам'ятаєте про наші труднощі ? Одностороннє і двостороннє зв'язування
  11. 11. Пам'ятаєте про наші труднощі ? defered, promices з коробки, безпечна обгортка для setTimeout ($timeout)
  12. 12. Пам'ятаєте про наші труднощі ? фреймворк дає структуру, завжди зрозуміло де і що розміщувати
  13. 13. Пам'ятаєте про наші труднощі ? модульність проти складності
  14. 14. Пам'ятаєте про наші труднощі ? Всі сучасні + IE8+, IE7 - з обмеженням певного функціоналу
  15. 15. Пам'ятаєте про наші труднощі ? Angular швидкий, легковісний ( <29KB мініфікований і стиснений, dirty checking etc) ...
  16. 16. Що таке AngularJS ? o Angular - це продукт Google o Angular - це легковісний фреймворк для розробки веб аплікацій o Angular - це самодостатній фреймворк o Angular - легко інтегрується з іншими JS бібліотеками o Angular - реалізує MVC паттерн o Angular - dependency injection на фронтенді o Angular - проста організація роутинга в SPA o Angular - вбудований механізм для валідації форм o Angular - простота розробки прототипів з подальшим рефакторингом o Angular - ще багато всього потрібного і хорошого
  17. 17. Інструментарій Що таке AngularJS ? o Angular-ui (http://angular-ui.github.io/) o Angular modules library (http://ngmodules.org/) o AngularJS Daily (http://www.angularjsdaily.com/) o Скафолдер - Yeoman (http://yeoman.io/) o Менеджер задач - Grunt (http://gruntjs.com/) o Запуск тестів - Karma (http://karma-runner.github.io/) o Плагін браузера для дебагу - Batarang (https:// github.com/angular/angularjs-batarang) Що таке AngularJS ? o http://uk.wikipedia.org/wiki/застосунок
  18. 18. The End ? lets start thinking Angular way (: And it will be only beginning !

×