Build with Svelte, Deploy with Netlify. Awesome together!

Build with Svelte, Deploy with Netlify. Awesome together!, available at $59.99, has an average rating of 4.75, with 84 lectures, based on 2 reviews, and has 36 subscribers.

You will learn about How to use key features of Svelte Routing, Navigation, Authentication Create and Implement Netlify Serverless Functions Build and deploy a complete CRUD application with authentication and Cloud Storage This course is ideal for individuals who are Everyone interested in learning how to create and deploy an application. or Everyone interested in learning more Svelte. or Everyone who wants to know how to use Netlify Serverless Functions. or Anyone who want to have a CRUD application with authentication. It is particularly useful for Everyone interested in learning how to create and deploy an application. or Everyone interested in learning more Svelte. or Everyone who wants to know how to use Netlify Serverless Functions. or Anyone who want to have a CRUD application with authentication.

Enroll now: Build with Svelte, Deploy with Netlify. Awesome together!

Summary

Title: Build with Svelte, Deploy with Netlify. Awesome together!

Price: $59.99

Average Rating: 4.75

Number of Lectures: 84

Number of Published Lectures: 84

Number of Curriculum Items: 84

Number of Published Curriculum Objects: 84

Original Price: $59.99

Quality Status: approved

Status: Live

What You Will Learn

How to use key features of Svelte
Routing, Navigation, Authentication
Create and Implement Netlify Serverless Functions
Build and deploy a complete CRUD application with authentication and Cloud Storage

Who Should Attend

Everyone interested in learning how to create and deploy an application.
Everyone interested in learning more Svelte.
Everyone who wants to know how to use Netlify Serverless Functions.
Anyone who want to have a CRUD application with authentication.

Target Audiences

Everyone interested in learning how to create and deploy an application.
Everyone interested in learning more Svelte.
Everyone who wants to know how to use Netlify Serverless Functions.
Anyone who want to have a CRUD application with authentication.

The course is not so much about Svelte and (Netlify) Serverless Functions, although it does cover both, in depth, but it is more about creating a complete project from backend (Mongodb) to a blazingly fast sleek Svelte front end, using routing, navigation, authentication and of course deploying the visually vibrant CRUD course project,Flip, to the internet using some amazing capabilities of Netlify.

This course has it all! All using FREE software and accounts!! It doesnt get any better than this! If you love Svelte (and you should), then you will also love Netlify and this course brings you both!

The course starts off by briefly covering some important concepts you should consider before developing any application before moving on to the Setup of all software and accounts you will need. Setup sheets are provided for items you can install/setup. Svelte and Mongodb Atlas/Compass will be covered in the course.

The course sees you taking on the role of freelancer and your client has provided you with a requirements specification for a project they want to be completed as a web-app. Having considered your client’s needs, the application will be built using Svelte, Mongodb and Netlify Serverless functions and deployed to Netlify. The course will take you through the data-flow of the project, covering all important state management, component by component, step by step, giving you exercises along the way to build on your knowledge and skill, culminating in a very fast, very visual web application that will more than satisfy your client’s requirements. You will get lots of exercises along the way and to get the most out of this course you need to do these exercises and not just copy code. That way, you build your skill and confidence.

You will use Netlify to deploy a temporary website before writing a single line of code and you will see the power of Netlify when it comes to providing the client with a temporary but live view of the progress of your application. At completion of the project we will deploy to Netlify via Github for a seamless efficiency which is the hallmark of Netlify (called Continuous Deployment).

This course was developed in late 2022 in preparation for release early 2023 so you will be using latest versions of software as at that time. After Section 2 all sections have a Checkpoint zip file with all the code at the each of that section, checked and confirmed accurate, to aid you in completing the course. If you get stuck, check the next Checkpoint! A lecture on Troubleshooting is included. Try to troubleshoot before you post to Q&A.

I hope you enjoy the course and that it leaves you not wondering what to do next nor how, but instead KNOWING what you need to do AND how you will do it in your next project. I wish you every success!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Aims, What you can expect, Course Requirements, Course App / Req.Spec

Lecture 2: Concepts : Design, State Management, Svelte, Components, Data-flow

Chapter 2: Setup – Software & Accounts

Lecture 1: Software / Accounts that YOU need to setup

Lecture 2: Svelte & Dependencies

Lecture 3: Netlify Client

Lecture 4: Course Project Folder Structure / Starter Resource

Lecture 5: Checkpoint 1 / How we will build the course App

Chapter 3: Course Project – Flip – Part 1

Lecture 1: Create App.svelte

Lecture 2: Basic Component Files

