Hyper Cloud / Svelte 101 Workshop

👋🏻 Hello,

This is a workshop on how to set up cookie-based session authentication using SvelteKit.

SvelteKit is the new way to build Svelte Applications, it combines the client and server in a clean and seamless bridge so you can build your applications in complete flow.

For more details check out:

https://blog.hyper.io/sveltekit-authentication/

Workshop Completed Github Repository:

https://github.com/hyper63/sveltekit-auth-workshop

Thank you for taking the workshop!

This is a screencast on Svelte with Google OAuth, we create a api server using express js and protect the server using Googles OAuth Library. Then we create a Svelte Store and manage the auth workflow within a Svelte Application.

Blog Post
https://blog.hyper63.com/svelte-google-oauth/

Github Repo

https://github.com/hyper63/google-auth-demo

This is a demo of Svelte-Query a module that provides conventional state management features around Server Side State.

Repository:
https://github.com/twilson63/svelte-query-demo

Blog Post
https://blog.hyper63.com/intro-to-svelte-query/

Svelte 101 Workshop

Join Tom Wilson of hyper63 for a 3-hour workshop learning Svelte, a web framework that provides both a great developer experience and a great user experience. Svelte is the web framework that gets out of the way, literally it is a compiler and only ships a tiny footprint to the browser. Learn a different approach to frontend development. https://svelte.dev

Learning Objectives

In this workshop you will learn to:

* use the basics of components in Svelte
* use reactivity in Svelte
* use stores for application state in Svelte
* use actions in Svelte
* do transitions
* unit testing with cypress

Prerequisites

In order to get the best experience you should:

* be knowledgeable about JavaScript
* be knowledgeable about Web (HTML/CSS/DOM)
* be knowledgeable about git version control
* have NodeJS v12 - https://nodejs.org
* have a Code Editor - https://code.visualstudio.com/
* two monitors, one for the video feed and one for your work area

Here is the workshop github repo - https://github.com/hyper63/weather

For more on Svelte check out this repo: https://github.com/hyper63/svelte101-workshop

About the Instructor

Tom Wilson has been in the software development industry for over 25 years. Continuous learning and teaching have been a part of his journey. Since 2007, Tom has participated in the tech community hosting and running meetups and providing workshops focused on software development. In 2016, Tom launched a coding school in Charleston, SC, JRS Coding School, focused on full-stack javascript. In 2020, Tom founded hyper63; a company focused on leading engineers from beginner to expert.