Svelte Crash Course: Build Projects with Backend Connections

Svelte Crash Course through Projects w/ Backend Connections

Learn Svelte through 2 Projects (includes Reactivity, Components, Backend Connectivity and Best Practices)

Created by : Rated :4.8 523 views

Last Updated: 2024-07-08 09:07:33 English Course Type: Self Learning

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

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!

Have basic understanding of HTML and CSS
Some knowledge of Javascript is useful
NO knowledge of React or another framework required

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!

Section 1 : Introduction and Basic Setup 4 Lectures 00:23:09
Lecture 1 :
Course Introduction Preview
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 3 Lectures 00:22:39
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 3 Lectures 00:13:39
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 2 Lectures 00:11:58
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 4 Lectures 00:27:59
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 1 Lectures 00:04:05
Lecture 1 :
Structure Code for backend
Section 7 : Communicating with the Backend through a REST API 2 Lectures 00:15:51
Lecture 1 :
Creating Backend
Lecture 2 :
Sending Data to the Backend from Svelt
Section 8 : Creating Session Data for User Login 1 Lectures 00:08:11
Lecture 1 :
Creating a Login Form and Saving Session Data

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?

Dr. Mohammed Nauman,

4764 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.