Lecture 3: Our First Store – appStore.js

Lecture 4: Splashscreen – Home.svelte

Lecture 5: Navigation – Nav.svelte

Lecture 6: Navigation – vNav.svelte

Lecture 7: Navigation – Sidebar.svelte

Lecture 8: Navigation – hNav.svelte

Chapter 4: Course Project – Part 2 – Projects

Lecture 1: Introduction, Setup Mongodb Atlas / Compass, .env file

Lecture 2: Netlify Serverless Functions getProjects.js

Lecture 3: db-helper.js

Lecture 4: Api.js – getProjects() [2]

Lecture 5: projects.js Store [3]

Lecture 6: EXERCISE – Projects.svelte (pages folder)

Lecture 7: Projects.svelte (components/Projects) [4] – Code

Lecture 8: HELP! – it did not work!

Lecture 9: EXERCISE – ProjectItem.svelte

Lecture 10: ProjectItem.svelte Code

Lecture 11: Exercise : ProjectTemplate.svelte

Lecture 12: Checkpoint 4 – Projects.zip

Chapter 5: Course Project – Part 3 – User Store and Local Storage

Lecture 1: Ring! Ring! Call from Client

Lecture 2: Local Storage / User Store

Lecture 3: registerUser.js – Netlify

Lecture 4: registerUser.js – backend

Lecture 5: Exercise – loginUser.js – Netlify

Lecture 6: loginUser.js – Netlify – code

Lecture 7: Exercise – loginUser.js – backend

Lecture 8: Exercise – Login.svelte – script

Lecture 9: Login.svelte – code

Lecture 10: Exercise – Login.svelte markup

Lecture 11: Login.svelte – markup – code

Lecture 12: Exercise – Logio.svelte

Lecture 13: Logio.svelte – code

Lecture 14: Test it! Login

Chapter 6: Course Project – Part 4 – CRUD for Projects

Lecture 1: CRUD Intro – addProjects.js – Netlify

Lecture 2: addProject.js – Code

Lecture 3: Exercise – updProject.js – Netlify

Lecture 4: updProject.js – Netlify – Code

Lecture 5: Exercise – delProject.js – Netlify

Lecture 6: delProject.js – Netlify – Code

Lecture 7: /backend/Api.js – addProject()

Lecture 8: Exercise – Api.js – updProj()

Lecture 9: Api.js – updProj() – code

Lecture 10: Exercise – Api.js – delProj()

Lecture 11: Api.js – delProj() – Code

Lecture 12: project.js Store functions for Add, Edit, Delete

Lecture 13: Components – ProjectUpdate.svelte – Script Exercise

Lecture 14: ProjectUpdate.svelte – script – Code

Lecture 15: Exercise – ProjectUpdate.svelte – Markup

Lecture 16: ProjectUpdate.svelte – Markup – Code

Lecture 17: Components Update for Data-Flow (Add, Edit, Delete)

Lecture 18: Test it! Add New Project

Lecture 19: Testing – It does NOT work!!!!

Lecture 20: Test it! – Edit and Delete Project

Lecture 21: Correction for Netlify addProject and projects.js addProj / Checkpoint_6_CRUD

Chapter 7: Transitions, Alerts & More

Lecture 1: Introduction and Client Call

Lecture 2: ProjectFilter – Part 1 of 2

Lecture 3: ProjectFilter – Part 2 of 2

Lecture 4: Exercise Api.js incLike()

Lecture 5: Exercise ProjectItem.svelte Updates for Like

Lecture 6: Test it! Like

Lecture 7: Alert.svelte

Lecture 8: Using Alerts

Lecture 9: Transitions – Part 2 of 2

Chapter 8: Extra Section – Ezflip!

Lecture 1: Transitions – Part 1 of 2

Lecture 2: Ring! Ring!

Lecture 3: Exercise EzFlip.svelte

Lecture 4: EzFlip.svelte Code

Lecture 5: Exercise Api.js – updEzFlip(), projects.js – updateEzflip()

Lecture 6: Api.js – updEzFlip(), projects.js – updateEzFlip() Code

Chapter 9: Deploy

Lecture 1: Deploy_Intro_Changes

Lecture 2: Manual Deploy

Lecture 3: Continuous Deploy – Github Repository

Lecture 4: Continuous Deploy – Local Git Repository

Lecture 5: Continuous Deploy – Link Netlify Website with Github Repo

Lecture 6: Continuous Deploy – Testing!

Lecture 7: End of Section – End of Course

Instructors

Patrick Kavanagh
Instructor

Rating Distribution

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