03 2021 档案
摘要:CI/CD enables us to have a streamlined process for how our code transforms from being written to being deployed to production. Continuous Integration
阅读全文
摘要:The AWS Command Line Interface (AWS CLI) is a command-line tool that allows you to interact with AWS services using commands in your terminal/command
阅读全文
摘要:Base container can make Docker build much faster. Our original Dockerfile contained a lot of code to install NodeJS that takes a long time to run. Ins
阅读全文
摘要:1. Pull the docker image docker pull isjustintime/debug-me:latest 2. Run the image: docker run -d isjustintime/debug-me 3. Check docker is running: do
阅读全文
摘要:When dealing with `fs` library, the common problem you will meet is the path to file. Different envs may have different way to handle the path. The be
阅读全文
摘要:Using the Strangler Pattern First write the Dependency Graph. For example: It would be a good idea start `C` module or `A`. It would be a bad idea sta
阅读全文
摘要:import fs from 'fs'; import Jimp = require('jimp'); // filterImageFromURL // helper function to download, filter, and save the filtered image locally
阅读全文
摘要:Monolith Microservices Self-contained application that is deployed as one unit Independently-deployed applications that communicate through networks P
阅读全文
摘要:Monoliths Are Not Bad! Microservices designs are another architectural pattern and are not intended to replace monolith applications. We should not bl
阅读全文
摘要:Elastic Beanstalk is a powerful Development Operations tool (Dev Ops) to deploy your code to AWS services and infrastructure with minimal effort. EB C
阅读全文
摘要:1. Shell - Linux/Mac Users For Unix/Linux/Mac operating systems, a shell is a command-line program that accepts users' commands and executes those com
阅读全文
摘要:When Launch a new EC2 instance, in the final step, you can create a new private key pair and download it as pem file. For example, I have one call `my
阅读全文
摘要:ORMS allow us to easily switch to a different dialect of SQL (e.g. PostgreSQL, MySQL), without having to modify the code that interacts with the datab
阅读全文
摘要:Intro to Object-Relational Maps (ORM) We'll be using an ORM called Sequelize to manage the connection to our database. We'll cover the basics in this
阅读全文
摘要:Features and Modularity In this concept, we dive into splitting our code into logical "features". This is a way of describing modular programming wher
阅读全文
摘要:CORS: Cross Origin Resource Sharing: defines how a client can interact with a resource, and what the client can and cannot do with that resource. Sett
阅读全文
摘要:For example client want to upload some large file to our FileSotre, for example S3. Normally we might thinking about Send file to our server Our serve
阅读全文
摘要:For examlpe, we have two tables: cars: make: For cars table, we want to know 'make_name' instead of 'make_id', we can do with 'join' two tables. In or
阅读全文
摘要:In project, we can have three branches such as dev stage master Every developer can merge their code into 'dev' branch. 'stage' & 'master' will be loc
阅读全文
摘要:In Postman, you can create a collection of API requests. Those collection can be save into json file as well. { "info": { "_postman_id": "9c5a8003-1c5
阅读全文
摘要:Prerequisites: An AWS account AWS CLI installed on your client. If not, refer to the official AWS instructions to install/update AWS CLI (version 2) b
阅读全文
摘要:In this hands-on exercise, you will learn how to send alerts via SNS by creating a topic, subscribing to a topic, and publishing an alert message to a
阅读全文
摘要:Amazon SQS is a service that hosts the queue of messages (requests and responses) from the decoupled application components. Have a quick look at this
阅读全文
摘要:Route 53 Route 53 is a cloud domain name system (DNS) service that has servers distributed around the globe used to translates human-readable names li
阅读全文
摘要:html: <body class="container"> <header class="header item"> header </header> <nav class="nav item">nav</nav> <div id="app" class="content item"> conte
阅读全文
摘要:In this hands-on exercise, you will learn to create a network load balancer (NLB), and see the role of an NLB. An NLB serves as the single point of co
阅读全文
摘要:We have a Netflify serverless functions which requires following packages: "devDependencies": { "playwright-aws-lambda": "^0.4.0", "playwright-core":
阅读全文
摘要:Let's have a look at how to create a load balancer, and see the configuration details for an existing load balancer. A. Prerequisite Go to the EC2 das
阅读全文
摘要:Let's have a walkthrough of an Auto Scaling Group which has already been created. 1. Select an Auto Scaling Group Go to the EC2 Dashboard, and select
阅读全文
摘要:EC2 Auto Scaling is a service that ensures you have the desired number of EC2 instances always up and running to handle the expected load for your app
阅读全文
摘要:Security In The Cloud As adoption of cloud services has increased, so has the need for increased security in the cloud. The great thing about cloud se
阅读全文
摘要:An IAM policy is a JSON file that defines the level of permissions (authorization) a user (or a service) can have while accessing AWS services in your
阅读全文
摘要:S3 & CloudFront In this hands-on exercise, you will access private S3 bucket content via a Cloud Front distribution. You will also learn that CloudFro
阅读全文
摘要:In this hands-on exercise, you will create a MySQL database instance using RDS. Prerequisites: AWS Account By the end of this lab, you will be able to
阅读全文
摘要:Deployment overview Cloud Deployment Models Public cloud: A public cloud makes resources available over the Internet to the general public. Private cl
阅读全文
摘要:Storage Services: S3 Glacier CloudFront Elastic Block Store (EBS) Storage Gateway Snow family Database Overview Block storage: Used on local networks
阅读全文
摘要:Elastic Beanstalk In this hands-on exercise, you will use Elastic Beanstalk to deploy a web application to the cloud. Pre-requisites: AWS Account By t
阅读全文
摘要:Compute Power in the Cloud In this hands-on exercise, you will write your first Lambda function using Node.js. Prerequisites: AWS account An Amazon S3
阅读全文
摘要:In this hands-on exercise, you will launch a virtual server in the cloud within a secure network. You will also manage additional storage options for
阅读全文
摘要:Let's learn how to create your custom VPC. From the VPC Dashboard, click the Launch VPC Wizard. It is a two-step process, as mentioned below. Snapshot
阅读全文
摘要:Let's have an overview of the information available on the EC2 dashboard. Snapshot: EC2 Dashboard The details of the items highlighted in red above ar
阅读全文
摘要:S3 Features Prefiees and delimiters For example: the file name in S3 can be: `marking/plans/kpi_2021_1.pdf`. The point is make it looks like a folder
阅读全文
摘要:In this lesson we learn how to deploy your React application to AWS using the Amplify CLI & Amazon S3. Rnn: amplify add hosting Next, we're prompted f
阅读全文
摘要:Amazon S3 offers a way to store & retrieve items in the cloud. In this lesson we’ll see how we can easily store images in an S3 bucket using the AWS A
阅读全文
摘要:In this lesson we’ll create a new GraphQL API using the Amplify CLI and use the Amplify GraphQL API to query data from the new API & render it in our
阅读全文
摘要:In this lesson we'll see how to use the without function to remove items in a known list from an array. Then we'll generate our exclusion list and app
阅读全文
摘要:import { min, max, reduce} from 'ramda' cosnt numbers = [1,2,3,4,5,6,7,8] const lowest = reduce(min, Number.MAX_VALUE, numbers) // 1 const highest = r
阅读全文
摘要:1. Grid: by default showing content in Y axis (column), Flex: by default showing content in X axis. Exp: If you want to style a header.. you can use f
阅读全文
摘要:For example, a checkbox mark, if we show / hide by: transform: scale(0); by default it shows up from center, we want it from "bottom left", we can do:
阅读全文
摘要:For a radio button control, when hide selected status, we can use: .input__control::before { content: ""; width: 0.5em; height: 0.5em; // box-shadow w
阅读全文
摘要:box-shadow works better than background-color on printable version: .input__control { display: grid; place-content: center; width: 1em; height: 1em; b
阅读全文
摘要:Best way to do is using grid: .input__control { display: grid; place-content: center; width: 1em; height: 1em; border: 0.1em solid var(--color-default
阅读全文
摘要:<div class="form-group"> <label class="form-control radio"> <span class="form-control__input radio__input"> <input type="radio" name="radio" /> <span
阅读全文
摘要:If you want to share some file in S3 with some one for a period of time you can create presign url. aws s3 presign s3://<bucket_name>/<filen_ame> --ex
阅读全文
摘要:Because there is no parent selector in CSS, we'll need to add an additional element to assist us in providing a focus style. We'll also add it to our
阅读全文
摘要:<div class="form-group"> <label for="standard-select">Standard Select</label> <div class="form-field select"> <select id="standard-select" name="stand
阅读全文
摘要:For example, we have single selector and multi selector: <div class="form-group"> <label for="standard-select">Standard Select</label> <div class="for
阅读全文
摘要:While generally we want to set font-sizes in rem, there's a particular issue on mobile iOS, where if the field text is not at least 16 pixels, it will
阅读全文
摘要:
阅读全文
摘要:Kinesis Stream Add Kinesis serverless.yml, add following configuration resources: Resources: orderEventsStream: Type: AWS::Kinesis::Stream Properties:
阅读全文
摘要:Kinesis trigger Lambda flow When kinesis stream receive order_placed event then trigger Lambda which will call ses (Simple Email Service) to send emai
阅读全文
摘要:We'll define the color palette and create the basic screen styles for our project in addition to Sass helpers for our form design system. We will set
阅读全文