HTML & Coding Introduction – Course for Beginners

Overview

Embark on a comprehensive video course designed for beginners to learn the fundamentals of HTML and coding. Discover how to create websites and apps through hands-on instruction. Begin with an introduction to code editors and file management before delving into HTML basics, including syntax, structure, and essential elements like headings, paragraphs, lists, and links. Progress to more advanced concepts such as tables, semantic sectioning, and forms. Apply your knowledge in practical exercises and a Table Tennis Leaderboard project. Explore developer tools like the Inspect feature and learn best practices such as commenting code. By the end of this 2-3 hour course, gain a solid foundation in HTML and be prepared for further web development learning.

Syllabus

⌨️ Introduction
⌨️ What is a code editor?
⌨️ Code editor options
⌨️ Files files files
⌨️ HTML Introduction
⌨️ HTML - what is it exactly?
⌨️ HTML Syntax
⌨️ Saving files in your code editor
⌨️ HTML Anatomy
⌨️ Headings
⌨️ Paragraphs
⌨️ HTML headings, paragraphs and emphasis
⌨️ Indenting code in HTML
⌨️ HTML lists
⌨️ HTML links
⌨️ Navigating Pages
⌨️ Images in HTML
⌨️ Creating tables using HTML
⌨️ Introducing the Div
⌨️ Semantic sectioning
⌨️ Table Tennis Leaderboard: Project prep
⌨️ Table Tennis Leaderboard: Starting out our project
⌨️ Table Tennis Leaderboard: table rows and lists
⌨️ Table Tennis Leaderboard: Sectioning and the figure element
⌨️ HTML forms
⌨️ The various input element types in HTML
⌨️ HTML Inputs exercise 1
⌨️ HTML Inputs exercise 2
⌨️ HTML Inputs exercise 3
⌨️ The select dropdown in HTML
⌨️ The Inspect tool
⌨️ Using the data attribute in HTML
⌨️ Commenting out code
⌨️ What’s next?