~/talk

Angular Applied

Talkat Devoxx Belgium 2017 · 2017-11-06..11-10· [angular, typescript]
slides:none on file

Live-codes a complete Angular v5 + TypeScript front end generated with Angular CLI: run ng new, ng generate components/services, ng serve and see hot-reload on localhost:4200; uses Angular Router for client-side navigation (home vs product/:id), dependency injection for a ProductService, Bootstrap for layout, RxJS-style HTTP stubs and hard-coded JSON for six products, and a working product list → detail flow. Instructions show swapping the mock service for a Spring Boot backend on port 8080 via a proxy.

AI-written summary · about

  1. 0:00Introduction
  2. 0:47Agenda
  3. 2:02What is Angular
  4. 4:02Components
  5. 5:30Single Page Apps
  6. 6:47Landing Page
  7. 7:48Artifacts of Angular
  8. 9:23Section Declarations
  9. 11:17Semantic Versioning
  10. 12:29Packagejson
  11. 13:38Angular CLI
  12. 14:27Installing Angular CLI
  13. 16:19Generating the app
  14. 17:45Generating components
  15. 19:36Start handson
  16. 20:26Generation
  17. 21:22Installation
  18. 23:27Install dependencies
  19. 24:02Open project
  20. 24:46Open zip directory
  21. 25:27Dependencies section
  22. 25:46Integrated Terminal
  23. 26:02Node Module
  24. 26:30Angular CLI Jason
  25. 32:31TypeScript Superset
  26. 33:25TypeScript
  27. 37:34Interfaces
  28. 40:49Compile
  29. 42:43Data Binding
  30. 43:22Unidirectional Binding
  31. 46:33dependency injection
  32. 51:38expert
  33. 52:47component
  34. 54:25HTTPClient
~/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.