summit - amazon web services... · to keep the file size small enough to upload to the src, please...

S U M M I TB E R L I N

Full Stack in the Era of Serverless Computing

Nader DabitDeveloper AdvocateAWS Mobile

S e s s i o n I D

“The business schools reward difficult complex behavior more than simple behavior, but simple behavior is more effective.”

Warren Buffett

A full stack developer is an engineer who can handle all the work of databases, servers,

systems engineering, and clients.

A front end developer can now handle most of the work.

A full stack developer is an engineer who can handle all the work of databases, servers,

systems engineering, and clients.

Current State of Front-end Development

Front-end Development (Web)

Mobile Development

Traditional Engineering Team

Meanwhile, on the back end….

On Premesis

Serverless

Serviceful Serverless

ServicefulServerless

• No server operations• Scales seamlessly• No need to manage uptime• Variable expense• Codeless• Assume responsibility for providing a defined set of

services

Increased risk when not available & you have no control.

ServicefulServerless

• Auth (Cognito)• Search (AppSync with ElasticSearch)• Data / API (AppSync)• Analytics (Pinpoint)• Media (S3)• ML / AI (Comprehend, Rekognition, Textract)• Conversation (Lex)• Push Notifications (Pinpoint)• AR / VR (Sumerian)

Instead of a collection of functions calling each other, the best serverless applications are: (a) thick client code handling all

interaction logic, (b) heavy use of (managed) services, and (c) small glue functions.”

— Joe Emison

In the cryptography world, there’s a popular adage that is often repeated:

Don’t roll your own crypto.

Greater Velocity & Agility

Spend time delivering value for your customers vs reinventing the wheel.

AWS Amplify Services

AuthenticationAnalyticsREST APIGraphQL APILambda

AR / VRChat BotsStorageInternationalizationPush Notifications

Getting Started

npm install –g @aws-amplify/cli

amplify init

amplify add auth

amplify push

Using a Service

import { Auth } from ‘aws-amplify’

Auth.signIn(‘nader’, ‘mycoolpassword’)

Framework Support

Using a Framework Component

import withAuthenticator from ‘aws-amplify-react-native’

const App = () => {}

export default withAuthenticator(App)

withAuthenticator

Multiple Serverless Environments

amplify init

amplify add api

amplify checkout dev // (or previous env name)

amplify push

analytics

Thank you!

Speaker NameContact information

Click to add slide title (size 48)

Related breakouts

Session titleSpeaker name

Sample code slide

var pd = require('pretty-data').pd;

var xml_pp = pd.xml(data);

var xml_min = pd.xmlmin(data [,true]);

var json_pp = pd.json(data);

var json_min = pd.jsonmin(data);

var css_pp = pd.css(data);

var css_min = pd.cssmin(data [, true]);

var sql_pp = pd.sql(data);

Sample code slide

“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa.”

Quotation AuthorTitle

Click to add slide title (size 48)Main topic 1 (size 32)

Subtopic copy goes here (size 24)Subtopic copy goes here (size 24)

Main topic 2 (size 32)Subtopic copy goes here (size 24)

Subtopic copy goes here (size 24)Main topic 3 (size 32)

Speakers need to download and install the Amazon Ember font family.More instructions can be found on slide 30 in this template.

Click to add slide title (size 48)• Main topic 1 (size 32)

• Subtopic copy goes here (size 24)• Subtopic copy goes here (size 24)

• Main topic 2 (size 32)• Subtopic copy goes here (size 24)

• Subtopic copy goes here (size 24)• Main topic 3 (size 32)

Click to add slide title (size 48)Main topic 1 (size 32)

Subtopic copy goes here (size 24)

Click to add slide title (size 48)• Main topic 1 (size 32)

• Subtopic copy goes here (size 24)

Click to add slide title (size 48)Lorem ipsum dolor sit amet, error possim abhorreant vix ne, ne meldebitis iudicabit voluptatibus. Afferttimeam debitis no nam. Sint democritum complectitur his an.

Ex mei admodum inciderint, cum cu nihil commune atomorum. Vix eapossit similique elaboraret.

Lorem ipsum dolor sit amet, error possim abhorreant vix ne, ne meldebitis iudicabit voluptatibus. Afferttimeam debitis no nam. Sint democritum complectitur his an.

ScreenshotPlace a screenshot behind the image of a laptop or smartphone to show it on a device.

1. Place the screenshot on the slide.

2. Use the Alignment tools orSelection Pane to place the screenshot behind the device. For more information on how to use the alignment tools and Selection Pane, refer to slides 58 and 59.

3. Resize and/or crop the screenshot to fit the device.

Using videosTo keep the file size small enough to upload to the SRC, please wait until you get onsite to embed videos in the speaker-ready room.

To embed a video, you can use the Embed_Video slide layout. You can also add a video to a slide by doing the following:

1. On the Insert tab, select Video.

2. Choose either an online video or a video you have saved to your machine.

