Build and Deploy Responsive Websites on AWS using HTML & CSS

Learn the fundamentals of AWS identity and access management (IAM), including authentication, authorization, and user accounts, with MFA, logging via CloudTrail, and multiple access methods (console, CLI, SDKs, https API).

Learn how IAM securely controls access to AWS resources with users, groups, roles, and policies, enables MFA, logs activity with CloudTrail, and supports console, CLI, SDKs, and API access.

Explore the six-step IAM workflow—principals, authentication, request, authorization, action, and resources—and how policies, roles, and credentials govern access to AWS services such as EC2 and S3.

Learn the essentials of AWS IAM users, including account creation, authentication methods (console password, access keys, SSH keys, server certificates), and the need for unique, policy-based access.

Learn how to manage and update IAM users by viewing access, listing users, deleting a user, renaming users, and changing their permissions.

Explore IAM administration by listing and managing users, groups, roles, and policies, and view access history with the access advisor to guide safe deletions.

Learn to modify IAM user permissions by adding the user to a policy-governed group, copying permissions, attaching a custom or pre-configured policy, or setting permission boundaries in a hands-on guide.

Learn to change an IAM user's permissions by adding the user to a new group with policies. Create the group and attach policies, then assign the user to the group.

Copy permissions from John to a new IAM user named Bob, attach the same policies, enable programmatic and AWS console access, share admin group rights, and save the access keys.

Learn how to attach a custom S3 policy to an IAM user, using the visual editor or JSON to grant full access to S3 resources.

Discover how IAM groups manage permissions for multiple users and how a sample AWS structure uses administrator, developer, and test groups with targeted policies to secure accounts.

Watch a hands-on demo of IAM group administration, including listing, renaming, deleting groups, adding or removing users, and attaching policies, with notes on policy retention and group IDs.

Create groups and users, attach ec2 full access and codebuild developer policies to the developers group, ecs full access to the test group, and assign Kelly, Kim, and Bill.

Explore how AWS policies control access with identity-based and resource-based policies, attached to users, groups, or resources, evaluated for each request, with inline policies for strict 1-to-1 mappings.

Create and attach inline IAM policies in AWS, granting S3 list and read to John with policies attached directly. Compare resource-based inline policies to AWS managed and customer managed policies.

Design a custom inline IAM policy in JSON for a new user Sam, granting all S3 actions on all buckets, effective from April 13, 2021, to June 6, 2021.

Apply a custom JSON IAM policy to a new user named Sam and attach the inline policy to grant full S3 access. Review the policy summary.

Define IAM roles as identities linked to policies that grant permissions without long-term credentials. Learn use cases like cross-account access and app access to AWS resources via temporary credentials.

Deliver a practical guide to IAM roles by creating a role that lets an EC2 instance read and write objects on S3, then attach the role and review permissions.

Learn how IAM authentication works for console and programmatic access, compare MFA, access keys, and roles, and apply best practices like least privilege, key rotation, and secure key storage.

Learn how to rotate IAM access keys for an AWS account by reviewing key age and last activity, deleting or deactivating keys, and creating new ones to maintain security.

Explore how multi-factor authentication strengthens aws iam security by combining knowledge, possession, and inheritance factors, and configure virtual mfa, security keys, or hardware tokens.

Demonstrates how to generate and download an IAM credentials report, review user data such as username, ARN, creation date, MFA status, and access key rotation to ensure security compliance.

Explore how Amazon EC2 enables scalable, configurable virtual servers on AWS, using virtualization to deploy Linux or Windows instances with AMIs.

Explore the core features of AWS EC2, including AMIs, instance types, storage options, SSH key pairs, security groups, elastic IP, ELB, and auto scaling with ASG.

This lecture explains how EC2 instance types offer customizable computational power, memory, storage, and network resources across general purpose, compute optimized, memory optimized, accelerated computing, and storage optimized categories.

Explore Amazon machine images (AMIs) and how EC2 uses EBS-backed or instance-store AMIs, with launch permissions, block device mappings, and options for region, OS, compute, memory, storage, and network settings.

Create an IAM user named first EC2 with programmatic and console access, add it to the admin group, save its access keys, and log in to manage EC2.

Explore the Amazon EC2 dashboard, navigate instances, images, elastic block store, and network and security settings, and monitor service health and availability zones to launch and manage instances.

