The latest articles on DEV Community by JANANI KANNAN K (@janani_kannank_5afcf3e72). https://dev.to/janani_kannank_5afcf3e72 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4125495%2F755c4f70-7994-4ee3-beb1-a2844843eeb1.png https://dev.to/janani_kannank_5afcf3e72 en JANANI KANNAN K Tue, 15 Sep 2026 08:50:58 +0000 https://dev.to/janani_kannank_5afcf3e72/session-1cloud-native-systems-and-ai-integration-3lnn https://dev.to/janani_kannank_5afcf3e72/session-1cloud-native-systems-and-ai-integration-3lnn <p>As part of my <strong>Cloud Computing Workshop</strong>, Day 1 focused on <strong>AWS Infrastructure Foundations</strong>, with hands-on experience using <strong>Amazon S3 and CloudFront</strong>.</p> <h2> What I Learned &amp; Implemented </h2> <h3> ☁️ Amazon S3 </h3> <p>I learned how <strong>Amazon S3 (Simple Storage Service)</strong> is used to store and manage objects such as files, images, and website content.</p> <ul> <li>Created an <strong>S3 bucket</strong> </li> <li>Uploaded my <strong>portfolio <code>index.html</code></strong> file</li> <li>Uploaded an <strong>image</strong> and linked it to the portfolio</li> <li>Learned about <strong>Object Ownership</strong> </li> <li>Enabled and understood <strong>Bucket Versioning</strong> </li> <li>Configured the bucket for <strong>static website hosting</strong> </li> <li>Used the S3 <strong>website endpoint URL</strong> to make my portfolio accessible to users</li> </ul> <h3> 🌍 Amazon CloudFront </h3> <p>To improve the accessibility and performance of the website, I learned how <strong>Amazon CloudFront</strong>, AWS's Content Delivery Network (CDN), works with S3.</p> <ul> <li>Created a <strong>CloudFront distribution</strong> </li> <li>Connected the <strong>S3 bucket as the origin</strong> </li> <li>Configured the required <strong>bucket policy/access permissions</strong> </li> <li>Understood how CloudFront caches and delivers content through <strong>global edge locations</strong> </li> <li>Used the CloudFront-provided <strong>domain name</strong> to access my portfolio</li> </ul> <h2> Architecture </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Users Worldwide ↓ CloudFront ↓ S3 Bucket ↙ ↘ index.html Image </code></pre> </div> <h2> Key Takeaway </h2> <p>This hands-on session helped me understand how <strong>S3 provides cloud storage and static website hosting</strong>, while <strong>CloudFront improves global content delivery and reduces latency</strong>.</p> <p><strong>Day 1 Takeaway:</strong><br> <strong>S3 → Store &amp; Host → Bucket Policy → CloudFront → Global Delivery</strong> 🚀</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp5s806zcr0asxqz6vvim.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp5s806zcr0asxqz6vvim.png" alt=" " width="800" height="450"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fmucvshfngxgx42y4iy9y.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fmucvshfngxgx42y4iy9y.png" alt=" " width="800" height="450"></a># Day 1: AWS Infrastructure Foundations – S3 &amp; CloudFront</p> aws cloud cloudcomputing tutorial