Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Von vorne bis hinten: Angular ♥︎ NestJS @ WebWorker Saar 44

Von vorne bis hinten: Angular ♥︎ NestJS @ WebWorker Saar 44

Du magst Angular, TypeScript und baust im Handumdrehen clientseitige Apps? Irgendwann benötigst du wahrscheinlich eine serverseitige API. Es wäre nur natürlich, im Backend die gleiche Sprache zu nutzen, wie Du sie im Frontend verwendest. Du entscheidest dich für Node.js. Doch wenn wir reines Node oder Bibliotheken wie Express nutzen, betreten wir Frontend-Entwickler oft unbekanntes Terrain. Uns fehlen Idiome und strukturelle Muster.

Hast du schon von NestJS gehört? Dieses Framework ermöglichst es uns, effiziente, zuverlässige und skalierbare serverseitige Anwendungen zu erstellen. Bemerkenswert daran ist, dass es sich ähnlicher Konzepte bedient wie Angular. Du kannst deinen Code in Modulen organisieren, per Dependency Injection speist du deine Services in Controller (die sozusagen deine Komponenten für API-Routen sind), und es gibt sogar eine CLI, damit du schnell loslegen kannst.

Wir schauen uns an, wie eine Projektstruktur mit Angular-Front- und NestJS-Backend aussehen kann, schreiben unsere ersten API-Routen und schließen das Ganze mit Unit Tests ab. Weil es so einfach ist, erstellen wir nebenbei eine nette API-Dokumentation und werfen einen Blick auf hilfreiche, bereits integrierte Plugins. Am Ende solltest du gerüstet sein, eine Full-Stack-Webanwendung durch die Symbiose von Angular und NestJS umzusetzen.

David Würfel

April 09, 2020
Tweet

More Decks by David Würfel

Other Decks in Programming

Transcript

  1. None
  2. None
  3. ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪

  4. None
  5. None
  6. „Hey! My name is Andre Gular. I am looking for

    a companion. Someone who is similar to me and for whom my hobbies are fine.“
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪

  15. None
  16. ▪ ▪ ▪ ▪ ▪ ▪ ▪ ➢

  17. „I said hello to Eliza Xopress. We met a couple

    of times, but I think I can‘t handle her. She is kinda messy and has little structure in her life.“
  18. „I‘ve met with Andre Gular. I've done my best to

    make us understand each other. However he couldn't handle my loose lifestyle.“
  19. „I think I need to start over. I will update

    my profile details again. I need to find a good match.“
  20. None
  21. None
  22. None
  23. ▪ ▪ ▪ ▪ ▪ ▪ ➢

  24. None
  25. None
  26. „Oh my! What is this? A new companion has arrived.

    Looks interesting…“
  27. None
  28. „A progressive Node.js framework for building efficient, reliable and scalable

    server-side applications.“
  29. ▪ ▪ ▪ ▪ ▪

  30. ▪ ▪

  31. ▪ ▪

  32. ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪

  33. ▪ ▪ ▪ ▪ ▪ ▪

  34. None
  35. ▪ ▪ ▪ ▪ ▪

  36. ▪ ▪ ▪

  37. None
  38. None
  39. None
  40. ▪ ▪ ▪ ▪ ▪ ▪ ▪

  41. None
  42. None
  43. ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪

  44. ▪ ▪ ▪ ▪ ▪ ▪

  45. None
  46. None
  47. ▪ ▪ ▪ ▪ ▪ ▪

  48. None
  49. None
  50. ▪ ▪ ▪ ▪ ▪ ▪ ▪

  51. None
  52. „I‘ve met with Andre Gular. He is a really nice

    guy. Our interests coincide to a large extent.“
  53. „Meeting Nesta Jason was a real breeze. We have so

    much in common. However we still have some things to clear up.“
  54. ▪ ▪ ▪ ▪ ▪ ▪ ▪

  55. None
  56. „We‘re talking on the same wavelength. Seems to good to

    be true. I am still unsure whether Nesta is herself and doesn‘t pretend to be someone else.“
  57. „Dear Andre, trust me. I am real and I will

    show you my true self.“
  58. ▪ ▪ ▪ ▪ ▪ ▪

  59. None
  60. „Nesta is awesome and a true match! I am so

    happy, I would even go so far to secure our friendship through some kind of contract.“
  61. None
  62. ▪ ▪ ▪ ▪ ▪

  63. None
  64. None
  65. „I am sure that we can deal well with our

    mistakes and that our friendship will last for a long time.“
  66. „I want to thank Nesta for being such a good

    friend with something special.“
  67. None
  68. ▪ ▪ ▪ ▪

  69. None
  70. None
  71. None
  72. None
  73. „Andre, that wouldn't have been necessary. You are so attentive,

    making my wishes come through. Thank you so much!“
  74. ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪

    ▪ ➢
  75. None
  76. ▪ ▪ ▪ ▪ ▪ ▪ ▪

  77. „We belong together!“

  78. None
  79. Thanks