Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
5 Hour(s) 28 Minute(s)
Language
English
Taught by
Packt Publishing
Rating
1 views
Course Overview
Build powerful, reactive, great-looking UI web experiences with this front-end compiler and its framework.
This course will take you through three core projects to help you build effective, reactive, and attractive apps with Svelte, demonstrating its intrinsic benefits, including less code and impressive reactivity/state management along the way.
Our first project, a vCard generator app, will demonstrate the modularity and reactivity web applications you can develop with Svelte. We will build reusable and dynamic components that we will later enhance with more advanced features. Sections on animation and transitions are included to make applications look as good as they perform!
Our second project will be a fully functional Kanban board application, similar to Trello. This application will also have effective state management, by making use of stores and other key Svelte features.
Our final application will be based on the previous Kanban board application but making use of Sapper, the official Svelte framework. However, we will build this application with Sapper, the official Svelte framework. We will learn how to create web apps with Sapper and master its most useful features, such as routing and prefetching.
We will also provide an introduction to testing Sapper applications with Cypress, and we finish the course by deploying our application in two different ways: as a static page, and as an SEO-optimized server-side rendered (SSR) application.
About the Author
Germán Mené Santa Olaya is an engineer and a software developer. He loves programming and building web applications using Svelte and Sapper. These front-end tools allow him to build modern and complete web apps in a modular and approachable way. There are endless possibilities when it comes to web applications, and many frameworks and ways to approach them, but he believes that Svelte makes the process easy and scalable. That is the reason why he believes that it will become a mainstream and widely used tool for front-end web development in years to come.
Course Content
- 7 section(s)
- 33 lecture(s)
- Section 1 Introduction and Starting Our First Project
- Section 2 Reactivity and Events
- Section 3 Enhancing Our Application
- Section 4 Transitions, Animations, and Our Second Project
- Section 5 State Management
- Section 6 Sapper Framework
- Section 7 Testing and Deploying Our App
What You’ll Learn
- Build real-life web applications using Svelte and its associated framework, Sapper
- Create highly reactive and modular Svelte components that are scalable and reusable within one or more web applications
- Explore Svelte’s advanced features that allow us to create and design beautiful and smooth user experiences
- Discover Sapper’s great features such as routing, service workers, code-splitting, single-page applications (SPA) or server-side rendered (SSR) applications optimized for SEO
- Deploy your apps while connecting them to services such as a database or RESTful APIs
- Test Sapper-built applications using Cypress to avoid any regressions
Reviews
-
CCarlos Brachowicz Ruiz
Mala elección porque a partir de la mitad del curso todo era teoría, sin apenas dar opción a escribir el código para veer los resultados por nuestro propio trabajo.
-
qquasi Digi
A great introduction to Svelte and Sapper! The course is well structured and the speaker is engaging until its last frame! This is a great introduction for people who've never touched Svelte and are already familiar with similar tools! (Although the requirements mention you need to be familiar with Svelte)
-
MMiguel Angel Ochoa
Awesome!! fantastic!!
-
PPaul Brugger
I thought Olaya did a fantastic job on Svelte. I've taken about 5 svelte courses on Udemy and YouTube and I think he is the best. I can see that he actually uses it and so has better insights than instructors who just learn enough so they can crank out a basic course. His code repo with starting and ending code was flawless. I liked the intro to Vercel Now. I do wish he did a lesson on fetching the database dynamically on a static site, but definitely a 5-star course. I hope he does an advanced course some day. This video deserves way more students.
