Build Full Featured Frontend App with Svelte

certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Rate this content
Bookmark

Svelte is a new prominent JS framework exposing “write less do more” philosophy. During this workshop you will get proficiency as a Svelte developer. 

We will be building an app that mimics the famous Q&A website stackoverflow.com. Will start developing from simple front end components, later we'll connect it to a real running backend and then test it and optimise for production.

Attending a workshop is the fastest way to acquire a body of knowledge about building web apps with Svelte. 

This workshop has been presented at React Summit 2020, check out the latest edition of this React Conference.

FAQ

The workshop focuses on building web applications with Svelte.

The instructor is Mikael, a developer with about 10 years of experience, currently working as a chapter lead at ING Bank in Amsterdam.

Participants will learn how Svelte works, the motivation behind building Svelte, its syntax and features, and how to build working components and connect them to APIs.

Yes, there is a Svelte community that has shifted to fully online meetups. For more information, you can Google 'Svelte Society.'

The upcoming Svelte community event is in four days and will feature a full day of content related to building apps with Svelte, new plugins and features, best practices, pitfalls, and community stories.

Mikael also runs tech meetups within ING, focusing on building and advertising engineering culture. An upcoming frontend-related event will feature speakers from the Deno team.

Participants can ask questions using the Q&A button in Zoom or the chat feature. Post-workshop communication is preferred on the Discord channel.

Participants will build a simplified version of a chat app, which will include features like a login form, message sending form, and a list of users to chat with.

The workshop will cover Svelte's basic syntax, state management, routing, and how to build and deploy Svelte apps.

Participants can find Mikael on Twitter, although he doesn't update frequently. He is also active in various front-end communities.

Mikhail Kuznetsov
Mikhail Kuznetsov
192 min
15 Jul, 2021

Comments

Sign in or register to post your comment.

Video Summary and Transcription

The video workshop delves into building web applications with Svelte, highlighting its unique compiler-based approach that converts code into optimized low-level DOM instructions. The session covers Svelte syntax, state management, routing, and the creation of components connected to APIs. Svelte eliminates runtime complexity, making it more efficient than frameworks like React and Vue. The talk also explores Svelte stores for state management, including writable, readable, and derived stores, and demonstrates how to handle asynchronous tasks using these stores. The video discusses the use of Svelte SPA router for routing and provides practical examples of conditional rendering, event handling, and lifecycle hooks. The speaker emphasizes Svelte's suitability for small projects requiring high performance and small bundles, while also touching upon its limitations for large-scale applications. The video encourages viewers to engage with the Svelte community and check out Svelte Society for upcoming events and resources. Key topics include Svelte frontend, Svelte components, Svelte reactivity, Svelte lifecycle hooks, Svelte stores, Svelte routing, Svelte SPA router, Svelte state management, Svelte directives, Svelte event handling, Svelte conditional rendering, Svelte performance, Svelte bundles, Svelte syntax, and Svelte community.
Video transcription and chapters available for users with access.