JavaScript through ages

JavaScript, Modern frameworks & Angular.js

Transcript

1. JavaScript through ages @basiamadej
3. 1995 Netscape Brendan Eich JavaScript !== Java
4. • in the browser • scripting • lightweight • fast • powerful • not that difficult • multi-paradigm
5. JavaScript - general • based on C syntax • (almost) everything is an Object • Prototypes, not Classes
6. 3 parts of client-side JS • syntax (ECMAScript 262 standard) • access to Document Object Model (document) • access to Browser Object Model (window) ◦ location, history, screen, navigator, alert/confirm/prompt, timing
8. Events, events and events
9. • https://www.destroyallsoftware.com/talks/wat • http://wtfjs.com/ Popular bad things
10. Actual bad things • global variables • block syntax, no block scope • eval(“1+1”) • phony Arrays • typeOf, NaN • poor bitwise operators
12. Prototype.js …...
13. jQuery • more friendly than vanilla JavaScript • for animations • for stuff that look nice • plenty of plugins • for UX/UI people and designers • for small projects
16. Modern frameworks & libraries
17. • for Single Page Applications • developed by Google & community • https://angularjs.org/
18. Cool things about Angular • directives • two-way data bindings • Model-View-Whatever • jQLite & AngularUI • history/routes
19. Directives • ngApp • ngModel • ngBind • ngIf • ngRepeat • ……. • …….
20. Two-Way Data Binding
21. Model-View-Whatever
22. Model-View-Controller
23. jQLite & AngularUI
24. History & Routes