Interviewfragen zu Svelte (Junior) mit Antworten

76 Fragen fürs Vorstellungsgespräch zu Svelte (Junior) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.

Diesen Test machen
  1. 1.Was ist Svelte?
  2. 2.Was ist SvelteKit?
  3. 3.Wie legt man ein neues SvelteKit-Projekt empfohlen an?
  4. 4.Was kann eine .svelte-Datei enthalten?
  5. 5.Wie wird CSS im <style>-Block einer Komponente standardmäßig angewendet?
  6. 6.Wie gibt man in Svelte-Markup einen JavaScript-Wert aus?
  7. 7.Was ist die Kurzform für <img src={src} alt={alt} />?
  8. 8.Nutzt Svelte ein virtuelles DOM?
  9. 9.Was sind Runes in Svelte 5?
  10. 10.Wie deklariert man in Svelte 5 reaktiven State?
  11. 11.Wie deklariert man einen Wert, der aus anderem State berechnet wird?
  12. 12.Was macht $effect?
  13. 13.Wie bekommt eine Komponente in Svelte 5 Props?
  14. 14.Wo lassen sich Runes nutzen?
  15. 15.Ist ein mit $state deklariertes Objekt tief reaktiv?
  16. 16.Was macht $inspect(value)?
  17. 17.Wie rendert man Inhalt bedingt?
  18. 18.Wie rendert man eine Liste?
  19. 19.Warum sollte man in {#each} nicht den Index als Key nutzen?
  20. 20.Was macht der Block {#await}?
  21. 21.Wie behandelt man in Svelte 5 einen Klick?
  22. 22.Wie verhindert man in Svelte 5 das Standard-Absenden eines Formulars?
  23. 23.Was macht bind:value?
  24. 24.Wie bekommt man eine Referenz auf ein DOM-Element?
  25. 25.Was ist das Risiko von {@html content}?
  26. 26.Wie übergibt man in Svelte 5 mehrere Klassen bedingt?
  27. 27.Was macht die Direktive style:?
  28. 28.Wie nutzt man eine Komponente in einer anderen?
  29. 29.Wie rendert eine Komponente in Svelte 5 Inhalt, der zwischen ihre Tags übergeben wurde?
  30. 30.Was ist ein Snippet?
  31. 31.Wie sagt eine Kindkomponente in Svelte 5 ihrem Elternteil, dass etwas passiert ist?
  32. 32.Wie erlaubt man einem Elternteil, bind:value auf ein Prop deiner Komponente zu nutzen?
  33. 33.Sollte eine Komponente ein erhaltenes Prop-Objekt (ohne $bindable) verändern?
  34. 34.Wie rendert man in Svelte 5 eine zur Laufzeit gewählte Komponente?
  35. 35.Wie kann ein Elternteil ein Element in einer Kindkomponente stylen, ohne die Kapselung zu brechen?
  36. 36.Wann läuft onMount?
  37. 37.Wie räumt man einen in $effect erzeugten Timer auf?
  38. 38.Was liefert tick()?
  39. 39.Wie animiert man das Erscheinen und Verschwinden eines Elements?
  40. 40.Was macht animate:flip in einem {#each} mit Key?
  41. 41.Wofür ist Context in Svelte da?
  42. 42.Wann müssen setContext / getContext aufgerufen werden?
  43. 43.Was ist ein Store in Svelte?
  44. 44.Was macht das Präfix $ mit einem Store in einer Komponente?
  45. 45.Wie teilt man in Svelte 5 reaktiven State zwischen Komponenten ohne Stores?
  46. 46.Wie hängt man aus einer Komponente einen Listener an window?
  47. 47.Wie setzt man aus einer Komponente den Seitentitel?
  48. 48.Was macht <svelte:element this={tag}>?
  49. 49.Wie werden Routen in SvelteKit definiert?
  50. 50.Wie erzeugt man eine Route mit Parameter wie /blog/hello-world?
  51. 51.Wofür ist +layout.svelte da?
  52. 52.Wie bekommt eine Seite Daten aus ihrer Funktion load?
  53. 53.Was ist der Unterschied zwischen +page.js und +page.server.js?
  54. 54.Welche Datei erzeugt in SvelteKit einen API-Endpunkt?
  55. 55.Wie zeigt man aus load eine 404-Seite, wenn ein Post nicht existiert?
  56. 56.Was sind Form Actions in SvelteKit?
  57. 57.Wie navigiert man in SvelteKit zwischen Seiten?
  58. 58.Was sind SvelteKit-Adapter?
  59. 59.Was macht export const prerender = true in +page.js?
  60. 60.Was zeigt dieser Code, nachdem der Button zweimal geklickt wurde?
  61. 61.Was passiert hier mit der Reaktivität?
  62. 62.Was macht {@const}?
  63. 63.Was macht {#key value}?
  64. 64.Wie nutzt man TypeScript in einer Svelte-Komponente?
  65. 65.Welche Svelte-Version hat Runes eingeführt?
  66. 66.Welche Syntax ist veraltet (Svelte 4) und sollte in neuem Code vermieden werden?
  67. 67.Wie baut man eine an ein Array gebundene Gruppe von Checkboxen?
  68. 68.Was bekommt die Direktive use: (Action)?
  69. 69.Wie prüft man Svelte-Typen und Templates von der Kommandozeile?
  70. 70.Wovor warnt der Svelte-Compiler bei <div onclick={...}>?
  71. 71.Was liefert $state.snapshot(value)?
  72. 72.Wie liest man in einer SvelteKit-Komponente die aktuelle URL oder Routenparameter?
  73. 73.Warum sind Svelte-Bundles oft klein?
  74. 74.Wohin kommen statische Dateien wie favicon.png in einem SvelteKit-Projekt?
  75. 75.Welche Datei definiert die HTML-Hülle für jede SvelteKit-Seite?
  76. 76.Was macht <svelte:boundary>?