Online Course – Certified Professional Internship in JS 18 and Firebase 9 from Packt Institute

A hands-on course on React 18, Firebase, and Tailwind. Learn to create a real estate website using React.js, Firebase, and Tailwind, while developing a real estate agent clone.

Suggested by: Coursera (What is Coursera?)

Professional Certificate

Beginners

No prior knowledge required

Time to complete the course

7-day free trial

No unnecessary risks

Skills you will acquire in the course

  • React
  • JSX
  • Tailwind CSS
  • Fairbase
  • Werzel

What you will learn in the course

Courses for which the course is suitable

  • Software developer
  • Frontend developer
  • React developer
  • Full Stack Developer
  • Web developer
  • Web application developer
  • UI/UX developer
  • Firebase developer
  • Content Management Systems Developer
  • Dynamic Application Developer

Internship – a three-part course series

This course walks you through the steps to create an advanced Realtor Clone using ReactJS 18 and Firebase 9. After an overview, you’ll start by installing ReactJS and Tailwind CSS, setting up project templates, and creating essential components. By the end of the first modules, you’ll have a solid foundation and a working project structure.

Authenticate users using Firebase Auth

Next, you will explore user authentication using Firebase Auth Version 9. This section will guide you through setting up:

  • Login pages
  • Registration
  • Password recovery
  • OAuth implementation
  • Ensuring secure access for users

You will also learn how to create and protect profile pages, add functions such as editing and list management, so that your application is robust and user-friendly.

Improving the user experience and application layout

The final modules focus on improving the user experience and layout of your application. You will incorporate features such as:

  • Dynamic titles
  • Image sliders
  • Maps
  • Contact components with apartment landlords

The course concludes with a comprehensive guide to deploying your perfect Realtor Clone in Vercel, so your project is up and running. Each section of the course is structured to gradually develop your skills, making complex values ​​comfortable and practical.

Target audience

This course is designed for intermediate-advanced developers with a basic understanding of JavaScript and ReactJS. Familiarity with Firebase and web development concepts may be helpful, but is not required.

Hands-on Learning Project

Learners will build a full-featured Realtor application using ReactJS, Firebase, and Tailwind CSS, gaining hands-on experience with modern web development technologies. They will use these skills to create a dynamic, user-authenticated platform for real estate listings, and solve real-world problems such as:

  • User authentication
  • Data Management
  • UI design

Details of the courses that make up the specialization

ReactJS and Tailwind CSS Basics

Course 1 • 6 hours

Course Details
What you will learn:
  • Installing and configuring ReactJS and Tailwind CSS
  • Understanding the basics of building and ranking responsive web pages
  • Analyzing the process of developing and integrating authentication features using Firebase
  • Developing a fully functional web application, improving the user experience with dynamic components.
Skills you will acquire:
  • Category: CSS Frameworks
  • Category: Firebase Authentication
  • Category: Website Development
  • Category: Tailwind CSS
  • Category: React.js

User profile and list management

Course 2 • 9 hours

Course Details
What you will learn:
  • Identify and explain how to implement private paths and add an exit function to protect the profile.
  • Demonstrate how to add and manage attributes and dynamics for editing profiles and components.
  • Distinguishing and evaluating static and dynamic components such as headers and spinners.
  • Development and maintenance of comprehensive EditListing pages and the ‘My Listings’ section in users’ profiles.
Skills you will acquire:
  • Category: List UI
  • Category: User Profile Management
  • Category: React Components
  • Category: Private paths
  • Category: List Management

Advanced features and implementation

Course 3 • 6 hours

Course Details
What you will learn:
  • Identify key components and explain how to create a Swiper image slider and add a copy-to-share function.
  • Implementing a landlord contact component and developing a dynamic homepage with Leaflet maps.
  • Analyze the map integration and evaluate how the homepage increases user engagement.
  • Developing a fully functional web application and transferring it to Vercel.
Skills you will acquire:
  • Category: Swiper
  • Category: Advanced React Development
  • Category: Leaflet (software)
  • Category: Vercel
  • Category: react-leaflet maps