Advanced Features and Deployment

External: Coursera Courses ↗ · Coursera

Open Course on External: Coursera

Free to audit · Opens on External: Coursera

Advanced Features and Deployment

Coursera · Intermediate ·🌐 Frontend Engineering ·3mo ago

Key Takeaways

Creates a listing page with image slider and share copy functionality using Swiper and react-leaflet packages

Original Description

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.
Watch on External: Coursera ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related AI Lessons

Had my Frontend Developer interview with Capgemini (Application Developer) today, and I wanted to…
Prepare for a frontend developer interview with Capgemini by reviewing JavaScript fundamentals and practicing common interview questions
Medium · JavaScript
10 Frontend Developer Tools to Boost Productivity in 2026
Boost frontend productivity with 10 essential tools for modern web app development
Medium · Programming
10 Frontend Developer Tools to Boost Productivity in 2026
Boost frontend productivity with top 10 developer tools in 2026
Medium · JavaScript
The US Frontend Engineer Market in 2026: A Data-Driven Reality Check (and the Bias That Stops Us Seeing It)
US frontend engineer hiring demand peaked in 2022 and remains flat-depressed in 2026, contrary to common assumptions
Dev.to AI
Up next
The masks we wear | Zora Krstić | TEDxLuxembourgCity
TEDx Talks
Watch →