Launch and configure a free-tier EC2 instance with Amazon linux 2, attach EBS storage, and use user data to auto-deploy a simple HTML page served by Apache.

Configure security groups to securely access an EC2 instance, enabling SSH and HTTP, then create a key pair and launch the instance to run a web page on AWS.

Explore the EC2 console to view instance details and basic network data, then access your web page via the public IP over http and learn about elastic IPs.

Explore elastic IPs in AWS: a reserved, region-bound IP you can associate with EC2 instances, transfer between instances, and reuse to achieve zero downtime updates.

Learn to create an elastic IP and attach it to an EC2 instance for a reserved, never-changing IP. Verify the association in the console and access the page via http.

Manage EC2 instances with admin options to launch, stop, reboot, and terminate, and learn how elastic IPs preserve addresses across restarts. Disassociate and release elastic IPs to avoid charges.

Launch EC2 instances efficiently by creating launch templates that predefine configuration options like instance type, network settings, storage, and user data, plus multiple template versions.

Demonstrate creating an AMI from an EC2 instance, copy and duplicate EBS volumes, manage security groups for HTTP access, and launch and terminate replica instances to deploy a web page.

Attach an iam role to an EC2 instance to grant apps on the instance full access to S3 via the EC2 S3 access role.

Discover how AWS security groups act as virtual firewalls for EC2 in a VPC, with inbound and outbound rules that by default deny inbound traffic and allow outbound traffic.

Learn to manage AWS security groups in the console, edit inbound and outbound rules, create new groups, and apply common web traffic rules (http and https) for EC2 instances.

Explore the secure shell (SSH) overview for administering AWS EC2 instances via command lines, with clients for macOS Terminal, Linux Terminal, PuTTY on Windows, and the web-based EC2 Instance Connect.

Learn to install and connect to an Amazon ec2 instance on windows using putty, convert pem to ppk with putty gen, configure ssh, and run basic commands.

Learn to SSH into an EC2 instance using EC2 Instance Connect for Amazon Linux 2, with ec2-user and update and upgrade commands in your browser.

Explore AWS storage options and compare EBS, EFS, and S3/Glacier to guide cost, latency, and sharing decisions for EC2, network file systems, and object storage.

Compare AWS storage options—S3 object storage, EBS block storage, and EFS file storage—by pricing, durability, availability, security, backups, performance, interfaces, and use cases to guide web deployment decisions.

Explore Amazon EBS, block-level storage for EC2, featuring attachable volumes with persistent data, encryption, availability zones, snapshots, and performance options like gp2 and io1.

Launch an EC2 instance with Ubuntu 20.04 LTS, attach default EBS GP2 volumes, and configure security groups and key pair. Explore IOPS options and volume management for scalable deployments.

Learn to administer Amazon Elastic Block Store (EBS) volumes: attach and detach root and secondary volumes, view details, and create, modify, and delete volumes, plus IOPS and encryption.

Amazon EBS snapshots stored as objects in S3, offering incremental backups that preserve all volume data and enable rapid restore and cross-region replication.

Create and manage EBS snapshots in AWS: capture a demo snapshot from a volume, verify status, build a new volume from the snapshot, and review deletion and sharing options.

Create an ami from an existing instance and launch a new one. Review ami components and sources, including ebs snapshots, root volume templates, launch permissions, aws marketplace, and my amis.

Launch a customized EC2 instance in us east 1, create an AMI with root EBS snapshots, and deploy additional instances from the saved AMI using user data to install httpd.

Create an AMI from an existing EC2 instance, then launch new instances from that AMI, customize the default Apache page to distinguish each server, and terminate unused instances.

Learn how the EC2 image builder simplifies creating, securing, testing, and deploying up-to-date virtual machines and container images on AWS or on premises, with built-in validation and centralized policy enforcement.

Create an EC2 image pipeline to configure an image recipe, infrastructure, and distribution settings to build Amazon Linux 2 AMIs and deploy across regions.

Describe end-to-end EC2 image builder pipeline execution in us-east-1, including building, testing, distributing, and launching an AMI, connecting via EC2 instance connect, and verifying installed AWS CLI and OpenJDK.

Explore Amazon Elastic File System (EFS) as a scalable, shared file storage for Linux workloads, accessible from multiple EC2 instances across availability zones with high availability, durability, and security.

