Modern HTML for complete beginners - Full Course 2023

Опубликовано: 09 Май 2023
на канале: Konstantyn's coding

491

HTML Made Easy! Complete Course for Beginners - Learn Key Concepts in Just 2 Hours. This tutorial covers the most important aspects of HTML you need to know.

#html #html5 #htmltutorial

Hello, my name is Konstantyn, I'm a Frontend Engineer working in a lovely city of Warsaw. My main technology stack is React. Please ask me questions in comments and subscribe for more tutorials like this!

Unlock the power of HTML in no time! My concise 2-hour course for beginners emphasizes the 20/80 rule, where you'll learn the 20% of HTML concepts that yield 80% of the results. Dive into the essential aspects of HTML, mastering the building blocks of web development. With simple language and easy-to-follow examples, you'll grasp key concepts effortlessly. So jump right into the course and build your Solid Frontend Foundations!

✅ Follow Me:
LinkedIn: / kostiantyn-burlai
Github: https://github.com/burlai

☕ Buy Me A Coffee: https://www.buymeacoffee.com/konstantyn

Chapters:
0:00 - Intro
02:40 - Frontend Programmer Tools (Code Editor & Browser)
03:59 - Visual Studio Code extensions
05:50 - Google Chrome Developer Tools
07:03 - Live Server VS Code extension
11:21 - HTML file (document) structure
15:00 - The structure of HTML element (tag)
20:08 - How to add comments in HTML code
23:32 - Adding images on our HTML page
28:31 - The link HTML element (a href)
37:11 - Text formatting in HTML
41:27 - How to add a website icon in HTML
43:02 - How to use lists in HTML
48:19 - Tables in HTML
53:00 - Video element in HTML
55:47 - How to use Iframe HTML element to insert a YouTube video on a webpage
01:00:36 - Audio tag in HTML
01:03:37 - Input element in HTML intro
01:09:49 - Button element in HTML
01:12:40 - Inputs of type text and password
01:17:02 - Input of type checkbox
01:21:18 - Input of type radio
01:24:40 - Select element in HTML
01:30:47 - Textarea HTML tag
01:34:02 - Input of type number
01:37:08 - Inputs of type phone and email
01:41:37 - Inputs of type date and time
01:45:17 - File input in HTML
01:47:11 - Semantics in HTML
01:50:40 - Accessibility in HTML
01:53:39 - Course Summary and the Next Steps

Main HTML resources:
W3Schools: https://www.w3schools.com/html/defaul...
MDN: https://developer.mozilla.org/en-US/d...