Web Development on AWS - Web Apps

A presentation at Computer Science Association - AWS Bootcamp in October 2020 in by Jenna Pederson

Slide 1

Slide 1

Web Development on AWS Web Apps @jennapederson

Slide 2

Slide 2

Today What we’ll build today Overview of what we need to build our web app How AWS can help us What tech we’ll use today Demo @jennapederson

Slide 3

Slide 3

Postagram What we’ll build today A web app that lets users sign up/sign in, post a photo to their timeline for others to see @jennapederson

Slide 4

Slide 4

What we need Visual interface Place to store data and a way to query it A way for users to sign up/sign in and see their data A place to store image files A place to host our backend functionality and our frontend code A domain @jennapederson

Slide 5

Slide 5

What would it take to build this ourselves? Build out servers and support them on-going Manage a database and the server it runs on Have a high performing and scalable file system Build a secure system for authenticating users and handle passwords and sensitive user data Build out core business functionality and visual interface @jennapederson

Slide 6

Slide 6

How can AWS help? Secure, extensive, and reliable cloud platform Manages a lot of this for us Covers 24 different regions globally Over 175 services covering compute, storage, databases, networking, analytics, machine learning, AI, and more @jennapederson

Slide 7

Slide 7

How can AWS help? Allows us to get from idea to implementation quickly @jennapederson

Slide 8

Slide 8

What tech will we use? @jennapederson

Slide 9

Slide 9

React is a frontend JavaScript library for building user interfaces. React @jennapederson

Slide 10

Slide 10

Command Line Access the low-level commands that visual interfaces abstract away, offering higher productivity, power, and reliability. @jennapederson

Slide 11

Slide 11

A command line interface (CLI) to rapidly create, integrate, and manage the AWS cloud services for an app. Amplify CLI @jennapederson

Slide 12

Slide 12

Software Development Kit (SDK) for connecting the frontend to cloud resources. Amplify JS SDK @jennapederson

Slide 13

Slide 13

Provides user sign-up, sign-in, and access control to web and mobile apps quickly and easily. Amazon Cognito @jennapederson

Slide 14

Slide 14

Amazon DynamoDB A managed key-value and document database with built-in security, backup and restore, and inmemory caching. @jennapederson

Slide 15

Slide 15

GraphQL is a query language for APIs allowing developers to get at the data they need and no more GraphQL @jennapederson

Slide 16

Slide 16

AWS AppSync A managed service giving frontend developers the ability to query multiple databases, microservices, and APIs with a single GraphQL endpoint. @jennapederson

Slide 17

Slide 17

Amazon S3 Simple Storage Service (S3) is an object storage service that offers industry-leading scalability, data availability, security, and performance. @jennapederson

Slide 18

Slide 18

Git is a distributed version control system. GitHub is a git repository hosting platform. Git + GitHub @jennapederson

Slide 19

Slide 19

Demo @jennapederson