Файл: Основы вебразработки Теперь, когда мы определились с вебразработкой, давайте рассмотрим некоторые основы вебразработки. Что такое вебсайт.docx

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 02.12.2023

Просмотров: 11

Скачиваний: 1

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.


HTML, CSS, JavaScript - это “большая тройка” веб-разработки. Почти каждый веб-сайт использует их в том или ином качестве. Существует множество других языков, таких как серверные языки, такие как Java, C++, Python и SQL, но понимание этих трех является основополагающим для ваших знаний в области разработки веб-сайтов.

  1. Создайте серверную часть вашего веб-сайта

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

Давайте начнем с серверной части.

Серверная часть обрабатывает данные, которые обеспечивают функциональность интерфейса. Например, серверная часть Facebook хранит мои фотографии, так что затем интерфейс может позволить другим просматривать их. Он состоит из двух ключевых компонентов:

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

• Серверы, которые представляют собой аппаратное и программное обеспечение, составляющее ваш компьютер. Серверы отвечают за отправку, обработку и получение запросов на передачу данных. Они являются посредниками между базой данных и клиентом/браузером. Браузер, по сути, сообщит серверу "Мне нужна эта информация", и сервер будет знать, как получить эту информацию из базы данных и отправить ее клиенту.

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

Что касается создания вашего веб-сайта, разработчики серверной части установят три вещи.

• Ваш логический код, который представляет собой набор правил для того, как ваш веб-сайт будет отвечать на определенные запросы и как объекты вашего веб-сайта будут взаимодействовать.

• Управление вашей базой данных, то есть то, как ваш веб-сайт будет организовывать, управлять и извлекать свои данные.

• Ваша инфраструктура, то есть то, как будет размещен ваш сайт. Размещение вашего собственного сайта даст вам больший контроль, но это намного дороже и требует от вас поддержания работоспособности и безопасности вашего собственного сервера.

С внедрением этих компонентов и решений ваш веб-сайт будет готов к интерфейсной разработке.

Примечание: Серверная часть немного связана с веб-разработкой, потому что вам не всегда нужен серверный интерфейс, если вы не храните никаких данных. “Данные” в данном контексте означают любую введенную пользователем информацию, которую вам необходимо сохранить. Подумайте о входе на веб-сайт. Если у них нет серверной части, как они могут запомнить вашу регистрационную информацию? Или каковы настройки вашего профиля? Чтобы получить эту информацию, вам нужен серверный интерфейс.


Facebook, например, должен знать, какие люди есть в вашем списке друзей, к каким событиям вы присоединились, какие посты вы создали и многое другое. Это все "данные", которые хранятся в базе данных. Если бы у них не было серверной части с базой данных, ни одна из этих данных не была бы им доступна.

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

  1. Создайте клиентскую часть вашего веб-сайта

Интерфейс важен - это то, что видят ваши посетители, заказчики и юзеры, и как они будут использовать ваш веб—сайт.

Интерфейсная (или клиентская) разработка включает в себя комбинацию JavaScript, HTML и CSS. Он также управляет такими компонентами, как типография и шрифты, навигация, позиционирование, а также совместимость с браузером и быстродействие. Эта часть будет в большей степени отражать ваше первоначальное видение сайта и то, что вы включили в свой каркас.

По мере изменения технологий и потребительских предпочтений кодирование на стороне клиента, как правило, устаревает гораздо быстрее, чем серверная разработка. Вот где пригодятся ресурсы для кодирования (подобные тем, которые мы включили ниже).