Lets build something AWESOME with Svelte and Sveltekit!

Lets build something AWESOME with Svelte and Sveltekit!, available at $59.99, has an average rating of 3.7, with 80 lectures, based on 5 reviews, and has 65 subscribers.

You will learn about Plan an application from backend to frontend How to use Sveltekit and Svelte Build a fast fullstack CRUD application with Authentication Learn how to use Netlify & Netlify Serverless functions Learn how to save/update your data in Mongodb in the cloud This course is ideal for individuals who are This course is for anyone who wants to know how develop a fullstack crud authenticated application using Svelte and Sveltekit with Netlify and Netlify Serverless fuctions. It is particularly useful for This course is for anyone who wants to know how develop a fullstack crud authenticated application using Svelte and Sveltekit with Netlify and Netlify Serverless fuctions.

Enroll now: Lets build something AWESOME with Svelte and Sveltekit!

Summary

Title: Lets build something AWESOME with Svelte and Sveltekit!

Price: $59.99

Average Rating: 3.7

Number of Lectures: 80

Number of Published Lectures: 80

Number of Curriculum Items: 80

Number of Published Curriculum Objects: 80

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Plan an application from backend to frontend
How to use Sveltekit and Svelte
Build a fast fullstack CRUD application with Authentication
Learn how to use Netlify & Netlify Serverless functions
Learn how to save/update your data in Mongodb in the cloud

Who Should Attend

This course is for anyone who wants to know how develop a fullstack crud authenticated application using Svelte and Sveltekit with Netlify and Netlify Serverless fuctions.

Target Audiences

This course is for anyone who wants to know how develop a fullstack crud authenticated application using Svelte and Sveltekit with Netlify and Netlify Serverless fuctions.

Build an awesome svelte project using amazing Sveltekit framework!

For the course project you will be taking on the role of developer/freelancer to a client who has provided a basic requirements specification document. You’re mission will be to create a state of the art web application that will exceed your clients expectations. To do this you will use the fastest and most loved development software Svelte and Sveltkit.

You will cover a ton of svelte features including Stores, Dispatch, Reactivity all of which you will learn to handle State Management. You will also cover many Sveltekit features including routing, dynamic routing, layout, hooks and I will even add a cookie! You will add dark/light theme and seo and site map.

The course application will cover everything from Sveltekit routing, navigation for small and large devices, authentication, login/register, full-crud functionality for two sets of data, netlify serverless functions, Api http request functions.

We will be using Mongodb Atlas (cloud) for data storage and Cloudinary for images. And its all very very fast and smooth. We will be taking advantage of Svetlekit preloading functions and hooks.

Did I mention we will deploy to netlify, which has some really neat features as you will see in the course. We will cover manual deploys throughout the course application and continuous (automatic) deploys using Github in the last part of the course.

I’ve put a lot in, so you can take a lot out! Enjoy!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Concepts

Chapter 2: Setup

Lecture 1: Setup – What you need to do …

Lecture 2: Netlify

Lecture 3: Mongodb

Lecture 4: Folder Structure

Chapter 3: Course Project – Flipkit

Lecture 1: +layout.svelte, Basic Components

Lecture 2: Our First Store – appStore.js

Lecture 3: +layout.svelte Update for State Management

Lecture 4: Nav.svelte

Lecture 5: Vnav.svelte

Lecture 6: Sidebar.svelte

Lecture 7: Hnav.svelte

Chapter 4: Projects

Lecture 1: Projects : Intro / Setup

Lecture 2: Loading Function – +page.js

Lecture 3: Our First Netlify Serverless Function

Lecture 4: Netlify helper function – db-helper.js

Lecture 5: Routing +page.svelte / Project Store

Lecture 6: Projects.svelte

Lecture 7: ProjectItem.svelte

Lecture 8: Dynamic Routing – Project

Chapter 5: User Store / Local Storage

Lecture 1: Local Storage / Client Call

Lecture 2: Issue with Build Folder

Lecture 3: User Store

Lecture 4: registerUser.js – Code

Lecture 5: registerUser.js – Netlify – Explained

Lecture 6: registerUser.js – Backend

Lecture 7: loginUser.js – Netlify

Lecture 8: loginUser.js – Backend

Lecture 9: Login – route/login/+page.svelte Script

Lecture 10: Login – route/login/+page.svelte Markup

Lecture 11: Logio.svelte

Lecture 12: Testing Register / Login

Chapter 6: CRUD

Lecture 1: addProject.js – Netlify

Lecture 2: addProj() – Api

Lecture 3: project.js – addProject()

Lecture 4: Components – projectupdate/[id]/+page.svelte

Lecture 5: Project Dynamic Route Script Explained

Lecture 6: Project Dynamic Route Markup Explained

Lecture 7: TESTING – Add New Project

Lecture 8: updProject.js – Netlify

Lecture 9: delProject.js – Netlify

Lecture 10: updProject() – Api.js

Lecture 11: delProject_Api.js

Lecture 12: Project Store – updateProject

Lecture 13: Project Store – removeProject

Lecture 14: Components for Update / Delete

Lecture 15: TESTING – Edit & Delete

Chapter 7: Transitions, Filter, Like, Alerts

Lecture 1: Introduction / Client Call

Lecture 2: Filter : ProjectFilter.svelte

Lecture 3: Update Projects.svelte for Filter

Lecture 4: Like – Netlify, Api, Store Updates

Lecture 5: ProjectItem.svelte – Update for Like

Lecture 6: TESTING – Like

Lecture 7: Alert.svelte – Code

Lecture 8: Alerts – add to Application

Lecture 9: Transitions Part 1 of 2

Lecture 10: Transitions Part 2 of 2

Chapter 8: EzFlip & Contacts

Lecture 1: Introduction – Ezflip Route (ezflip/+page.svelte)

Lecture 2: EzFlip Dynamic Route (ezflip/[id]/+page.svelte)

Lecture 3: Ezflip – Api.js – updEzflip, projects.js Testing

Lecture 4: Contacts – Netlify functions

Lecture 5: Contacts – Api functions

Lecture 6: Contacts Store – contacts.js

Lecture 7: Contacts.svelte, ContactItem.svelte

Lecture 8: contactupdate Route

Lecture 9: TESTING – Contacts

Chapter 9: Themes & SEO

Lecture 1: Introduction – Theme – hooks.server.js

Lecture 2: Theme – HNav update

Lecture 3: Theme – Sidebar Update

Lecture 4: TESTING – Theme

Lecture 5: SEO – Part 1 of 2

Lecture 6: SEO – Part 2 of 2

Lecture 7: SiteMap

Chapter 10: Deploy to Netlify

Lecture 1: Introduction, Manual Deploy

Lecture 2: Github – Create Repository

Lecture 3: Create Local Git Repository

Lecture 4: PUSH to Github

Lecture 5: LINK Netlify to Github

Lecture 6: TEST Netlify Continuous Deploy

Instructors

Patrick Kavanagh
Instructor

Rating Distribution

1 stars: 1 votes
2 stars: 0 votes
3 stars: 1 votes
4 stars: 1 votes
5 stars: 2 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!

Menu