Advanced Features and Deployment

Coursera MOOC / Non-credit USD 49
Enroll now →
Advanced Features and Deployment

About this course

Dive into advanced web development with this comprehensive course that walks you through creating a listing page featuring an image slider using Swiper. You'll learn to enhance user interaction by adding share copy functionality and including detailed listing information. The course also covers the creation of a landlord contact component and map integration with Leaflet and react-leaflet packages, providing a robust and interactive listing page. Continuing, you'll transform the homepage by incorporating a slider component, recent offers, and sections for places available for rent and sale. These elements will make your homepage dynamic and user-friendly, ensuring a great first impression for visitors. You'll also refine the offers and category pages by fetching relevant data and crafting dedicated sections for rental and sales properties, enhancing the user experience and navigability. Finally, you'll master the deployment process by learning to deploy your website to Vercel. This step-by-step guide ensures your site is live and accessible, marking the completion of your web development project. By the end of this course, you’ll have a fully functional, polished, and deployed web application. This course is ideal for intermediate to advanced web developers looking to enhance their skills in React. Prerequisites include basic knowledge of React, JavaScript, and web development concepts.

What you'll learn

  • Build an interactive listing page using React
  • Integrate image sliders with Swiper
  • Implement landlord contact components
  • Utilize map integration with Leaflet
  • Deploy web applications using Vercel

Course objectives

  • Enhance user interaction on web pages
  • Create dynamic and user-friendly homepages
  • Fetch and display relevant data for rental and sales properties

Skills you'll gain

Related courses

Course details are provided by the platform and may change — always confirm on the provider's site. Links may be affiliate links.