Introduction to the Svelte framework

• This course is designed for intermediate JS programmers

• How to build a development environment for Svelte
• How to present data on a page
• Respond to user events
• Process user input
• Communicate with the back-end
• Manage application state

• JavaScript at course level [JS_PROG2]
• Course-level knowledge of how the DOM works in a browser [JS_DOM1]

Introduction

• What is Svelte
• Development environment
• Hello World
• Project structure

Data presentation

• interpolation
• conditional rendering
• repeated rendering
• CSS styles and classes

Interaction with the user

• event response
• forms and inputs

Components, collaboration and status sharing

• Component targeting
• Life cycles
• Component Property
• Forwarding events
• Reactive values
• Store

Communication with backend and other async processes

Introduction to Svelte kit

Previous courses

JS_PROG1 - JavaScript I: Basics [JS_PROG1]

JavaScript II: Advanced techniques [JS_PROG2]

DOM in JavaScript I: Basics [JS_DOM1]

Next courses

jQuery Framework [JS_JQUERY]

TypeScript - type checker for JavaScript [JS_TS1]

Introduction to Vue.js [JS_VUE1]

Creating JS applications using the WebSocket protocol [JS_WEBSOCKET]

Automated testing of JS applications using the Jest library [JS_TEST_JEST]

Redux and its implementation in Angular and React applications [JS_REDUXJS1]

Introduction to Solid.js framework [JS_SOLID1]

DOM in JavaScript I: Basics [JS_DOM1]

DOM in JavaScript II: Advanced Techniques [JS_DOM2]

Angular II: Advanced techniques [JS_ANGULAR2]

Asynchronous and reactive programming in JavaScript [JS_ASYNC]

Creating backend applications using Express.js [JS_EXPRESS1]

React I: Basics [JS_REACT1]

React II: Advanced techniques [JS_REACT2]

Angular I: Basics [JS_ANGULAR1]

Communication with server using AJAX and Fetch API [JS_AJAX]