AngularJS on Javascript User Group, Lviv
- 1. Superhero of JavaScript frameworks
- 2. Труднощі розробки веб-застосунків o HTML не є мовою, призначеною для написання динамічних програм o потрібно постійно зв'язувати javascript і HTML o все відбувається асинхронно, а асинхронність складна сама по собі o веб-застосункам притаманно постійно змінюватись o кількість коду постійно зростає o підтримка різних браузерів o перформенс
- 3. Для чого нам фреймворк ? o - задає структуру застосунку o - реалізує базові структурні паттерни o - дозволяє легко збільшувати команду розробників o - дозволяє розділяти роботу o - надає можливість і засоби для легкого тестування o - відтестований фундамент нашого застосунку прямо з коробки o - інкапсулює більшість кросбраузерної роботи
- 4. Відчуваєте складнощі із вибором ? o кількість фреймворків постійно збільшується o немає часу на випробування o вимушений компроміс o створення "велосипедів" і хаос в результаті та-да-да-дам (:
- 5. хаос в результаті :
- 6. Щоб наші діти не запам’ятали нас такими :
- 7. Superhero of JavaScript frameworks - AngularJS
- 8. Пам'ятаєте про наші труднощі ? o HTML не є мовою, призначеною для написання динамічних програм o потрібно постійно зв'язувати javascript і HTML o все відбувається асинхронно, а асинхронність складна сама по собі o веб-застосункам притаманно постійно змінюватись o кількість коду постійно зростає o підтримка різних браузерів o перформенс
- 9. Пам'ятаєте про наші труднощі ? AngularJS розширює словник HTML
- 10. Пам'ятаєте про наші труднощі ? Одностороннє і двостороннє зв'язування
- 11. Пам'ятаєте про наші труднощі ? defered, promices з коробки, безпечна обгортка для setTimeout ($timeout)
- 12. Пам'ятаєте про наші труднощі ? фреймворк дає структуру, завжди зрозуміло де і що розміщувати
- 13. Пам'ятаєте про наші труднощі ? модульність проти складності
- 14. Пам'ятаєте про наші труднощі ? Всі сучасні + IE8+, IE7 - з обмеженням певного функціоналу
- 15. Пам'ятаєте про наші труднощі ? Angular швидкий, легковісний ( <29KB мініфікований і стиснений, dirty checking etc) ...
- 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. Інструментарій Що таке 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. The End ? lets start thinking Angular way (: And it will be only beginning !