Deploy an Ubuntu 20.04 EC2 instance with a new key pair, configure HTTP and NFS security rules, and connect via SSH to set up and mount an elastic file system.

Create and configure an elastic file system (efs), attach it to an ubuntu ec2 instance, and learn mounting via dns and nfs.

Mount an elastic file system to an Ubuntu 20.04 LTS EC2 instance by creating an /efs directory, configuring security groups, installing nfs-common, and mounting via the NFS client.

Upload files to a mounted EFS on an AWS EC2 instance using Cyberduck via SFTP, verify permissions, and create a test file to confirm successful transfer.

Demonstrates automatically attaching an existing EFS to a second EC2 instance at deployment, enabling a shared file system accessed by two instances simultaneously and tested with a mounted path.

Clean up old AWS resources by terminating active EC2 instances, deleting unused security groups (excluding default), and removing the EFS file system to streamline your account.

Explore how AWS uses elastic load balancers, auto scaling groups, and Route 53 to distribute traffic and achieve high availability and elasticity, and differentiate vertical versus horizontal scaling.

Explore how AWS achieves high availability with data redundancy across multiple availability zones, and how elasticity using elastic load balancing and auto scaling enables scalable, efficient resources.

Learn how elastic load balancers distribute traffic across EC2 targets, perform health checks, and route http requests via listeners to target groups, with focus on application load balancers (layer 7).

Learn how autoscaling groups automatically scale out and in to meet web traffic, maintain min and max healthy instances, and register new EC2 instances with a load balancer.

Learn to set up an elastic load balancer with an auto scaling group, create an Ubuntu 20.04 LTS AMI, and deploy two instances to visualize http load distribution.

Set up an application load balancer to route http traffic across two EC2 instances via a single endpoint, with health checks and target groups for high availability.

Create a launch template for an auto scaling group by selecting an AMI, instance type, key pair, and security groups, then save and review the template in EC2.

Learn how auto scaling groups work with an application load balancer to automatically deploy or terminate EC2 instances based on traffic, with health checks and min, max, and desired capacity.

Explore auto scaling strategies, including manual, target tracking, dynamic, predictive, and scheduled scaling, and learn to configure auto scaling groups in AWS with capacity controls.

Explore dynamic scaling in an auto scaling group, focusing on target tracking scaling policies, CPU utilization targets, and CloudWatch metrics to automatically scale instances behind a load balancer.

Explore step scaling and simple scaling for AWS auto scaling groups using CloudWatch alarms and CPU thresholds. Learn to configure step adjustments and dynamic policies in the AWS console.

Learn how predictive scaling augments dynamic scaling in AWS by forecasting hourly load from historical data to preemptively scale an auto scaling group, especially for cyclical traffic and recurring workloads.

Master scheduled scaling policies in aws autoscaling to automate ec2 capacity based on predictable load, using scheduled actions with one time or recurring timings and time zone aware recurrences.

Explore Amazon VPC foundations, subnets, and public versus private IP addressing, and learn how Route 53 DNS routes traffic to an EC2 web server.

Explore how DNS translates domain names to IP addresses and route internet traffic using Amazon Route 53, DNS resolvers, and hosted zones to connect users with EC2 web servers.

Register and manage a domain with Amazon route 53, create a hosted zone, perform health checks, and route internet traffic to aws resources using the route 53 dashboard.

Explore the Route 53 domain dashboard and hosted zones to manage privacy protection, expiration date, and dns records like a record, aaaa record, cname record, mx record, and txt record.

Create DNS records in your domain's hosted zone to route traffic to your EC2 instance running Apache, using an A record for the IPv4 address and a CNAME for www.

Delete the a record and the CNAME record, terminate the EC2 instance, delete the Elbe 001 load balancer, remove Elastic Block Store volumes, and log out.

Learn to create your html page and understand how html communicates browser instructions to display text, images, and links. Preview css styling later to define fonts, colors, graphics, and hyperlinks.

Learn the basic structure of an HTML document, including doctype HTML and opening/closing tags. Compare HTML5 with XHTML and HTML4, and recognize when PHP sits inside or outside HTML.

Discover how the head tag structures a webpage, including title, meta descriptions, character set and viewport settings, plus CSS style rules and a basic JavaScript function.

