Unlock the power of AWS Amplify Studio to design visually stunning and fully functional user interfaces and backends. This course will guide you step-by-step, empowering you to build scalable web applications by combining React, Amplify, and Figma. You'll explore how to seamlessly bind data models to UI components, manage authentication and authorization, and host your applications efficiently.
![Packt](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/http://coursera-university-assets.s3.amazonaws.com/fa/3b9b5304c24cf4aa64054631ee946c/360-360-square.png?auto=format%2Ccompress&dpr=1&w=28&h=28)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/1a4589dccee10648821b7ea23e5fca9a.png?auto=format%2Ccompress&dpr=1&q=80)
![Packt](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/http://coursera-university-assets.s3.amazonaws.com/c7/391d0e5f6a4d648dc4f754c5898df7/2.png?auto=format%2Ccompress&dpr=1&h=45)
Visual Design of UI & Backends with AWS Amplify Studio
![Packt - Course Instructors](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/2b/9c92f373414941b4a0bbda577bd627/profile.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
Dozent: Packt - Course Instructors
Bei enthalten
Empfohlene Erfahrung
Was Sie lernen werden
Build and integrate scalable backends and UIs using AWS Amplify Studio.
Seamlessly connect Figma designs to functional React components.
Implement authentication, authorization, and data management securely.
Host, deploy, and manage full-stack applications with ease.
Wichtige Details
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/31ebcba3851b87d1d8609abf15d0ff7e.png?auto=format%2Ccompress&dpr=1&w=24&h=24)
Zu Ihrem LinkedIn-Profil hinzufügen
Januar 2025
15 Aufgaben
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
![Platzhalter](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/74c8747e8210831049cf88dd4eefe26c.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=320)
![Platzhalter](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/de1a6556fbe605411e8c1c2ca4ba45f1.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=259)
Erwerben Sie ein Karrierezertifikat.
Fügen Sie diese Qualifikation zur Ihrem LinkedIn-Profil oder Ihrem Lebenslauf hinzu.
Teilen Sie es in den sozialen Medien und in Ihrer Leistungsbeurteilung.
![Platzhalter](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/de1a6556fbe605411e8c1c2ca4ba45f1.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=333)
In diesem Kurs gibt es 17 Module
In this module, we will introduce the course, outlining its objectives, structure, and learning goals. You will also get to know the instructor's background and the prerequisites needed to fully engage with the material.
Das ist alles enthalten
3 Videos1 Lektüre
In this module, we will delve into Amplify Studio and Amplify CLI, exploring their roles in modern development workflows. You will also learn about their features, benefits, and pricing to assess their value for your projects.
Das ist alles enthalten
3 Videos1 Aufgabe
In this module, we will guide you through setting up a robust development environment, from selecting tools to configuring Amplify CLI, ensuring a smooth start to your journey with AWS Amplify Studio.
Das ist alles enthalten
3 Videos1 Aufgabe
In this module, we will work within Amplify Studio's sandbox environment, where you'll learn to create, query, update, and delete a simple Todo application. This foundational project will familiarize you with the Studio's core capabilities.
Das ist alles enthalten
5 Videos1 Aufgabe
In this module, we will build a complete Fullstack Petstore app, integrating UI design from Figma with React components and Amplify Studio. You'll learn to bind data models, set up version control, and manage dynamic data.
Das ist alles enthalten
9 Videos1 Aufgabe
In this module, we will dive into UI component customization, learning to modify properties and add event handlers. You’ll gain hands-on experience in enhancing components like the PetProfile and implementing actions.
Das ist alles enthalten
4 Videos1 Aufgabe
In this module, we will work on designing and customizing the Navbar and Footer for your app. You will learn to manage props, extend generated code, and integrate visual elements like logos and interactive features.
Das ist alles enthalten
9 Videos1 Aufgabe
In this module, we will create and style the Add Pet form, focusing on interactivity and functionality. You’ll learn to bind fields to data, save entries, and enhance user experience with dynamic show/hide features.
Das ist alles enthalten
6 Videos1 Aufgabe
In this module, we will focus on creating the Pet Details component, displaying rich information about pets in a visually structured format. You'll also learn to implement navigation features like a close button for improved usability.
Das ist alles enthalten
4 Videos1 Aufgabe
In this module, we will guide you through updating pet details, from designing the interface to implementing the functionality to modify and save data, ensuring your app supports dynamic updates.
Das ist alles enthalten
3 Videos1 Aufgabe
In this module, we will integrate authentication into your application, including adding sign-out functionality and user profile elements. You’ll also enhance personalization with user-specific data in the UI.
Das ist alles enthalten
6 Videos1 Aufgabe
In this module, we will implement robust authorization mechanisms, exploring different rule types and configurations. You'll learn to secure app resources and manage access control effectively.
Das ist alles enthalten
6 Videos1 Aufgabe
In this module, we will explore file storage in AWS Amplify Studio, from setup to file management, helping you handle application resources efficiently.
Das ist alles enthalten
1 Video1 Aufgabe
In this module, we will explore content management within Amplify Studio, showcasing its tools and workflows to help you efficiently organize and control app content.
Das ist alles enthalten
2 Videos1 Aufgabe
In this module, we will walk you through the steps to host your application using Amplify Hosting, ensuring your app is deployed and accessible to users.
Das ist alles enthalten
1 Video1 Aufgabe
In this module, we will cover best practices for cleaning up your project, removing unnecessary resources, and ensuring your development environment is optimized for future work.
Das ist alles enthalten
1 Video
In this module, we will discuss how to further your learning journey, providing resources and suggestions for applying the knowledge gained in this course to real-world projects.
Das ist alles enthalten
1 Video1 Aufgabe
Dozent
![Packt - Course Instructors](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/2b/9c92f373414941b4a0bbda577bd627/profile.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
von
Empfohlen, wenn Sie sich für Cloud Computing interessieren
Amazon Web Services
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Felipe_Moitta.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Jennifer_John.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Larry_Tao_Wang_1.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Chaitanya_Anand.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![Platzhalter](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/7a1c0e2e779c1ff27cae62480adfe003.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=120)
Neue Karrieremöglichkeiten mit Coursera Plus
Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.
Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.
Häufig gestellte Fragen
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.