Mimir, Keeper of the Well of Wisdom
HTML5 Foundations - Think Like a Web Architect
Year : 2026
Language : English
Level : Beginner
Category : Development
Subcategory : Programming Languages
Duration : 2h 35m
Lectures : 18
Rating :
Students : 1
INSTRUCTOR(S)
Akalanka Karunarathna
UI/UX Designer & Content Creator
Hi there!
I'm a UI/UX designer who loves teaching others how to design great
digital experiences. I'm here to help you learn how to create
user-friendly and visually appealing websites and apps.
My classes are designed for everyone, whether you're a beginner or a
seasoned pro. I'll teach you everything you need to know to create
digital experiences that people love.
So join me on this journey to level up your UI/UX design skills!
HEADLINE
UI/UX Designer & Content Creator
WHAT YOU'LL LEARN
Build Your Personal Passion Tracker
REQUIREMENTS
Skillshare account
WHO IS THIS COURSE FOR
DESCRIPTION
Stop coding like a decorator and start thinking like an Architect.
Most beginners rush straight into CSS and JavaScript, building on top
of a weak, outdated foundation. This leads to websites that are
invisible to Google, broken on mobile, and unusable for people with
disabilities. In this class, we strip away the distractions of styling
to focus 100% on the structural layer of the web. Modern, Semantic
HTML5. What You Will Learn Document Structure - How to set up a
professional project in VS Code. Semantic Tags - When to use article,
section, header, and footer for maximum SEO. Data Organization -
Building complex, accessible tables for rankings and charts. User
Interaction - Creating functional forms with native HTML5 validation.
Accessibility - Ensuring your site is readable by screen readers and
assistive tech. The Project You will follow along as I build
CineVault, a 5-page movie database. For your class project, you will
apply these exact blueprints to build your own Personal Passion
Tracker (a Book Library, Recipe Box, or Game Vault). Why You Should
Take This Class HTML is the most important skill in a developer's
toolkit, yet it is often the most misunderstood. Writing "clean code"
isn't just about aesthetics, it’s about building a site that is fast,
accessible, and search-engine friendly. By learning to think like an
architect, you will save hundreds of hours in the debugging phase and
build a solid foundation for your future CSS and JavaScript projects.
Who This Class Is For Absolute Beginners - If you’ve never written a
line of code, this is the perfect place to start. Self-Taught
Developers - Perfect for those who want to "unlearn" bad habits and
master modern HTML5 standards. Designers - Ideal for UI/UX designers
who want to understand the structural logic behind their mockups.
Materials & Resources To follow along with this class, you will
only need, A computer (Mac, Windows, or Linux). Visual Studio Code (We
will walk through the free installation). Your curiosity!
LINKS
None
COURSE CONTENT
1. Introduction to HTML5 Foundations Class [2:00]
2. The Infrastructure - Clients, Servers & Browser Engines [1:34]
3. VS Code & Essential Extensions [2:00]
4. Coding Smart & Debugging AI Responsibly [0:57]
5. HTML5 Tags, Elements & Syntax [10:07]
6. Semantic Layout - Header, Main, and Footer [16:12]
7. Structuring Content - Sections vs. Articles [19:13]
8. Adding Images & Accessible Alt Text [9:41]
9. Embedding Videos with Native Controls [7:38]
10. Mastering Links and the Anchor Tag [10:29]
11. Building Clean HTML Tables [12:17]
12. Creating Forms & User Inputs [14:02]
13. Understanding ARIA & Screen Readers [6:00]
14. CineVault Part 1 - Building the Semantic Homepage [17:03]
15. CineVault Part 2 - Creating the Rankings Chart [10:14]
16. CineVault Part 3 - Structuring the Reviews Page [9:20]
17. CineVault Part 4 - The Movie Request Form [4:04]
18. Your Class Project & Beyond [1:49]
DATES
Published : 2026-03-20
Last Updated : 2026-03-20
If you fear the truth, dont come to my well.