Coding-space.ru
menu

Введение в HTML

Данный HTML курс бесплатный, посвящен базовым вещам. Так что если вы новичок - это прекрасно! Ведь сегодня хорошой день чтобы начать изучать что-то новое!

Давайте знакомиться, HTML!

HTML - это аббревиатура, которая означает "HyperText Markup Language". В переводе на русский язык - "язык гипертекстовой разметки".

Многие ошибочно считают, что HTML - язык программирования, но это не так. Ведь в языках программирования с помощью сценариев программируются функции, в то время как в языке разметки (HTML) с помощью тегов создается содержимое страницы (контент).

Давайте посмотрим на обычный HTML-тег:

<p> Это обычный абзац текста </p>
Если вы не понимаете, что написано выше - не беда. В последующих уроках мы подробно разберем HTML-теги.

Структура веб-страницы

Если вы хотите стать хорошим веб-разработчиком, то HTML - ваша "стартовая позиция" с которой все начинается.

Аналогия из жизни

Сайт - как человек: HTML - кости, CSS - внешний вид, JavaScript - способность мыслить

Эти технологии в совокупности относятся к так называемому "front-end программированию" - клиентской части сайта

Существует так-же и "серверная часть" - back-end, состоящая из: PHP и других похожих языков (например: Ruby, Python, Java)

Одного лишь HTML будет недостаточно для написания хорошего сайта, но эта технология необходима

Front-end разработчик

Мы уже косались понятия front-end пару минут назад. Так что-то же это такое?

Front-end наши действия на стороне клиента.

Front-end разработчик создает «лицо» сайта, часть, которую видит пользователь. Задача front-end разработчика создать "видимую" часть сайта - слайдеры, всплывающие меню, подключить шрифты. Это все создается с помощью HTML, CSS, JavaScript

Фронтенд разработчик тесно взаимодействует с дизайнером. Дизайнер - делает макет сайта, красиво смотрящийся глазу, а разработчик, в свою очередь, воплощает эту "картинку" в реальный сайт с помощью HTML, CSS и добавляет функционал JavaScript-ом.

Back-end

Что же заставляет работать сайт? Почему вы можете регистрироваться на сайтах? Ответ знает бекенд разработчик!

Бекенд разработчик взаимодействует с базами данных, управляет технологиями которые поддерживают все компоненты сайта

Пример языка backend разработчика - PHP. Это не означает, что только на нем можно писать бекенд часть (существуют и другие: Ruby, Python, Java и т.д.).

На каждой полноценном сайте можно увидеть работу бекенд разработчика, например - форма регистрации. Когда вы вводите данные в форму и нажимаете кнопку отправки, эти данные уходят в базу данных сайта и хранятся там сколь угодно долго.

Как можно заметить, хороший сайт - штука не простая. Ведь в создание сайта задействуется целая команда специалистов.

Задачи:

Предлагаю решить несколько заданий, чтобы закрепить материал

Аббревиатура HTML

Как расшифровывается аббревиатура HTML?
Каким языком является HTML?

HTML - "HyperText Markup Language"
Это язык разметки, а не программирования.

Немного о технологиях

Какие языки можно отнести к frontend программированию?
А можете ли назвать пример языка backend разработчика?

Frontend - HTML, CSS, JavaScript
Backend - PHP, Ruby, Python, Java и т.д.

Помогайте другим!

Ниже находится секция с комментариями, мы призываем всех делиться своими знаниями по данной теме, помогать другим.
Так же Вы можете скидывать свои задачи и самые интересные мы обязательно опубликуем в уроке!