К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Visual Design of UI & Backends with AWS Amplify Studio · LearnSpace
Назад в каталог
courseraIT и технологии

Visual Design of UI & Backends with AWS Amplify Studio

Курс от Packt
Средний≈ 13.6 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you'll dive deep into building full-stack applications using AWS Amplify Studio and its powerful ecosystem. You will learn to design and implement both the front-end UI and back-end functionalities of a React application. By the end of this course, you will have hands-on experience setting up and customizing AWS Amplify Studio for rapid development, managing app data, and configuring authentication and authorization mechanisms. You'll also master the integration of Amplify Studio components with React, making the development process smooth and efficient. Throughout the course, you will begin by understanding the essentials of Amplify, including its Studio and CLI tools, followed by learning how to set up a React app and create dynamic user interfaces. You'll work with the full-stack Petstore app to explore key concepts such as data binding, form creation, component properties, and event handling. As you progress, you will implement advanced features like authentication, file storage, content management, and deployment using AWS Amplify Hosting. This course is ideal for developers and those interested in learning how to build scalable applications on AWS. It is suitable for anyone familiar with JavaScript and React. It will be especially valuable for individuals aiming to build sophisticated, data-driven web applications using AWS services.

Навыки, которые вы освоите

User Interface (UI)User Interface (UI) DesignDevelopment EnvironmentUI ComponentsAuthenticationsAuthorization (Computing)Application DeploymentContent ManagementFile ManagementAmazon Web ServicesReact.jsIdentity and Access ManagementJavaScript FrameworksWeb Development ToolsFrontend IntegrationSoftware Development ToolsCloud DeploymentFull-Stack Web DevelopmentWeb ApplicationsData Modeling

Программа курса

17 модулей · 99 учебных материалов

01Introduction4 материалов

Introduction

Course IntroductionВидеоFull Course ResourcesЧтениеAbout InstructorВидеоCourse PrerequisitesВидео
02Amplify Studio and Amplify CLI - Introduction5 материалов

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Visual Design of UI & Backends with AWS Amplify Studio
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 13.6 ч

17 модулей

Язык: Английский

Субтитры: Казахский

Часть программы вашего университета

Amplify Studio and Amplify CLI - Introduction

What's Amplify and Amplify Studio and And Amplify CLIВидеоAmplify Studio Advantages and CapabilitiesВидеоAmplify Studio PricingВидеоExploring AWS Amplify ToolsDIALOGUEAmplify Studio and Amplify CLI - Introduction - AssignmentЗадание
03Development Environment Setup5 материалов

Development Environment Setup

Setup Development Environment - OverviewВидеоDevelopment Tools SetupВидеоSetting up Amplify CLIВидеоSetting Up the Development Environment for AWS AmplifyDIALOGUEDevelopment Environment Setup - AssignmentЗадание
04The Launch Sandbox for Amplify Studio7 материалов

The Launch Sandbox for Amplify Studio

Launch Sandbox - Setting up a Sandbox Data model and React AppВидеоSetup React - Create TodoВидеоQuerying and Showing TodosВидеоUpdate a TodoВидеоDelete a TodoВидеоGetting Started with AWS Amplify Studio SandboxDIALOGUEThe Launch Sandbox for Amplify Studio - AssignmentЗадание
05AWS Amplify Studio - Build a Fullstack React App11 материалов

AWS Amplify Studio - Build a Fullstack React App

Getting Started with the Fullstack App - PetstoreВидеоSetup Git RepoВидео[Optional] Git BasicsВидеоCreating our Fullstack app with Amplify Studio - Creating and Seeding Data ModelВидеоFigma and React ComponentsВидеоSetting up Figma and Editing a Component and SyncingВидеоBinding UI to Data ModelВидеоSetup React App and Pull ComponentsВидеоShowing our Pet Collection and Updating the ComponentВидеоSetting Up a React App with AWS Amplify and Git BasicsDIALOGUEAWS Amplify Studio - Build a Fullstack React App - AssignmentЗадание
06UI Component Properties & Event Handlers6 материалов

