Svelte.js 3 and Sapper Projects
Svelte.js 3 and Sapper Projects, available at $59.99, has an average rating of 4.3, with 33 lectures, 7 quizzes, based on 24 reviews, and has 175 subscribers.
You will learn about 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 This course is ideal for individuals who are This course is primarily suited for web developers who are familiar with Svelte and want to explore full-length applications in svelte along with sapper. It is particularly useful for This course is primarily suited for web developers who are familiar with Svelte and want to explore full-length applications in svelte along with sapper.
Enroll now: Svelte.js 3 and Sapper Projects
Summary
Title: Svelte.js 3 and Sapper Projects
Price: $59.99
Average Rating: 4.3
Number of Lectures: 33
Number of Quizzes: 7
Number of Published Lectures: 33
Number of Published Quizzes: 7
Number of Curriculum Items: 40
Number of Published Curriculum Objects: 40
Original Price: $109.99
Quality Status: approved
Status: Live
What You Will 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
Who Should Attend
- This course is primarily suited for web developers who are familiar with Svelte and want to explore full-length applications in svelte along with sapper.
Target Audiences
- This course is primarily suited for web developers who are familiar with Svelte and want to explore full-length applications in svelte along with sapper.
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 Curriculum
Chapter 1: Introduction and Starting Our First Project
Lecture 1: Course Overview
Lecture 2: What Is Svelte and Why Should We Learn It?
Lecture 3: Setting Up Our Work Environment
Lecture 4: Analyzing the Svelte Workspace
Lecture 5: Creating a Hierarchy of Components
Lecture 6: Starting Our First Project: vCard Generator
Chapter 2: Reactivity and Events
Lecture 1: Adding Reactivity with Dynamic Attributes
Lecture 2: Reacting to DOM Events
Lecture 3: More On Events
Lecture 4: Two-Way Binding
Lecture 5: Conditional Classes
Chapter 3: Enhancing Our Application
Lecture 1: Dispatching Events
Lecture 2: Two-Way Binding Between Components
Lecture 3: Using Slots
Lecture 4: Conditional Rendering
Lecture 5: Reactive Statements
Chapter 4: Transitions, Animations, and Our Second Project
Lecture 1: Basic Transitions
Lecture 2: Enhancing Transitions
Lecture 3: Animating Elements
Lecture 4: Using Lifecycle Functions
Chapter 5: State Management
Lecture 1: State Management with Stores
Lecture 2: Using Stores in Our Application
Lecture 3: Motion with the Svelte/Motion Module
Lecture 4: Connecting To a Database
Lecture 5: Options On Deploying Svelte Apps
Chapter 6: Sapper Framework
Lecture 1: Starting with Sapper
Lecture 2: The Sapper App Structure
Lecture 3: Routing
Lecture 4: Preloading
Chapter 7: Testing and Deploying Our App
Lecture 1: Introduction to Testing with Cypress
Lecture 2: Deploying Our App as a Pre-Rendered Static Site
Lecture 3: Deploying Our App as a Dynamic SSR App
Lecture 4: Course Review
Instructors
-
Packt Publishing
Tech Knowledge in Motion
Rating Distribution
- 1 stars: 0 votes
- 2 stars: 1 votes
- 3 stars: 4 votes
- 4 stars: 6 votes
- 5 stars: 13 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024