Если вы разработчик или вы можете кодировать. Но здесь я собираюсь обсудить некоторые моменты, как на самом деле работает веб-сайт. Основным требованием к структурированию макета веб-сайта является построение логики Front-End. Вам нужно выучить эти языки.
- HTML: работает как тело веб-сайта.
- CSS: работает как красота веб-сайта.
- JavaScript: работает как мозг веб-сайта.
Пример:
Чтобы понять более простой способ, давайте возьмем пример, который мы видели в автомобилях, его металлический корпус работает как часть HTML, его цвет, дизайн, украшение являются частью CSS, а основные функции, такие как двигатель, акселератор, тормоз и сцепление, являются частью JavaScript, которая работает как мозг автомобиля.
1. HTML
- HTML означает язык гипертекстовой разметки.
- По сути, это стандартный язык разметки для создания статического скелета веб-приложений и веб-сайтов.
- Это хорошо стандартизированная система.
2. CSS
- Каскадные таблицы стилей, известные как CSS, представляют собой язык таблиц стилей, используемый для обработки представления веб-страницы, содержащей HTML.
- Это делает наши сайты красивыми и современными.
3. JavaScript
- JavaScript (JS) – это высокоуровневый динамически интерпретируемый язык программирования.
- Это позволяет создавать сценарии на стороне клиента для создания полностью динамических веб-приложений и веб-сайтов.
Взаимодействие с сервером
Вы можете подумать, что когда мы пишем URL-адреса в браузере (www.google.com), куда они идут, URL-адрес просто отправляет запрос на DNS-сервер, который переводит удобочитаемый адрес (www.google.com) на машиночитаемый IP-адрес (234.83.16.235). Этот DNS-сервер отправляет запрос на главный сервер (веб-хост, на котором находится ваш сайт в Интернете), отвечает вашему браузеру, когда вы видите содержимое веб-страницы.
Монтаж
- Скачать и установить VS Code.
- Добавьте расширение Текущий сервер.
Базовая структура
- Нажмите
!+Enter
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- This is Body of html -->
</body>
</html>
Бэкэнд
После этого вам нужно знать о Back-End Logic. В Back-End мы (разработчик) пишем логику, в которой все данные извлекаются из вашей базы данных (облачное хранилище данных), и каждое взаимодействие, совершаемое пользователем, отражает базу данных, это делается на нескольких языках, например: Python, JavaScript и PHP и т. д.
Рамки
Все три имеют Framework (структурированный шаблон, содержащий множество библиотек и модулей), которые легко обслуживаются.
- PHP: предоставил Laravel.
- Python: предоставляет Django (используется для больших масштабов) и Flask.
- JavaScript: предоставляет NodeJS и ExpressJS.
Вот и все,
До свидания, счастливого кодирования.
