Angular 18: Firebase Authentication + Pannellum Virtual Tour

Build Secure Angular Apps and Enhance User Experience with Interactive Virtual Tours

What you'll learn

Learn to Create and Structure Angular v18 Applications

Master Firebase Authentication & Secure Routes with Auth Guard

Develop Immersive 360° Virtual Tours Using Pannellum

Customize and Style Pannellum Virtual Tours

Use Angular Material for Styling

Requirements

Having basic knowledge of JavaScript/Typescript and Angular is preferred but not obligatory.

The course is conducted in the MS Windows environment and utilizes VS Code as the IDE.

Description

Welcome to "Angular 18: Firebase Authentication + Pannellum Virtual Tour"—your complete guide to mastering Angular's latest version, securing applications with Firebase authentication, and adding stunning 360° virtual tours with Pannellum.In this course, you’ll learn how to build a fully functional Angular v18 application from scratch, focusing on best practices for structuring your project. We’ll dive deep into Firebase Authentication, enabling you to secure your app by implementing login functionality and setting up authentication guards to control access to specific routes. Additionally, you’ll learn how to style your application using Angular Material to create a polished, user-friendly interface.Beyond the above, this course introduces you to the Pannellum library, where you’ll learn how to create interactive and immersive 360° virtual tours directly within your Angular app. Whether you’re building a real estate website, showcasing a virtual tour, or developing any project requiring panoramic views, this section will empower you to add rich, interactive content to your web applications.You’ll also discover how to customize the styling of the virtual tours to make them visually appealing and user-friendly, providing an elevated user experience.This course is designed for web developers eager to expand their skill set by working with Angular v18, Firebase, and Pannellum. By the end, you’ll have a polished project that combines cutting-edge authentication and stunning virtual tours.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Angular Project Setup

Lecture 3 Firebase Setup

Section 2: Authorization

Lecture 4 Auth Service Setup

Lecture 5 Routes Setup

Lecture 6 Angular Material Installation

Lecture 7 Login Component

Lecture 8 Login Html

Lecture 9 Adding User to Firebase

Lecture 10 Home Route Protection with Auth Guard

Lecture 11 Styling Home Component & Logout Functionality

Section 3: Pannellum Virtual Tour

Lecture 12 Pannellum Initialization & Basic Setup

Lecture 13 Virtual Tour Scenes

Lecture 14 Adding Info Hotspot

Lecture 15 Creating Custom Info Hotspot

Lecture 16 Min-Max View and Preview Image

This course is ideal for web developers looking to dive into Angular v18 and Firebase to build secure, modern web applications. It's also perfect for those who want to easily integrate immersive 360° virtual tours into their websites using Pannellum, without sacrificing quality or time. Whether you're new to Angular or looking to enhance your skills with Firebase authentication and virtual tour creation, this course has you covered.