UI Component Properties & Event Handlers

Component Properties - OverviewВидеоEditing and Adding Properties to the ComponentsВидеоCustomize PetProfile ComponentВидеоAdding Delete Event via Studio - Delete ItemВидеоWorking with React Component Properties and EventsDIALOGUEUI Component Properties & Event Handlers - AssignmentЗадание
07The Navbar and Footer - Hands-On11 материалов

The Navbar and Footer - Hands-On

Adding a Navbar and FooterВидеоAdding Props - Width - to Navbar and Footer ComponentsВидеоExtending Generated Component CodeВидеоPassing React Props to ComponentsВидеоOverride PropsВидеоExtending Generated Components via Overrides Prop - Adding Event In CodeВидеоAdding Logo Image in Amplify StudioВидеоAdding Logo Image in CodeВидеоAdd Style and Action to AddPetВидеоCustomizing and Extending React Components with Props and OverridesDIALOGUEThe Navbar and Footer - Hands-On - AssignmentЗадание
08Add Pet Form8 материалов

Add Pet Form

Add Pet Form - OverviewВидеоCreating the Add Pet FormВидеоStyling the FormВидеоHiding and Showing FormВидеоSetup Fields with Data and Save a PetВидеоClosing the AddPet FormВидеоBuilding and Integrating a Pet Form with UI BindingsDIALOGUEAdd Pet Form - AssignmentЗадание
09Pet Details6 материалов

Pet Details

Pet Details - OverviewВидеоSetup Pet Details Rendering it in the AppВидеоShow Pet Data on the Details CardВидеоSetting up the Details Close ButtonВидеоCreating an Interactive Pet Profile in FigmaDIALOGUEPet Details - AssignmentЗадание
10Update Pet5 материалов

Update Pet

Update Pet - OverviewВидеоSetting up Update UIВидеоUpdating the PetВидеоImplementing Interactive Form UpdatesDIALOGUEUpdate Pet - AssignmentЗадание
11Authentication with AWS Amplify Studio8 материалов

Authentication with AWS Amplify Studio

Authentication - OverviewВидеоSetup the Signout Button in the NavbarВидеоAdding Authentication to our AppВидеоAdding Signout and Showing User Profile ImageВидеоAdd Username to Navbar - ExerciseВидеоSolution: Adding Username to NavbarВидеоImplementing Authentication in React with AmplifyDIALOGUEAuthentication with AWS Amplify Studio - AssignmentЗадание
12Authorization in AWS Amplify Studio8 материалов

Authorization in AWS Amplify Studio

Authorization OverviewВидеоSet Owner Authorization RulesВидеоSet Authorization Mode to Cognito User Pool and Check DynamoDB for Owner FieldВидеоSet a Private Authorization RuleВидеоCreate Group and Set a Group Authorization RuleВидеоSet Public Authorization RuleВидеоSetting Authorization Rules in Amplify StudioDIALOGUEAuthorization in AWS Amplify Studio - AssignmentЗадание
13Storage with AWS Amplify Studio3 материалов

Storage with AWS Amplify Studio

File Storage with AWS Amplify StudioВидеоUsing Amplify Storage with S3DIALOGUEStorage with AWS Amplify Studio - AssignmentЗадание
14AWS Amplify Studio Content Management4 материалов

AWS Amplify Studio Content Management

Content Management - OverviewВидеоContent ManagementВидеоManaging Content with Amplify StudioDIALOGUEAWS Amplify Studio Content Management - AssignmentЗадание
15Amplify Hosting - Hosting our App3 материалов

Amplify Hosting - Hosting our App

Hosting our App with Amplify HostingВидеоContinuous Deployment with AWS AmplifyDIALOGUEAmplify Hosting - Hosting our App - AssignmentЗадание
16Clean up2 материалов

Clean up

Clean upВидеоSafely Deleting Amplify ProjectsDIALOGUE
17Next Steps3 материалов

Next Steps

Next StepsВидеоFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание