Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 12.5 hours on-demand video
  • 25 articles
  • 187 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
Development Web Development Svelte Framework

Svelte.js - The Complete Guide (incl. Sapper.js)

Build high-performance web applications with SvelteJS - a lightweight JavaScript compiler
Bestseller
Rating: 4.8 out of 54.8 (1,792 ratings)
9,266 students
Created by Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller
Last updated 12/2020
English
English [Auto], French [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • SvelteJS from scratch, with zero knowledge assumed
  • All the theory and practical applications of Svelte
  • Core concepts and advanced techniques to build Svelte applications
Curated for the Udemy for Business collection

Course content

19 sections • 196 lectures • 12h 44m total length

  • Preview02:39
  • Preview07:13
  • Preview04:29
  • Join our Online Learning Community
    00:21
  • Preview11:09
  • Preview07:26
  • Preview04:48
  • How To Get The Most Out Of The Course
    03:27
  • Course Resources
    00:54

  • Module Introduction
    03:55
  • Using Curly Braces & Understanding the Core Syntax
    05:36
  • Reactive Variables
    05:48
  • More Reactivity
    02:09
  • Binding to Element Properties
    04:16
  • Two-Way Binding Shortcut
    01:41
  • Using Multiple Components
    08:30
  • Components & Communication via Props
    03:45
  • Diving Deeper into Bindings
    06:00
  • Using Self-Extending Properties
    01:10
  • Outputting HTML Content
    03:32
  • A XSS Example
    00:13
  • Setting Dynamic CSS Classes
    04:15
  • Time to Practice: The Basics
    1 question
  • Wrap Up
    01:16
  • Useful Resources & Links
    00:01

  • Module Introduction
    00:49
  • Using "if" Statements in HTML
    05:25
  • if, else & else-if
    04:27
  • Outputting Lists with "each"
    08:05
  • "each", "else" & Extracting the Index
    02:11
  • Lists & Keys
    09:55
  • Time to Practice: Conditionals & Loops
    1 question
  • A Closer Look at List Keys
    04:16
  • Wrap Up
    00:36
  • Useful Resources & Links
    00:02

  • Module Introduction
    00:58
  • Updating Arrays & Objects Immutably
    02:29
  • Understanding Event Modifiers
    05:04
  • Using Inline Functions
    03:11
  • Wrap Up
    00:44
  • Useful Resources & Links
    00:02

  • Module Introduction
    01:18
  • Project Setup & A First Component
    08:41
  • Different Ways of Mounting Components
    05:07
  • How to Embed Widgets
    00:37
  • Adding Data
    03:35
  • Adding a New Component (MeetupItem)
    04:18
  • Working with Different Component Types
    03:32
  • Passing Data Into Components
    05:37
  • Adding a "MeetupGrid" Component
    04:25
  • Adding New Meetups via a Form
    09:24
  • Creating a "TextInput" Component
    11:08
  • Adding a Custom "Button" Component
    05:58
  • Wrap Up
    02:20
  • Useful Resources & Links
    00:02

  • Module Introduction
    01:43
  • Understanding the Different Component Types
    01:40
  • Component Communication Overview
    03:01
  • Event Forwarding
    04:52
  • Emitting Custom Events
    04:54
  • How to Extract Event Data
    02:27
  • Using Spread Props & Default Props
    06:56
  • Working with Slots
    06:25
  • Named & Default Slots
    03:30
  • Example: Opening & Closing a Modal
    03:18
  • Using Slot Props
    05:26
  • The Component Lifecycle - Theory
    04:53
  • Creation & Update Lifecycle Hooks in Action
    07:27
  • Using "tick()"
    09:18
  • Wrap Up
    00:56
  • Useful Resources & Links
    00:02

  • Module Introduction
    00:33
  • Adding Default Props
    03:22
  • Communication via Custom Events
    11:16
  • Utilizing Slots
    05:11
  • Creating an "EditMeetup" Component
    07:56
  • Communicating Between Components
    03:45
  • Time for More Slots!
    03:21
  • Adding a Re-Usable "Modal" Component
    07:05
  • Finishing the "Modal" Component
    03:29
  • Wrap Up
    00:37
  • Useful Resources & Links
    00:02

  • Module Introduction
    00:34
  • Two-Way Binding Refresher
    02:46
  • Understanding Custom Component Bindings
    06:05
  • Relying on Automatic Number Conversion
    02:55
  • Binding Checkboxes & Radio Buttons
    04:53
  • Binding <select> Dropdowns
    02:04
  • Binding to Element References
    05:17
  • Binding to Component References
    02:49
  • Validating Forms & Inputs
    06:43
  • Wrap Up
    00:58
  • Useful Resources & Links
    00:02

  • Module Introduction
    00:33
  • Exploring Different Validation Solutions
    02:31
  • Adding Validation & Error Output to the "TextInput" Component
    03:36
  • Adding Some Validation Logic
    03:24
  • Finishing "TextInput" Validation
    07:00
  • Validating the Overall Form
    02:50
  • Improvements & Wrap Up
    03:16
  • Useful Resources & Links
    00:02

  • Module Introduction
    01:03
  • What's the Problem?
    03:41
  • Creating a Writable Store & Subscribing
    05:34
  • Updating Store Data
    04:35
  • Stores and Stateful & Presentational Components
    01:56
  • Managing Store Subscriptions
    03:52
  • Using Autosubscriptions
    02:49
  • A Second Store!
    06:48
  • Subscribing for a Short Period
    03:48
  • Understanding Readable Stores
    08:45
  • Unlimited Power with Custom Stores
    07:56
  • Wrap Up
    01:21
  • Derived Store & Store Bindings
    00:27
  • Useful Resources & Links
    00:02

Requirements

  • Basic JavaScript knowledge is required
  • NO prior knowledge about SvelteJS or any other JavaScript framework or library is required

Description

Svelte.js (or just "Svelte") is a modern JavaScript compiler that allows you to write easy-to-understand JavaScript code which is then compiled to highly efficient code that runs in the browser.

You'll write your frontend application using normal JavaScript, following specific rules laid out by Svelte (which are of course taught in this course). As a result, the Svelte compiler will produce a small and highly optimized JavaScript bundle which can be deployed.

In this course, you'll learn all about Svelte, how it works, its core features and how to run your final app on a real server!

Svelte.js is a tool for building highly reactive, modern user interfaces for the web - and it's a great alternative to JavaScript frameworks and libraries like React.js, Angular or Vue.

What will you learn?

  • What is Svelte and why would you use it?

  • All the core features and base syntax

  • How to render conditional and list content

  • How to write reactive and fast web applications

  • All about components, how to pass data around and how to create re-usable building blocks

  • How to efficiently manage data in your application via Svelte stores

  • How to reach out to a backend server and send + fetch data

  • How to pre-render your app on a server and improve SEO

Is this course for you?

Svelte is a popular alternative to React.js, Angular and Vue and learning it will benefit any frontend web developer.

You don't need to know these frameworks to learn Svelte though - but if you do know them, you'll learn about an interesting alternative which might allow you to build your web projects with less code (and get an even faster app along the way!).

You need NO advanced JavaScript knowledge, basic knowledge will do.

If you're interested in building modern, reactive user interfaces that load quickly and run fast, SvelteJS is a tool you shouldn't overlook!

What's in the course?

  • Learn Svelte from scratch - zero knowledge assumed!

  • Theory and practice modules

  • A complete course project (the "meetup planner")

  • Assignments and tasks

  • All source code is attached to lectures and modules

  • 30 day trial phase - get your money back with no questions asked if you're not happy!

Who's teaching you?

My name is Maximilian Schwarzmüller and I'm teaching a broad variety of web & mobile development topics here on Udemy. I immediately loved Svelte when I learned about it since it fills an important gap between vanilla JavaScript and frameworks like Angular, React or Vue.

It can be used to replace these frameworks or to enhance apps built with them - and I simply love lightweight apps and clean syntax rules.

Who this course is for:

  • Beginner and advanced JavaScript students who are interested in writing high-performance frontend applications
  • Students who already know modern JavaScript frameworks and want to learn about a lightweight, production-ready alternative

Featured review

i g
i g
138 courses
34 reviews
Rating: 4.5 out of 5a year ago
Great as usual, just don't like the last part. In the end (sapper and deployment section) I should follow along with project that we build. For me, It's better for the new material section to not 'depend' on something that not everyone will follow along. Of course I can just download the finished code but that's not my style. Anyway that's not something crucial though, the course still recommended

Instructors

Academind by Maximilian Schwarzmüller
Online Education
Academind by Maximilian Schwarzmüller
  • 4.6 Instructor Rating
  • 303,916 Reviews
  • 1,291,627 Students
  • 25 Courses

Bundling the courses and know how of successful instructors, Academind strives to deliver high quality online education. 

Online Education, Real-Life Success - that's what Academind stands for. Learn topics like web development, data analyses and more in a fun and engaging way.

Currently, you can find courses published by Maximilian Schwarzmüller and Manuel Lorenz, more instructors to come!

Keep learning!

Maximilian Schwarzmüller
Professional Web Developer and Instructor
Maximilian Schwarzmüller
  • 4.6 Instructor Rating
  • 553,190 Reviews
  • 1,310,090 Students
  • 35 Courses

Experience as (Web) Developer

Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.

Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS in a lot of projects. I love both worlds nowadays!

As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.

Experience as Instructor

As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enables me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 1,000,000 students on Udemy as well as a successful YouTube channel is the best proof for that.

Whether working as development instructor or teaching Business Administration I always received great feedback. The most rewarding experience is to see how people find new, better jobs, build awesome web applications, acquire amazing projects or simply enjoy their hobby with the help of my content.

Together with Manuel Lorenz, I founded Academind to offer the best possible learning experience to our more than 1,000,000 students.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.