API
Logic
Svelte Basics
Events
SvelteKit
100

This stands for "Application Programming Interface," a way for different software programs to talk to each other.

What is an API?

100

This is the main feature of Svelte that helps you create interactive web apps by making it easy to update the page when something changes.

What is reactivity?

100

This is the server-side on how the website works, updates and changes which cannot be seen by users.  

What is back end development?

100

This type of event occurs when a user clicks on a button in a Svelte app.

What is a click event?

100

This is the framework built on top of Svelte that helps you create full web applications with features like routing and server-side rendering.

What is SvelteKit?

200

When you use an app on your phone to check the weather, it sends a request to this type of server to get the data.

What is a web server?

200

In Svelte, this symbol is used to create a variable that can hold a piece of data that can change.

What is a dollar sign ($)?

200

This is the name of the framework that makes it easy to build interactive web applications by turning your code into efficient JavaScript.

What is Svelte?

200

These are actions which will happen when a user interacts with an element of the website.

What are events?

200

In SvelteKit, this special folder contains your pages, where each file represents a different part of your website.

What is the src/routes folder?

300

This part of the URL is where you can find a specific resource in an API.

What is an endpoint?

300

In Svelte, you can use this type of statement to create conditions, like showing a message only if a score is high enough.

What is an if statement?

300

This provides developers with the basic foundation necessary for building JavaScript applications

What is a framework?

300

This event happens when a user types something into an input field in a Svelte app.

What is an input event?

300

In SvelteKit, this special folder contains your components or puzzle pieces for your website.

What is src/lib?

400

This is the name for the string of characters that follows the domain name in an API URL, directing requests to specific resources.

What is a path?

400

When you want to repeat something for each item in a list, you use this special block in Svelte.

What is a {#each} block?

400

In Svelte, this file type is used to write your components, combining HTML, CSS, and JavaScript all in one place.

What is a .svelte file?

400

To respond to a mouse entering a specific area, you would use this event.

What is a mouseover event?

400
This is the Svelte file where your main application is coded.

What is index.svelte?

500

This is a function used to fetch data from an API server.

What is async function?

500

You use this special syntax to create a two-way data binding in Svelte, like linking a checkbox to a variable.

What is the bind: syntax?

500

To display a variable's value on the screen in Svelte, you wrap it in these curly braces.

What are {} (curly braces)?

500

This event is triggered when a form is submitted in a Svelte application.

What is a submit event?

500

This folder is mostly for all your GIFs, favicon and images like .png or .jpeg files.

What is the static folder?

M
e
n
u