Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Angular 18: Firebase Authentication + Pannellum Virtual Tour
Rating: 4.5 out of 5(1 rating)
20 students

Angular 18: Firebase Authentication + Pannellum Virtual Tour

Build a Login-Protected Angular v18 App with Firebase Authentication and Add a Virtual Tour Using Pannellum
Created byTomasz Klewicki
Last updated 11/2024
English

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

Course content

3 sections16 lectures2h 27m total length
  • Introduction1:45

    A quick introduction to the project followed by a brief description of the first section.

  • Angular Project Setup4:50

    Creating a new Angular project, as well as initializing components and services.

  • Firebase Setup7:17

    Connecting Angular app to Firebase using the Firebase console, CLI, and AngularFire package.

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.

Who this course is for:

  • 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.