Learn to build scalable, secure back-end applications using Node.js and integrate them with Svelte and SvelteKit front-ends.
Get ready to embark on an exciting learning journey
Learn full-stack development with Svelte/SvelteKit and Firebase. Build 6 projects including authentication, databases, and real-time features.
By completing this course, you will:
| Session | 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 | - |