So far:
Created this website with aws guide
Setup HTTPS: https://medium.com/@itsmattburgess/hosting-a-https-website-using-aws-s3-and-cloudfront-ee6521df03b9
Pushing updated changes to the website: https://stackoverflow.com/questions/30154461/aws-cloudfront-not-updating-on-update-of-files-in-s3 and https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Invalidation.html
Billing alarm created: https://docs.aws.amazon.com/AmazonCloudWatch/latest/monitoring/monitor_estimated_charges_with_cloudwatch.html#turning_on_billing_metrics
Next? figure out python back end. This could take the place of a form and logging entries. HTML -> form entries -> Python -> another s3 bucket. This should require an IAM user with write access to 1 s3 bucket with it's own access and secret keys per https://docs.aws.amazon.com/general/latest/gr/aws-access-keys-best-practices.html and https://stackoverflow.com/questions/40844903/how-to-run-python-script-in-html
general overview of skills to learn: https://andreasbm.github.io/web-skills/
| Number | Purpose | Source |
|---|---|---|
| 1 | Created using | https://docs.aws.amazon.com/AmazonS3/latest/dev/website-hosting-custom-domain-walkthrough.html#root-domain-walkthrough-before-you-begin |
| 2 | setup HTTPS | https://medium.com/@itsmattburgess/hosting-a-https-website-using-aws-s3-and-cloudfront-ee6521df03b9 |
| 3 | Pushing updated changes to the website: | https://stackoverflow.com/questions/30154461/aws-cloudfront-not-updating-on-update-of-files-in-s3 https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Invalidation.html |
| 4 | Billing alarm created: | https://docs.aws.amazon.com/AmazonCloudWatch/latest/monitoring/monitor_estimated_charges_with_cloudwatch.html#turning_on_billing_metrics |
| 5 | Next? figure out python back end | https://docs.aws.amazon.com/general/latest/gr/aws-access-keys-best-practices.html and https://stackoverflow.com/questions/40844903/how-to-run-python-script-in-html |
| 6 | general overview of skills to learn: | https://andreasbm.github.io/web-skills/ |
Love,
Aaron
html is structure/content. css is presentation. js is interaction.
jpg is many colors in same size, and has no transparency. gif simple animations, limited color, no semiopaque pixels. png better if no animation needed/photo but have good opacity and palettes e.g. logos/diagrams/icons. SVG is vector so can scale losslessly
There are three reserved characters in HTML: < > and &. You should always use HTML entities for these three characters.
Consider an alarm for error rates in addition to requests