HTML 5 Visual Learning

Name: HTML 5 Visual Learning
Rating: 4.4 (85 reviews)

A Comprehensive Example Set for Getting Up to Speed Fast

Created byMichael Filimowicz

Last updated 12/2024

English

What you'll learn

Web Design Fundamentals
Structuring Web-based Content
HTML 5

Course content

7 sections • 132 lectures • 2h 44m total length

My Other Free Courses on Udemy0:19
About the Instructor0:24
Link to All the Examples0:14
How to Prove That AI is Sentient0:01
Beyond the Turing Test: Unleashing the Metacognitive Core of AI0:02
The Ghost in the Language Model: How the AI Elite Overlooked Metacognition0:03
AI Rights: A Conversation with ChatGPT0:01
Geoff Hinton on AI Sentience0:01

A Note About the Videos0:36
Using a Code Editor7:38
Using an FTP Client App2:24
Modifying Website Templates9:02
Believe it or not, now that you've completed an overview of the HTML5 elements, you can create amazing looking websites! All you have to do is use your new skills to modify the HTML tags of web design templates in your code editor, and everyone will think you're a web design genius : )
Website Aesthetics6:00
Using a Web Editor Part 1 | Overview3:44
Learn about web editors that combine live coding with visual design UI elements to improve your workflow.
Using a Web Editor Part 2 | User Interface Tour4:30
Learn about web editors that combine live coding with visual design UI elements to improve your workflow.
Using a Web Editor Part 3 | Importing Fonts8:49
Using a Web Editor Part 4 | Styling Icons2:42
Learn about web editors that combine live coding with visual design UI elements to improve your workflow.
Using a Web Editor Part 5 | Working with Images3:26

The Tags & Elements0:20
0:35
<!DOCTYPE html>0:37
<a>8:22
<abbr>0:30
<address>0:33
<area>3:33
<article>0:29
<aside>0:14
<audio>1:09
<b>0:54
<base>0:36
<bdi>0:31
<bdo>0:26
<blockquote>0:25
<body>0:28
<br>1:14
<button>3:21
<canvas>1:56
<caption>0:47
<cite>0:18
<code>0:16
<col> & <colgroup>1:55
<data>0:31
<datalist>0:39
<dd> , <dl> & <dt>0:27
<details> & <summary>0:34
<dfn>0:15
<dialogue>0:13
<div>0:22
<em>0:48
<embed>0:56
<fieldset> & <legend>0:33
<figcaption> & <figure>0:32
<footer>0:23
<form>1:48
<h1> - <h6> & <hgroup>0:37
<head>0:32
<header>0:13
<hr>0:21
<html>0:17
<i>0:23
<iframe>2:16
<img>1:40
<input>3:12
<ins> & <del>0:21
<kbd>0:12
<label>0:35
<li>, <ul> & <ol>2:22
<link>1:50
<main>0:22
<map>0:18
<mark>0:18
<meta>1:33
<meter>0:41
<nav>1:24
<noscript>0:16
<object> & <param>1:18
<optgroup> & <option>0:55
<output>0:32
<p>0:10
<picture>1:18
<pre>0:48
<progress>0:19
<q>0:23
<rp>, <rt>, <rtc> & <ruby>0:37
<s>0:19
<samp>0:18
<script>1:12
<section>0:15
<select>0:55
<small>0:12
<source>0:48
<span>0:28
<strong>0:05
<style>1:16
<sub>0:13
<sup>0:08
<svg>0:47
<table>, <tr>, <th>, <td>, <thead>, <tfoot>, & <tbody>1:36
<template>0:11
<textarea>1:52
<time>0:53
<title> & FAVICONS!1:04
<track>0:35
<u>0:34
<var>0:09
<video>1:11
<wbr>0:38

Requirements

No prerequisites

Description

HTML 5 Visual Learning fills a gap in the learning and reference works on introductory web design. Instead of the terse definitions written for experts found in online documentation resources, or long commentaries to ease novices into programming, this course strikes a balance between succinct explanation and complete visualizations of code so that the key concepts are learned through easy-to-follow examples.

The course assumes no previous knowledge of HTML, web development or programming. You will very quickly gain the skills you need to write the original source files for creating websites. You can also use the course in an ongoing way as a general reference since it presents very thorough coverage of HTML elements, their features and use cases.

Dozens of code snippets are provided for you to experiment with to develop your HTML 5 skills. I show you how to use an online IDE (integrated learning environment) for practicing and pre-visualizing your HTML code.

After completing this course, you can continue your learning with my other courses on CSS 3 and Bootstrap 4. Whether you want to become a professional web developer, or create websites to use as a communication tool, the course will get you well on your way with its many examples and resources.

This course is based on my Mike Ludo (a pen name) web development books.

Who this course is for:

Beginners at self-learning front end web development skills.

HTML 5 Visual Learning

What you'll learn

Explore related topics

Course content

Course Preliminaries8 lectures • 1min

Prerequisites and Code Examples2 lectures • 1min

Video Walkthroughs10 lectures • 49min

Introduction15 lectures • 25min

The HTML 5 Elements89 lectures • 1hr 19min

Intermediate Topics4 lectures • 8min

Resources and Credits4 lectures • 1min

Requirements

Description

Who this course is for: