00 | HTML5 for Beginners | Introduction to HTML Fundamentals 2024 / Updated Version
Don't know where to start learning HTML5 in 2024?
This basic course will help you understand the basics of HTML!
A video for beginners who want to learn HTML from scratch.
Welcome to the HTML5 Hypertext Markup Language Basic Course! This course is designed specifically for beginner web developers who want to become professionals in building websites and applications.
Learn the basics of HTML and start learning frontend from scratch, in a simple and affordable way!
• HTML5 | Андрій Кльон
HTML is one of the three basic technologies used to create websites. It is responsible for creating the structure and content of web pages that are displayed in the browser. The other two basic technologies are CSS, which is responsible for the look and feel of pages, and JavaScript, which makes pages and applications dynamic.
Learning HTML is the first and important step for future web developers, as it is the foundation for creating web pages and applications. In this course, we will cover all the basic tags that are used to create web page elements. You will learn how to create simple text blocks, headers, paragraphs, and more complex structures such as forms and tables.
You'll write HTML code in a special text editor that's optimized for software developers. And to test the results of your work, we'll use the browser and its web developer tools.
In this course, we focus exclusively on HTML5 and will not cover CSS and JavaScript in detail, as these are separate and extensive topics that require separate study.
The course does not require you to have any prior knowledge as we are just starting our web development journey.
COURSE AUTHOR - Andriy Klyon
/ @andrijklyon
To maximize the effectiveness of the learning process, it is recommended that you follow a certain methodology. First, watch the tutorial, especially if you are new to web development.
Then, repeat the actions that were demonstrated in the tutorial and compare the results with what is shown in the tutorial. Pay attention to errors, such as misspelled tags or missing characters.
If you have any problems or questions, do not hesitate to ask for help. You can find a tutor among IT course teachers, tutors, or acquaintances who understand web development. If you can't find a mentor, you can always ask for help on specialized forums or social networks.
Don't be afraid to make mistakes! It is normal to make mistakes in the learning process. Web development is a field where everyone can and should learn from their own mistakes. So don't stop at the first mistake, but continue to develop.
It is also important to realize that web development is not a strict science where there is only one right solution. You can solve one problem in different ways, using different tags and code structures.
Before learning HTML, you need to set up your development environment. We will be using Visual Studio Code as our code editor, which is a free and powerful tool for developers.
It is also recommended to use Google Chrome or Mozilla Firefox as a browser, as they have developer tools that simplify development and testing.
First of all, you need to download and install Visual Studio Code editor on your computer.
After installing VS Code, the next step is to install a few useful extensions.
Live Server: this is a plugin that automatically updates the page in your browser when you make changes to the corresponding HTML file. This is very convenient as you can immediately see the results of your changes.
vscode-icons: this plugin replaces the standard file icons in the browser tab with more attractive icons. This makes it easy to navigate your project and quickly find the files you need.
Highlight Matching Tag: this plugin highlights opening and closing tags with an underline. This helps you visually track the structure of your HTML code and avoid errors.
Make sure you follow all these steps to be ready for the next steps of the course. Good luck customizing your development environment!
CONTENTS:
⏱ 00:00 - beginning
⏱ 00:11 - HTML hypertext markup language
⏱ 00:23 - characteristics of this course
⏱ 00:50 - teaching methodology
⏱ 01:15 - ways to solve the problem
⏱ 01:46 - development environment
⏱ 01:59 - VS Code editor (Visual Studio Code)
⏱ 02:18 - "Extensions" - "Emmet" and "Live Server" plugins
⏱ 02:32 - "Install" - "Live Server" plug-ins.
⏱ 02:47 - Sublime Text code editor
⏱ 03:06 - WebStorm code editor
⏱ 03:18 - Google Chrome web browser and the "DevTools" panel.
⏱ 03:30 - Mozilla Firefox, Microsoft Edge or Safari web browsers
⏱ 03:42 - homework assignment
#frontend #html #html5 #gotofrontend