See how the HTML body tag renders content, including text and a form with a text field, and how the Myfunction JavaScript function in head converts lowercase input to uppercase.

Learn to apply paragraph spacing in html by wrapping text with opening and closing p tags, saving the document, and previewing changes on a web page.

Explore how HTML line breaks control spacing by using a break tag to create single line breaks inside a paragraph tag, and preview changes in a browser.

Master white space behavior in HTML by seeing how spaces collapse and learning to use a non-breaking space tag to insert multiple spaces between lines.

Learn to use html header tags to create emphasized headings from h1 to h4. Smaller values produce larger headers, and you can preview changes in the browser after saving.

Learn HTML text formatting and decoration by applying bold (strong), italic (em), underline (u), and strike-through (strike) tags, adding line breaks, and combining styles for clear, accessible content.

Learn inline text formatting in HTML by using the font tag to set font face, size, and color (Arial, blue) for a header, and compare with CSS for broader formatting.

Add an unordered list to your HTML document using ul and li tags. Create a heading with h3, add list items, save, and preview in the browser.

Learn to create an ordered list in HTML using the open and close ul tag, add indented list items under a header, and see items auto-number from lowest to highest.

Insert images into your HTML using image tag, with src, width, and height attributes, placing files in the same folder for relative references, and using a URL for absolute references.

Embed video in an HTML5 document using the video element, set width or 100%, include a source with type, and note autoplay limits on mobile devices.

Explore absolute versus relative file referencing in HTML, using the video source attribute; learn when to use relative paths for local files and absolute URLs for external sources.

Learn to create image and text links in HTML with anchor tags and href attributes, linking images to websites and opening them in a new window with target _blank.

Create on-page navigation with anchor tags by assigning named anchors to five article headings and linking to them from a table of contents, enabling smooth in-page scrolling.

Create an HTML5 table to organize survey data, using two columns and nine rows (18 cells), with width options of 100% or a fixed 500px.

Explore HTML nested tables by building a red border parent table with 100% width and a blue nested table, then observe how 50% and 100% widths respond to browser resizing.

Learn to merge two table columns in HTML by removing the extra column and applying colspan to the first cell, using the first row heading 'my expenses' as an example.

Use the no wrap attribute on a table column to keep long text on a single line and let the table expand to fit content.

Apply the background attribute to a table to add a background image from the same folder using a relative path; apply it to rows or columns.

Learn to align table cell contents with the align attribute, placing it on value columns to right-align data, and using left, center, or justify for different layouts.

Create an HTML front-end input form, explore basic form validation, and learn how validated data is prepared for processing with future PHP server-side handling.

Create an HTML employment form with a two-column table containing text fields, selects, checkboxes, radios, textarea, and submit and reset buttons, named employment with action send.php and method post.

Explain get and post methods for transmitting form data over http: get appends data to the url and can be cached or bookmarked; post sends data in the http body.

Learn to build an employment application form with text input fields for first name and last name, including labels, name attributes, max length, and preparing data for PHP scripts.

Create html forms with select menus, including a position dropdown and an experience level selector, using name and value attributes to pass options to a php script.

Create HTML forms with checkboxes for job type (full time, part time, contract) and radio buttons for employment status (employed, unemployed, student), using proper input names and a radio group.

Create a multi-line text area with a label, using cols for width and rows for height, with scrollbars, and add submit and reset buttons linked to a send.php script.

Embed html documents with iframes to display multiple search engines on one page, using the iframe tag with src, width, and height attributes and a browser fallback.

Practice building a complete HTML home page using only HTML, applying object insertion, text formatting, and basic styling, while noting inline styles and table layouts as preliminary steps.

Build a header navigation using a HTML table layout, with a nested five-column table, left-aligned content, black background, Verdana fonts, and white links in h3 elements.

Create a header callout bar with a nested two-column table showing the website name and a phone number, using bold text and precise widths for a responsive layout.

Insert an image into a nested table, center the column, set the src, width, and height, and ensure the image file sits in the same folder before refreshing.

Insert the image, create a new table beneath it, and center a 72-pixel-tall column. Nest a table for the text with a 726-pixel width and a font attribute, then refresh.

Create a contact us today link button and a newsletter signup form using an HTML table layout, featuring an orange button and an email input.

Build a three-column HTML table with headers and a second row of text and an unordered list. Include a nested table, set widths, and bold headings.

