Web-3 Server-Side Development & Authentication

Program Overview

Learn full-stack development with Svelte/SvelteKit and Firebase. Build 6 projects including authentication, databases, and real-time features.

Learning Outcomes

By completing this course, you will:

• Build secure server-side applications with Node.js
• Implement user authentication and authorization
• Deploy full-stack applications to production

Prerequisites

• Basic HTML, CSS, and JavaScript
• Computer with internet connection
• GitHub account

📊 Lesson Structure

Web-3 Server-Side Development and Authentication - Session Logistics

Lesson	Topic	Objectives	Notes/File Link	Activities Link	Projects	Exit Ticket	Submission Link
1	Back-end Development	Learn server-side concepts and development setup	Concept 01: Back-end Development	Activity 01: Back-end Development	-	ET-1	Submit GitHub Profile
2	Svelte Components	Learn Svelte framework and component architecture	Concept 02: Svelte Components	Activity 02: Svelte Components	-	ET-2	Submit Activity
3	Svelte Props	Master component communication through props	Concept 03: Svelte Props	Activity 03: Svelte Props	-	ET-3	Submit Activity
4	Project One: My Biography	Create personal biography with Svelte	-	-	Project One: My Biography	-	Submit Project
5	Svelte Events	Learn event handling in Svelte	Concept 04: Svelte Events	Activity 04: Svelte Events	-	ET-4	Submit Activity
6	Svelte Reactivity	Master Svelte's reactive programming	Concept 05: Svelte Reactivity	Activity 05: Svelte Reactivity	-	ET-5	Submit Activity
7	Svelte Data Binding	Learn two-way data binding and forms	Concept 06: Svelte Data Binding	Activity 06: Svelte Data Binding	-	ET-6	Submit Activity
8	Project 2: Maths Calculator	Build interactive calculator with Svelte	-	-	Project 2: Math Calculator	-	Submit Project
9	Svelte Logic	Learn conditional rendering and logic blocks	Concept 07: Svelte Logic	Activity 07: Svelte Logic	-	ET-7	Submit Activity
10	SvelteKit	Learn SvelteKit for full-stack development	Concept 08: SvelteKit	Activity 08: SvelteKit	-	ET-8	Submit Activity
11	Project 3: Play with Colors	Create color manipulation app	-	-	Project 3: Play With Colours	-	Submit Project
12	Application Programming Interface	Learn API concepts and integration	Concept 09: Application Programming Interface	Activity 09: Application Programming Interface	-	ET-9	Submit Activity
13	Project 4: Steam Game Searcher	Build game search app with API	-	-	Project 4: Steam Game Searcher	-	Submit Project
14	Revision + Quiz 1	Review Svelte and SvelteKit concepts	Quiz 1 Revision	Quiz 1	-	-	-
15	Introduction to Firebase	Learn Firebase platform and setup	Concept 10: Introduction to Firebase	Activity 10: Introduction to Firebase	-	ET-10	Submit Activity
16	Firebase Authentication and Firestore	Master authentication and database integration	Concept 11: Firebase Authentication & Firestore	Activity 11: Firebase Authentication & Firestore	-	ET-11	-
17	Project 5: Mood Tracker (Part 1-4)	Build mood tracking app with Firebase	-	-	Project 5: Mood Tracker	-	-
18	Project 5: Mood Tracker (Part 5)	Complete mood tracker with advanced features	-	-	Project 5: Mood Tracker	-	Submit Project
19	Svelte Coding Challenge	Master advanced Svelte concepts	-	Svelte Coding Challenge	-	-	Submit Activity
20	Revision + Quiz 2	Review Firebase and advanced concepts	Quiz 2 Revision	Quiz 2	-	-	-
21	Final Project: My Dashboard (Part 1)	Plan personal dashboard application	-	-	Final Project - My Dashboard	-	-
22	Final Project: My Dashboard (Part 2)	Build dashboard features and data management	-	-	Final Project - My Dashboard	-	-
23	Final Project: My Dashboard (Part 3 + Presentation)	Complete dashboard and present project	-	-	Final Project - My Dashboard	-	Submit Project
24	Graduation	Project evaluation and course completion	Download Graduation Background	Complete Feedback Form	-	Submit Testimonial	-

Resources

• Svelte Documentation
• SvelteKit Documentation
• Firebase Documentation