This course explores Sapper, a framework for building web applications with Svelte, focusing on how Sapper leverages Svelte’s component-based approach to create fast, server-side rendered applications. It examines Sapper’s file-routing system, server-side data fetching, and service worker integration for offline support. Participants learn to set up Sapper projects, create routes, and build full-fledged SEO-friendly web applications. The course also touches on how to handle state management, data stores, and the deployment of Sapper applications. By the end of this course, learners are equipped with the knowledge to utilize Sapper for creating high-performance, scalable web applications that provide rich, interactive user experiences.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Set up a Sapper project
Implement routing in Sapper
Create custom layouts and navigation
Differentiate server-side and client-side code
Preload data in Sapper
Handle server routes
Add and process web forms
Manage POST requests
Utilize route parameters in Sapper
Design a job details template
Display error messages
01. Making a Website with Sapper
- Introduction
- Starter Project
- Routes
- Custom Layout & Nav
- Server Code vs Client Code
- Preloading Data
- Server Routes
- Adding a Web Form
- Post Requests
- Route Parameters
- Job Details Template
- Error Messages
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Set up a Sapper project
Implement routing in Sapper
Create custom layouts and navigation
Differentiate server-side and client-side code
Preload data in Sapper
Handle server routes
Add and process web forms
Manage POST requests
Utilize route parameters in Sapper
Design a job details template
Display error messages
COURSE OUTLINE
01. Making a Website with Sapper
- Introduction
- Starter Project
- Routes
- Custom Layout & Nav
- Server Code vs Client Code
- Preloading Data
- Server Routes
- Adding a Web Form
- Post Requests
- Route Parameters
- Job Details Template
- Error Messages