Create a footer in HTML with a navigation row and copyright line, on a black background, including home, about, services, clients, and contact; save and refresh.

Learn how cascading style sheets replace repetitive inline styles and table-based layouts, enabling flexible, browser-friendly formatting through reusable style rules linked to a single stylesheet.

Learn the three parts of a CSS rule—selector, property, and value—and see how to apply styles in a head style sheet, changing backgrounds and fonts.

Explore the three types of CSS styles—internal, inline, and external—and learn how to switch from internal to an external stylesheet while avoiding inline CSS.

Explore how CSS uses red, green, blue RGB spectrum; apply colors with color names, hex values, and RGB codes, illustrated by h1, h2, h3 rules and a color picker tool.

Create and apply CSS classes from your style sheet to HTML elements, using dot-prefixed class names and span tags for inline styling, then preview the styled text.

Explore divs in CSS, learn how div tags replace table cells for flexible formatting and pixel-level positioning, and practice creating and previewing a div in an HTML page.

Define and reference css ids to style a layout div, using a unique id with # in css, and apply 80% width, 3px black border, yellow background, and blue text.

Learn how to apply CSS margins to HTML elements using 10px and 30px values, add margins to all sides or specific sides, and preview changes in the browser.

Apply CSS padding to create space between a div’s content and its border by padding all sides or individual sides, as shown with 10px, 20px, and 30px examples.

Explore CSS text properties to style web content, applying color, color codes and rgb, adjusting letter and word spacing, text alignment, decoration, and transforms to demonstrate live changes.

Explore CSS font properties to style text with font-family, font-size, font-style, and line-height, using a class applied to a paragraph and previewing results in a browser.

Learn to create borders around elements with a reusable css class, setting thickness, color, and styles such as dashed, then apply it to a paragraph and preview in the browser.

Apply the CSS background property to a div using background color, background image, background repeat, and background position via an id selector in a basic HTML page.

Define image transparency using the CSS opacity property, set up a basic HTML structure with a div and image, and implement a hover effect from 40% to 100% opacity.

Learn to control a div's size with width and height declarations, explore min-width, max-width, min-height, max-height, and auto sizing, and use viewport height (vh) for full-height layouts.

Learn to overlay text on a background image using CSS with nested divs, a black semi-transparent text box, and specific width auto and height 100px along with padding.

Explore how the CSS display property controls visibility and layout by setting a container and nested divs, using inline-block to place them side by side and none to hide.

Explore CSS positioning by examining the position property and its four types: static, relative, absolute, and fixed, and see how static remains the default, following the normal flow.

Master css relative positioning and how top and left coordinates offset elements, including how a nested div moves relative to its parent.

Discover how CSS absolute positioning pins an element to a fixed spot, disregarding page flow during browser resize, while nested elements stay relative to their absolutely positioned parent.

Discover how fixed positioning keeps an element stationary as you scroll, contrasting it with absolute positioning that moves with the page.

Explore how the css float property wraps text around images by building a basic html page, adding a style sheet, and applying float right or left with margins.

Learn how the CSS clear property controls floating elements and prevents text from wrapping around a float, as shown with blue, red, and yellow divs.

Explore how the z-index property controls stack order in absolutely positioned elements by comparing two divs, blue and yellow, and setting z-index values to swap their layering.

Style links in CSS across unvisited, visited, hover, and active states. Unvisited show red text with no decoration; hover turns purple with underline on yellow background; visited turns blue.

Explore how CSS tables improve the look and responsiveness of HTML tables. Analyze the style sheet: borders, left alignment, border-collapse, padding, and a hover that turns rows cyan.

Implement a CSS-based web page with a three-column responsive layout, a four-link navigation with hover effects and an active link, plus header, content areas, and footer for mobile.

Build a basic HTML page and a CSS stylesheet to set body margins and line height, style a black header with Arial font, and implement a fluid three-column layout.

Style the navigation ul to remove bullets, margins, and padding with a black background; float li elements left and give links block display, hover background, and an active blue state.

Create responsive CSS layouts for mobile devices by applying media queries at 840 pixels and 600 pixels to stack the left, right, and content columns and adjust margins.

Build a responsive webpage by creating divs in the body, with a container header and navigation, a three-column content wrapper (left, center with inner text padding, right), and a footer.