Autoplay
Autocomplete
Previous Lesson
Complete and Continue
AWS - Web Development & Web Hosting
Welcome
What to expect in this course
Meet Your Instructors
Meet Your Learning Facilitators
Module 1 : Pre-Requisite and Resources
General Information
System Requirements
How to create AWS account? (5:13)
Account Creation
How to create billing alerts? (6:59)
Budget Notification
Budget Creation (3:50)
How to use Chime (3:48)
Module 1 Part 2: AWS IAM Fundamentals- IAM User, Group, Policy and Role
IAM Fundamentals (59:22)
IAM Identities and Policies (51:49)
Singing In to AWS Management Console (10:21)
IAM Identity - User (66:54)
Lab 1: IAM Users
IAM Identity - User Group (54:09)
Lab 2: IAM User Groups and Users
Module 1 Part 3: AWS Fundamentals
AWS Infrastructure (15:43)
AWS Public & Private Services : S3 + EC2 (18:06)
Revision
Lab 1.1: Region
Lab 1.2: S3 Basics
Lab 1.3: EC2 Basics (22:22)
Module 2 Part 1: Command Line, Directories, Files
Directories and Files on S3
Web Site Working Folders and Files on S3
Module 2 Part 2: Hosting Static Website on Amazon S3
S3 and Web Hosting
Lab: Creating a Static Web Site (7:44)
Lab: Creating a Static Web Site in Ireland
Lab: Creating a Static Web Site in Canada
Module 2 Part 3: Remote Access Session Manager and EC2 Directories and Files
IAM Identity: IAM Role
Remote Access via Session Manager
Demo - Lab 1.6: Accessing via Session Manager (10:12)
Lab 1.6: Accessing via Session Manager
Linux Directory and Files (12:29)
Lab: Linux Directory and Files (18:47)
Linux Text Editor: vi (34:02)
Lab: Linux Text Editor - vi
Making EC2 a Web Server (13:22)
Making EC2 a Web Server - Other Regions
Module 3 Part 1 - Visual Studio (VS) Code Editor
VS Code Videos
IDE - and installing Visual Studio (VS)
VS Extensions - Installing
Directories and File on Visual Studios
Lab: Folders and Files
Module 3 Part 2 - HTML Introduction
What is HTML?
Introduction to HTML
HTML Documents and Elements
Syntax - Tag and Element
Commenting - Single Line Commenting
Commenting - Single Line Commenting - Anywhere
Commenting - To Disable Code
Commenting - Multi-Line Commenting
DOCTYPE
Head and Title Elements
Head and Style Elements
Head and Link Elements
Head and Meta Elements
Boilerplate and HTML Elements
Lab 5.1 : Boilerplate
Lab 5.2 : Boilerplate and Hosted in S3
Questions
Module 3 Part 3 - Body Elements
Body Element
Body Element - Heading
Body Element - Paragraph
Example of Headings and Paragraph in a Webpage
Lorem
Body Element - horizontal rules
Body Element - HTML Line Breaks
Body Elements - Pre-Formatted Text
Text Element - Formatting - Bold, Strong, etc
HTML Attributes - style - color
HTML Attributes - font and size
Lab 6.1: Web Hosting on S3
Challenge Lab: Personal Portfolio - HTML
Answer to Challenge Lab: Personal Portfolio - HTML
Module 4: HTML Lists
HTML Lists - Unordered and Ordered List
Unordered List - List Item Marker
Ordered List - List Item Marker
Nested Unordered List
Nested Ordered List
Controlling List Counting
Description List
Lab on HTML List
Module 5: HTML Table
HTML Table
HTML Table Without Header
HTML Table - With Horizontal and Vertical Header
HTML Table - Border
HTML Table - Border and CSS
Cells That Span Multiple Column or Rows
HMTL Table and Caption
Lab on HTML Table and List
Module 6: HTML Links
HTML Links
Externa and Internal Links
Lab: External and Internal Link
Download Images
HTML Images
HTML Images - alt attribute
HTML Images - image size
HTML File Path
Image As a Link
Lab Assignment - Images and S3 Web Hosting
Module 7: HTML Forms
HTML FORM Element
HTML Form Element
HTML for attribute and id attribute
HTML value and placeholder attribute
HTML Form - Multiple labels and input
HTML Form and Submit
The name attribute for
The Action Attribute
Buttons in HTML
Input Type - Email and Password
Input Type - Radio
Input Type - Checkbox
Number, Date and Time, Phone
Input Dropdowns - select
Input dropdowns - default
Textarea Element
Fiedlset and Legend Elements
Module 8: Projects
Project - Event Registration and Login - Part I
Solution - Project - Event Registration and Login - Part I
Project - Event Registration and Login - Part II
Solution - Project - Event Registration and Login - Part II
Module 9: CSS Introduction
CSS Usage
Applying CSS - Inline CSS
Applying CSS - Internal CSS
Applying CSS - External CSS
CSS Selector and Syntax
Lab 14.1 - HTML and CSS
Multiple Style Sheets - Example 1
Multiple Style Sheets - Example 2
Multiple Style Sheets - Example 3
CSS Comment
File Structure and File Path - No Folders
File Structure and File Path - With Folders
Module 10: CSS Properties
Simple Selectors - By Name
CSS Class Selector
CSS ID Selector
Multiple Selectors
Descendant Selector
Direct Descendant Selector
Attribute Selector
CSS Demo - One HTML Page Multiple Styles
Color
Text
Element span
Sizes
Challenge Lab: Personal Portfolio - HTML & CSS
Answer to Challenge Lab: Personal Portfolio - HTML & CSS
Module 11: DIVs and SPAN
Container Elements
Element DIV
Lab 15.1 - Text Elements and Div
Lab 15.1 - CSS and div
Lab 15.2 - Personal Portfolio
Element Section
Lab 16.1 - CSS and section
Element SPAN
Challenge Lab: Personal Portfolio - HTML, CSS and DIV Element
Answer to Challenge Lab: Personal Portfolio - HTML, CSS and DIV element
Module 12: Navigation
Introduction
Common Navigation Layouts - Vertical
Lab 12.1 - Vertical Navigation Layout
Common Navigation Layouts- Horizontal
Lab 12.2 - Horizontal Navigation Layout
Common Navigation Layouts - Sidebar
Lab 12.3 - Sidebar Navigation Layout
Understanding the Element
Styling Basics with CSS
CSS Styling for the Horizontal Navigation Bar - Using display: inline-block
Vertical Navigation Menu
Lab 12.4 - ChatGPT and Navigation Layout
Lab 12.5 - ChatGPT and Nesting dropdown
Module 13 - Code Generation using AI - HML and CSS
Lab 13.1 - Signup Form
Lab 13.2 - Login Form
Lab 13.3 - Password Change Form
Lab 13.4 - Contact Us Form
Lab 13.5 - Website for a book store
Module 14: DNS and Route 53
DNS Basics and Route 53
Domain Registration
LAB: Domain Registration
Route 53 and S3
Lab: Route 53 and S3
Module 15: Capstone Projects
Project: Restaurant or Café Website
CSS Styling for the Horizontal Navigation Bar - Using display: inline-block
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock