summit - amazon web services... · to keep the file size small enough to upload to the src, please...
TRANSCRIPT
S U M M I TB E R L I N
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Full Stack in the Era of Serverless Computing
Nader DabitDeveloper AdvocateAWS Mobile
S e s s i o n I D
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
“The business schools reward difficult complex behavior more than simple behavior, but simple behavior is more effective.”
Warren Buffett
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
A full stack developer is an engineer who can handle all the work of databases, servers,
systems engineering, and clients.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Current State of Front-end Development
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Front-end Development (Web)
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Front-end Development (Web)
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Mobile Development
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Traditional Engineering Team
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Meanwhile, on the back end….
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
On Premesis
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Cloud
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Serverless
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Serviceful Serverless
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
ServicefulServerless
• No server operations• Scales seamlessly• No need to manage uptime• Variable expense• Codeless• Assume responsibility for providing a defined set of
services
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Increased risk when not available & you have no control.
ServicefulServerless
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
• 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)
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
In the cryptography world, there’s a popular adage that is often repeated:
Don’t roll your own crypto.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Greater Velocity & Agility
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Spend time delivering value for your customers vs reinventing the wheel.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
AWS Amplify Services
AuthenticationAnalyticsREST APIGraphQL APILambda
AR / VRChat BotsStorageInternationalizationPush Notifications
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Getting Started
npm install –g @aws-amplify/cli
amplify init
amplify add auth
amplify push
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Using a Service
import { Auth } from ‘aws-amplify’
Auth.signIn(‘nader’, ‘mycoolpassword’)
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Framework Support
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Using a Framework Component
import withAuthenticator from ‘aws-amplify-react-native’
const App = () => {}
export default withAuthenticator(App)
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
withAuthenticator
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Multiple Serverless Environments
amplify init
amplify add api
amplify checkout dev // (or previous env name)
amplify push
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
auth
api
api
analytics
Thank you!
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
Speaker NameContact information
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Click to add slide title (size 48)
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Related breakouts
Session titleSpeaker name
Session titleSpeaker name
Session titleSpeaker name
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
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);
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
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);
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);
S U M M I T © 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.
“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa.”
Quotation AuthorTitle
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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)
Subtopic copy goes here (size 24)Subtopic copy goes here (size 24)
Speakers need to download and install the Amazon Ember font family.More instructions can be found on slide 30 in this template.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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)
• Subtopic copy goes here (size 24)• Subtopic copy goes here (size 24)
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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)
Subtopic copy goes here (size 24)Subtopic copy goes here (size 24)
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)Subtopic copy goes here (size 24)
Subtopic copy goes here (size 24)
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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)
• Subtopic copy goes here (size 24)• Subtopic copy goes here (size 24)
• 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)• Subtopic copy goes here (size 24)
• Subtopic copy goes here (size 24)
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
Click to add slide title (size 48)
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Text
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
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Typography
Amazon Ember Light should be used for titles.Titles should be sentence case.
Hyperlink example
Hyperlink example
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Grid/guidelines
To view the grid, in the Viewtab, select Guides.
Or press Alt+F9. To turn it off, press Alt+F9 again.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Easy-to-use alignment tools
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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.
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
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
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Table 1
Placeholder Placeholder
Placeholder Placeholder Placeholder
Placeholder Placeholder Placeholder
Placeholder Placeholder Placeholder
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Table 2
Placeholder Placeholder
Placeholder Placeholder Placeholder
Placeholder Placeholder Placeholder
Placeholder Placeholder Placeholder
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Table 3
Placeholder Placeholder Placeholder
Placeholder Placeholder Placeholder Placeholder
Placeholder Placeholder Placeholder Placeholder
Placeholder Placeholder Placeholder Placeholder
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
Charts
0
0.5
1
1.5
2
2.5
3
3.5
4
4.5
5
Category 1 Category 2
Chart title
Series 1 Series 2 Series 3
© 2019, Amazon Web Services, Inc. or its affiliates. All rights reserved.S U M M I T
AWS product and resource icons
Download icons to use in your presentation here: https://aws.amazon.com/architecture/icons/