Tech & IT
Business
Coding & Developer
Finance & Accounting
Academics
Office Applications
Art & Design
Marketing
Health & Wellness
Sounds & Music
Lifestyle
Photography
Get Unlimited Learning Access
$29
6 days left at this price!
30-Day Money-Back Guarantee
This plan includes
- Instant access to 11,000+ online courses
- Play & Pause Course Videos
HD Video Recorded Lectures- Learn on Mobile/PC/Tablet
- Quizzes and Real Projects
- Lifetime Course Certificate
- Instructor Chat Support
- Cancel Plan Anytime
Subscribe to Learnfly’s top courses
Get this course, plus 11,000+ of our top-rated courses for one year with Go Annually Plan.
6 days left at this price!
30-Day Money-Back Guarantee
This plan includes
- Instant access to 11,000+ online courses
- Play & Pause Course Videos
- HD Video Recorded Lectures
- Learn on Mobile/PC/Tablet
- Quizzes and Real Projects
- Lifetime Course Certificate
- Instructor Chat Support
- Cancel Plan Anytime
$29
What you'll learn?
- Find out why compiled front-end code is such a great idea
- Learn Svelte constructs, components, messages and events and many more
- See how to use Stores and best practices for them
- Learn how to properly connect Svelte to a backend
Course Overview
The next big thing:
If you think React, Vue and Angular are the only popular front-end frameworks, you're missing out on the next big thing: SVELTE!
Why Svelte?
Svelte is a radical new way of handling frontend. It brings the best of both worlds .. it lets you create your front-end in a modular way. It has components, events, messages, data stores -- everything a modern framework has. BUT ... it doesn't come with all the baggage of performance overhead. Svelte achieves this by compiling your code once on the server-side and sending pure javascript to the browser.
This makes frontends written in Svelte blazingly fast and extremely easy to maintain. This is why many believe Svelte to be the future of front-end development.
Why Get This Course?
With this course, you can learn the best practices in Svelte and how to use it to create real-world applications. We cover all important aspects of Svelte including:
Svelte constructs
Components
Component interactions and properties
Events, handlers and messages
Svelte shorthands to save time
Stores and best practices associated with them
... most importantly, see how to connect Svelte to the backend through REST in the best way possible!
What You Will Learn?
By the end of the course, you'll have a thorough understanding of the philosophy of Svelte and you would be able to dive even deeper into your particular use case. This is supposed to be the first step in your journey towards compiled frontends. Take this first step and the rest of the stuff will be much, much easier for you. You will understand the philosophy of Svelte and the official docs will make much more sense to you so that you can continue to learn on your own independently!
Pre-requisites
- Have basic understanding of HTML and CSS
- Some knowledge of Javascript is useful
- NO knowledge of React or another framework required
Target Audience
- Front-end developers
- Anyone who is creating dynamic websites
- Those working in React, Vue or Angular who want to learn the framework that might replace these in the future!
Curriculum 20 Lectures 02:07:31
-
Section 1 : Introduction and Basic Setup
- Lecture 2 :
- Introduction to the Svelte Way
- Lecture 3 :
- Basic Todo Template
- Lecture 4 :
- Create Essential Components
-
Section 2 : Data Flow, Properties, Events and Handlers
- Lecture 1 :
- Defining and Passing Data
- Lecture 2 :
- Events, Handlers and Message Dispatch
- Lecture 3 :
- Adding Reactivity to Components
-
Section 3 : Data from Other Components, Binding and Other Features
- Lecture 1 :
- Access Data from Within Other Components
- Lecture 2 :
- Adding Deletion Functionality
- Lecture 3 :
- Adding Animations Easily through Transitions
-
Section 4 : Project 2: Chitter - Creating The Template
- Lecture 1 :
- Setup and Creating the Basic Template
- Lecture 2 :
- Creating the Chits Container and Chit Components
-
Section 5 : Chitter - Store and Access Data Efficiently
- Lecture 1 :
- Svelte Stores and why to use
- Lecture 2 :
- Inserting Data into Stores (the long way!)
- Lecture 3 :
- Saving Data into Stores the Right Way!
- Lecture 4 :
- Adding Another Custom Function to the Store
-
Section 6 : Create a Dummy Backend in Stores
- Lecture 1 :
- Structure Code for backend
-
Section 7 : Communicating with the Backend through a REST API
- Lecture 1 :
- Creating Backend
- Lecture 2 :
- Sending Data to the Backend from Svelt
-
Section 8 : Creating Session Data for User Login
- Lecture 1 :
- Creating a Login Form and Saving Session Data
Our learners work at
Frequently Asked Questions
-
How do i access the course after purchase?
It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time. -
Are these video based online self-learning courses?
Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic. -
Can i play & pause the course as per my convenience?
Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on. -
How do i contact the instructor for any doubts or questions?
Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want. -
Do i need a pc to access the course or can i do it on mobile & tablet as well?
Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly. -
Do i get any certificate for the courses?
Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
-
For how long can i access my course on the platform?
You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions. -
Is there any free trial?
Currently, we do not offer any free trial. -
Can i cancel anytime?
Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?
Instructor
2791 Course Views
9 Courses
I have a PhD in Computer Sciences and a PostDoc from the Max Planck Institute for Software Systems. I have been programming since early 2000 and have worked with many different languages, tools and platforms. I have an extensive research experience with many state-of-the-art models to my name. My research in Android security has led to some major shifts in the Android permission model.
.jpg?crop=smart&width=600&height=400)
.jpg?crop=smart&width=600&height=400)
.jpg?crop=smart&width=600&height=400)
.jpg?crop=smart&width=600&height=400)
