~/talk

Taking over the web platform with Angular 2

Talkat Front-Trends 2016 · 2016-05-18..05-20· [angular, web-platform]
slides:none on file

Shows how Angular 2 breaks a monolithic app into component architecture with explicit stateless, stateful and routed components, demonstrates a chat example (root fetches friends and user, three child components), explains property binding (square brackets) and event binding (round brackets) for data down/events up, details bootstrapping with SystemJS and TypeScript, notes initial hello-world payload ~2MB and the move to modular bundles, and covers Shadow DOM view encapsulation, server-side rehydration and WebWorker bootstrapping.

AI-written summary · about

  1. 0:00Intro
  2. 1:00Agenda
  3. 2:31What is Angular
  4. 4:26Screenshots
  5. 4:58Angular 2 Modules
  6. 7:03Dependency Injection
  7. 8:03Component Architecture
  8. 13:24Oneway Dataflow
  9. 16:57Component as API
  10. 18:25Angular 2 Components
  11. 19:00Bootstrap
  12. 21:41Angular Setup
  13. 22:54App Component
  14. 25:14Chat Component
  15. 26:40View Encapsulation
  16. 29:39Base Plate
  17. 35:17Templating Syntax
  18. 36:40ngrepeat
  19. 37:35twoway data binding
  20. 38:40Angular 2 syntax
  21. 40:08Why is it ugly
  22. 41:09Stateless Component
  23. 41:52CSS
  24. 44:33Rooting
  25. 45:24Serverside rendering
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.