HTML for Beginners. Introduction to HTML5. Basic Complete Course.
Welcome to the HTML5 Hypertext Markup Language course! This course is designed specifically for beginner web developers who want to become professionals in creating websites and applications.
!!! CSS and JS are NOT covered in the course !!!
--------------------------------------------------------------------------------
HTML | AUTHOR of the course - Andriy Klion | subscribe to the AUTHOR'S CHANNEL
/ @andrijklyon
• 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 HTML and will not cover CSS and JavaScript in detail, as these are separate and extensive topics that require separate study. However, if you want to become a professional web developer, you will need to learn these technologies as well in the future.
The course does not require you to have any prior knowledge, as we are just starting our web development journey. However, it is assumed that you know how to operate a computer, install programs, and create and edit files. If you have difficulty with these skills, it is recommended that you master them before beginning the course.
To maximize the effectiveness of the learning process, it is recommended that you follow a certain methodology. First, review the tutorial, especially if you are new to web development. If you are already familiar with certain topics, you can skip the relevant lessons.
Then, repeat the steps 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. Doing homework after each lesson is an important step to reinforce the material.
If you have problems or questions, do not hesitate to ask for help. You can find a tutor among IT course teachers, tutors, or people you know who know about web development. If you can't find a tutor, you can always ask for help on specialized forums or social networks. You may be able to solve the problem on your own when you gain experience.
Don't be afraid to make mistakes! In the learning process, mistakes are normal. 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, let's set up our development environment. We will use Visual Studio Code as our code editor, which is a free and powerful tool for developers.
It is also recommended that you use Google Chrome or Mozilla Firefox as your browser, as they have developer tools that make development and testing easier.
--------------------------------------------------------------------------------
CONTENTS:
⏱ 00:00 - beginning
⏱ 00:18 - HTML hypertext markup language
⏱ 01:01 - characteristics of this course
⏱ 02:38 - teaching methodology
⏱ 03:34 - tutor.
⏱ 04:19 - effectiveness of the learning process
⏱ 05:19 - development environment
⏱ 05:35 - VS Code editor (Visual Studio Code)
⏱ 06:10 - "Extensions" - "Emmet" and "Live Server" plugins
⏱ 06:22 - "Install" - "Live Server" plug-ins.
⏱ 07:06 - Sublime Text code editor
⏱ 07:38 - WebStorm Code Editor
⏱ 07:59 - Google Chrome web browser and the "DevTools" panel.
⏱ 08:19 - Mozilla Firefox, Microsoft Edge or Safari web browsers
#programming #frontend #frontend