3. On the Video Tools menu, go to Playback options to make the video play full screen, automatically, on click, or loop. You can also choose to hide the video when it’s not playing or rewind after playing.

How to apply the templateApply the template to an existingPowerPoint presentation1. Save this template to your Desktop.

2. Open an existing PowerPoint file that you want to update.

3. Select Design, scroll down, and select Browse for Themes.

4. Browse to the template file (.potx) you saved to your Desktop, and select Open.

5. Under Layout, right-click the slide thumbnail, and select the layout you want to use. Title_#Speaker and Title_and_Content are the most common.

6. Some things will shift when you do this. Adjust accordingly to get the slide the way you want it.

Theme colorsThe PowerPoint palette for this template has been built for you and is shown below.Limit color usage to two colors per slide.Choose one main color and one accent color from the first four colors of the template.Limit the use of yellow and green.Do not use different shades of a color.

R: 0G: 0B: 0

R: 255G: 255B: 255

R: 242G: 242B: 242

Accessibility

Do not use dark colored text on dark backgrounds or light colored text on light backgrounds.

Large text (above 24pt) and icons must have a contrast ratio of 3 or above.

Text Text

TextText Text

Typography

Amazon Ember Light should be used for titles.Titles should be sentence case.

Hyperlink example

Typography continuedSelect the appropriate font weight from the list of fonts.

These are all the usable fonts in the Amazon Ember family:Amazon Ember

Amazon Ember Heavy

Amazon Ember Light

Amazon Ember Medium

Amazon Ember Thin

Amazon Ember Italic

Grid/guidelines

To view the grid, in the Viewtab, select Guides.

Or press Alt+F9. To turn it off, press Alt+F9 again.

Quick Access ToolbarPowerPoint has a toolbar populated with icons that perform common tasks. This can be a great way to save time, removing the need to repeatedly navigate through menus.

You can customize your Quick Access Toolbar to add buttons for alignment, formatting, and other adjustments you’ll be making frequently. To do this, on the far right of the Quick Access Toolbar, select the down arrow, and add the commands you need. You can also access the Quick Access Toolbar from the File/Options menu.

Here, you can browse dozens of different commands, add and remove commands, and even export a Quick Access Toolbar to open it on another machine.

Easy-to-use alignment tools

Selection and formatting panes

To view an itemized list of objects on the slide and their order of appearance, on the Home tab, in the Editing section, click Select, and then click Selection Pane.

To view the formatting options pane for objects on the slide, right-click the object, and select Format Shape.

Animation optionsThere are four options of animation:Entrance animations (green) bring an object onto the slide.

Exit animations (red) take an object off the slide.

Emphasis animations (yellow) affect objects but don’t bring them on or move them off the slide.

Motion paths (line) move the object around the slide. In addition to speed, motion paths also have “easing,” which defines how quickly the object begins or ends moving.

The following animations are acceptable to use:Fade in/Fade outGrow/shrinkLines

Animation paneThe Animation pane provides a detailed view of all the animations happening within your slide.

This includes the slide element's name, the duration of its animation, and when the animation will start. To access the Animation pane, select the Animations tab, and click Animation Pane.

Photography1. The point of view should be top down, ground up,

or human sight line.

2. Color aligns with the overall AWS palette. Black-and-white photography is not approved.

3. Don’t add gradients over photography.

4. Conceptual, abstract, or pattern photos can be used, but they need to reference characteristics of a product or service that doesn’t have a specific physical metaphor (i.e., speed, security, AR/VR).

5. We do not show servers, databases, racks, or infrastructure hardware.

6. Licensing images is often not as expensive as you may think for a single use in a PowerPoint presentation. If you are looking for unique images or photographs for your slides, try some of these options to legally license use of the image:

Getty ImagesShutterstockCreative Commons

Table 1

Placeholder Placeholder

Placeholder Placeholder Placeholder

Table 2

Placeholder Placeholder

Table 3

Placeholder Placeholder Placeholder Placeholder

Charts

Category 1 Category 2

Chart title

Series 1 Series 2 Series 3

AWS product and resource icons

Download icons to use in your presentation here: https://aws.amazon.com/architecture/icons/

summit - amazon web services... · to keep the file size small enough to upload to the src, please...

Documents

itec447 web projects - eastern mediterranean university -...

onsite support to avoid technical hassles

how to embed items in d2l

propaganda ppt to embed in wiki

how to embed slideshare shows into wordpress.com

onsite solutions to hardware and software problems -...

vle gsa - how to embed presentations using slideshare

onsite onsite...

goscale cms documentation1.8. slideshare presentation...

embed powerpoint slides - texas tech · embed powerpoint...

embed android sdk in to a fitness app - gupshup...embed...

how to embed a shutterfly album r1 -...

image2stylegan: how to embed images into the stylegan...

homeowners guide to onsite sewage systems

share your story embed - special...

passive ways to reduce nitrogen in onsite … ways to reduce...

from onsite to online learning contexts

for cathy - how to embed links

how to embed a pwerpoint

how to embed a glog in your blog