Как пишут сайты: Какие языки используют при создании сайтов

      Комментариев к записи Как пишут сайты: Какие языки используют при создании сайтов нет

Содержание

Какие языки используют при создании сайтов

Какие языки используют при создании сайтов | WADLINE Написать  

Вход / Регистрация

Лучшие веб-разработчики и веб-студии

Технологии и платформы

 Сайты и онлайн-сервисы

Разработчики мобильных приложений

Технологии и платформы

Разработчики программного обеспечения

Технологии и платформы

Рекламные и digital агентства

Направления

Веб-студии

Технологии и платформы

Разработчики мобильных приложений

Технологии и платформы

Разработчики ПО

Технологии и платформы

  • Все
  • Технологии
  • Ликбез
  • Места
  • HowTo
  • Стартапы
  • Новости
  • Сервисы
  • Приложения
  • #Технологии

Принцип создания сайтов появился в процессе разработки языка HTML, позволяющего представлять страницу в виде гипертекста, считываемого HTML или веб-браузером. На более низком уровне речь идет об установке сетевого соединения по прикладному протоколу HTTP или HTTPS.

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

Прикладные протоколы, веб-браузер и гипертекст – что это такое

Прикладные API-протоколы HTTP или HTTPS являются более ранней и более поздней разработкой соответственно. Отличаются уровнем защиты соединения. HTTPS – это шифрованная версия, она позволяет снизить риски несанкционированного получения данных во время серфинга пользователя в Интернет, но полностью их не исключает.
Эти виды программных приложений представляют собой программно-организованный способ передачи данных, используя возможности стека OSI и основного и стандартизированного протокола TCP/IP. Такие программы пишутся на языке С# и Eclipse. Эклипс – это интегрированная (кроссплатформенная) среда для создания сетевых приложений, которые будут работать на всех типах платформ, например, на IBM/PC, Apple, Android и других. Для обычного пользователя написание прикладного протокола для работы сайта в сети не только не требуется, но и окажется непосильной задачей.
Пользовательский уровень задач работает уже с готовым протоколом передачи данных, который в свою очередь встроен или интегрирован в веб-браузер. Последний представляет весьма специфичное программное приложение высокого уровня.
В упрощенном понимании функции браузера состоят в том, чтобы воспроизводить на экране страницы сайтов, представленных в гипертекстовом виде, то есть в HTML. Все языки программирования, на которых пишутся сайты тем или иным образом представляют функциональные модули. Их результат работы выводится на экран пользователя в гипертекстовом виде.

HTML

Язык гипертекстовой разметки Hyper Text Markup Language является стандартом разметки текстов для их воспроизведения в браузерах, разработанных разными производителями. Страницы в основном представлены в HTML или более новой XHTML-версии. Синтаксис довольно прост, текст помещается в определенные стандартные теги, с помощью которых браузер «понимает», как выводить ему эту часть веб-страницы.
Примеры тегов:
<p>text</p> – абзац текста;
<a>text</a> – ссылка в тексте;
<b>text</b> – выделить жирным;
<h2>text</h2> – заголовок первого уровня.
Соответственно, вся гипертекстовая страница выделяется тегами <html></html>. Сейчас новые, более прогрессивные сайты используют версию HTML5. Но для обычного пользователя, желающего иметь хороший функциональный веб-ресурс, это может быть избыточно.
В сети можно встретить целый ряд простых html-редакторов, в которых можно создать небольшие функциональные сайты. Это можно сделать и самостоятельно, освоив простейший синтаксис языка гипертекста.
Еще одной интересной гипертекстовой конструкцией являются каскадные стили CSS. Они задаются в html-тегах и отвечают за форматирование текста, то есть задают его размеры, расположение, шрифт и другие параметры. Описывая в подключенном CSS-файле один стиль, его можно применить по отношению к любым текстовым вставкам документа.

PHP – самый распространенный в мире язык программирования сайтов

Сайты пишутся в готовых интегрированных средах, которые используют для создания пользовательских шаблонов язык PHP. Это довольно простая и самая распространенная среда для создания веб-приложений различной функциональности. Для обычного пользователя не имеет смысла писать интегрированную среду «с нуля», а стоит воспользоваться готовой cms-системой (системой управления сайтами), позволяющей написать собственную адаптацию сайта на выбранном «движке». Этого достаточно и для создания сайтов на русском языке.
Самой распространенной средой для сайтов является WordPress, Joomla, более простой – Wordstat и другие. Каждая из этих систем поддерживает написание шаблонов в HTML, PHP, Java, C++ и на других языках (указаны по степени популярности в прикладных средах).
Особенностью современных языков программирования является использование высокоинтегрированныхсред для создания приложений. То есть программисты обычно не пишут код, как говорится, руками. Им даже достаточно составить UML-сценарии, а среда их преобразует в конечный результат на выбранном языке.
По этому принципу работают и интегрированные среды систем управления сайтами. WordPressпозволяет создавать и переделывать сайты в удобных редакторах. И только некоторую функциональность пользователь может добавить путем внесения изменений в исходный код (таблица CSS-стилей и пользовательский Function.php). Опять же из среды можно получить доступ к этому разделу и написать короткое дополнение или функцию. Важным замечанием является тот факт, что PHPработает на стороне сервера, то есть не требует установки приложений на стороне клиента.

Языки для создания сайтов и высоконагруженных проектов

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

  • JavaScript – мощный язык для программирования ярких динамических сред с разнообразными визуальными эффектами, работающих с сетевыми приложениями. Все красивые сайты с появляющимися объектами, анимацией сделаны на Java, хотя некоторые эффекты подобного плана могут быть реализованы с помощью CSS и PHP. Важной особенностью является кроссплатформенностьи адаптивность по отношению к любым типам устройств;
  • Java – это уже кроссплатформенный язык программирования, который используется для создания апплетов, интегрируемых в веб-сайты;
  • Python – высокоуровневая среда программирования уникальных веб-порталов с собственной системой управления сайтов, работает на стороне клиента. Среда поддерживает функциональное и структурированное программирование (отличающееся от объектного в PHP и событийного в WordPress) и используется в тех случаях, когда разрабатываются проекты с архитектурой, требующей применения этих принципов разработки.
  • Ruby – объектно-ориентированный язык, сопряженный с событийно-ориентированным программированием. Язык используется для порталов, нуждающихся в поддержке разных устройств, аппаратных функций и принципов функциональной разработки.
  • Perl – интерпретатор и язык сценариев, довольно часто используемая программная среда для веб-разработки. Особенно для высоконагруженных проектов, так как имеет встроенные инструменты системного программирования, позволяющие избежать сбоев.
  • C# – наиболее развитая программная среда для разработки программных приложений, в том числе, работающих на разных уровнях стека OSI. Применяется для специализированных проектов, создания браузеров и CMS.
  • SQL, PLPGSQL – высокоуровневые языки программирования для работы с базами данных сайтов типа MySQL и других.

Из приведенного списка видно, что языки программирования ориентированы на разные запросы пользователей и разработчиков, пытающихся создать сайт. Профессиональные среды подразумевают создание уникальных веб-сервисов с широкой функциональностью. Это избыточно для обычного пользователя, планирующего написать свой сайт.

Какой язык выбрать для сайта?

Для создания собственного веб-сайта нужно подобрать систему управления сайтами CMS. Адаптация своего ресурса предполагает доработку готового шаблона. В WordPress шаблоны называются темами. Для этих целей потребуется разработать собственные функции. Чтобы создавать сайт, достаточно двух языков программирования PHP и JavaScript. Для оформления текстов, конечно, необходимо знать синтаксис HTML&CSS.

  • #Технологии
Снизили цену цели в РСЯ в 7 раз

Продвижение

EQ vs. IQ

Offtop

Как не слить бюджет в Директе и Google Ads: 10 рекомендаций

Маркетинг

Как улучшить статьи на сайте за 3 минуты

Продвижение

Кейс по разработке криптовалютной платформы

Блокчейн

Инструменты для веб дизайна

Приложения

Типы сайтов. Часть 2.

HowTo

Разработка брендинга, логотипа, и презентация для Херсонского индустриального парка

Дизайн

Вам будет интересно

Продолжая использовать сайт, вы соглашаетесь с  политикой конфиденциальности и условиями использования сайта.

WADLINE

О насРеклама ! Лимитированные пакетыЛоготипы / бэджиМедиа-партнерствоAwards 2023Проекты участниковПубликация в журналеМетодологияКонтакты

КОМПАНИИ И РЕЙТИНГИ

Веб-разработчикиМобильные разработчикиРазработчики ПОДизайн и digital агентстваSEO компанииSMM компании

СЕРВИСЫ И ПО

CRM СистемыУправление проектамиERP системыТайм трекерыУправление репутациейМониторинг сайтаЗащита контентаHR-системыСервисы видеоинтервьюОнлайн-чатыБухгалтерское ПО и сервисыДиаграммы ГантаSEO сервисыE-CommerceПО для маркетинга

ПОЛЕЗНЫЕ СЕРВИСЫ

ЖурналКалендарь событийВакансии в ITЗарплаты в ITКурсы в ITКаталог ПОКо-воркингиИнвесторыБлокчейн и крипто

0.
0193 s DB
31 NDB
0.1607 s PHP
0.1800 s TOT
cache SRC
32 mb CACHE

На каком языке пишутся сложные сайты? — Хабр Q&A

JavaScript, HTML, CSS. Для начала начни с HTML, CSS…

Ответ написан

Первый вопрос: «А что есть сайт?»
Ответ прост: сайт (web-приложение) — это ответы данными по TCP/IP-порту в различных форматах на клиентские запросы, исходя из заложенной в него логики работы.

Как это происходит на стороне сервера — реализация не важна: пишите на том языке программирования, которым хорошо владеете.

vk, imhonet, youtube (или даже наш) сайт — это совокупность аппаратно-программных комплексов для обеспечения необходимой реакции на запросы клиентов.

Ответ написан

2015, в 14:48″> более трёх лет назад

Assembler. #пишуСайты https://www.youtube.com/watch?v=q9SScqaP_h8

Ответ написан

Подобные проекты — это не сайты, а как выше сказали — программно-аппаратные платформы, или веб-приложения (то есть ПО, работающее в браузере). Такие приложения имеют два сегмента — фронтенд и бэкенд. Фронтент реализуется на клиентских языках разработки, бэкенд на серверных. Почитайте требования к фронтенд разработчикам и бэкенд разработчикам и всё поймёте. Выберите что нравится больше и специализируйтесь.

Ответ написан

более трёх лет назад

Здесь не в языках дело, язык — лишь инструмент, причем выбор этого инструмента в проектах такого масштаба — далеко не определяющий фактор. Но если вам интересно, серверная часть Youtube написана в основном на Python, vk — вообще на PHP (правда, потом они изобрели свой диалект — kPHP, компилируемый и со строгой типизацией, а критичные части переписаны на С++). Но все это только подтверждает вышесказанное.

Ответ написан

Комментировать

На всех их пишут, от языка там ничего не зависит.
vk — на php. stackoverflow — на ASP (или как его там), многое написано на рубях или питоне, есть проекты на перле, если проекты на xscript, очень много сишных (особенно не вебдванольного уродища, а действительно полезных проектов).

Ответ написан

Комментировать

В подобных проектах в основном Java. Бывает что пытаются делать на PHP, но потом создают свой собственный интерпретатор или компилятор PHP из за низкой производительности оригинального PHP — facebook начал писать свой PHP(hhvm), VK.com начал писать свой PHP(kPHP).
На Java: yandex market, odnoklassniki, Twitter(используют язык Scala но суть в том что работает проект на JVM т.е. скорость как у Java примерно), LinkedIn и др.

Ответ написан

более трёх лет назад

Комментировать

Почему-то никто не упомянул Microsoft .NET Framework и язык C#.
.NET Framework с различными сопутствующими модулями и фреймворками (LINQ, Entity Framework, WCF, Silverlight, WPF, ASP.NET, ASP.NET MVC Framework) в сочетании с MS SQL используются для написания энтерпрайз-решений в крупных компаниях (банки, страховые компании и пр.). Обычные информационные сайты на них не делают.

Ответ написан

Это огромные проекты. Один ты не когда в жизни не сделаешь подобное и даже меньше. Их создают командами где каждый человек отвечает за ту или иную вещь. Например как дизайнер, бекендер, фронтендер и еще много много it-профессий которые там используються…

Ответ написан

Комментировать

Думаю, для начала лучше освоить PHP+HTML,CSS+JS+SQL — это основы, через которые проходили почти все. Создавали небольшой сайт, потом средний и т. д.
А дальше все индивидуально и как говорилось выше «не в языках дело». Главное понять как все работает и какие технологии необходимы для реализации той или иной задачи. Без навыков пытаться замахнуться на большой проект не получится — это же не дипломная =) Но если хочется чем-то таким заняться, то лучше имея базу, постараться попасть в команду разработчиков какого-либо проекта.

Ответ написан

Комментировать

SPRING + ANGULAR JS(TS) ЛУЧШИЕ РЕШЕНИЯ ДЛЯ РАЗРАБОТКИ САЙТОВ

Ответ написан

Как, черт возьми, работает веб-сайт: руководство — SuperWebPros

Оглавление

Добавьте заголовок, чтобы начать создание оглавления

Все знают, что такое сайт. Мы нажимаем на маленькие синие буквы, гуглим что-то, вводим www-точка-что-то-или-другое, а затем вы смотрите на картинки с кошками. Вот как работает веб-сайт, верно?

Учитывая, что почти все мы пользуемся им каждый день, для многих из нас Интернет все еще остается загадкой. Несколько лет назад наши чиновники еще называли это «рядом труб». И вокруг так много жаргона, что иногда трудно понять, какой путь вверх.

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

Как работает веб-сайт

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

Итак, приступим!

Что вообще такое сайт?

Веб-страница — это способ отображения информации в Интернете. Он состоит из таких элементов, как текст, изображения, ссылки, видео или кнопки.

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

Веб-сайт не является приложением. Это не поисковик. (Хотя веб-сайт может содержать эти вещи.) Веб-сайт по своей сути — это просто способ публичного сбора и отображения информации. Каким бы сложным ни был веб-сайт, все сводится к этой основной цели.

Очевидно, за кулисами происходит нечто большее.

Из чего сделан сайт? Как работает веб-браузер?

Как живое существо у вас есть генетический код. Ваша ДНК содержит все генетические маркеры, которые делают вас… вами.

Все элементы, которые делают вас уникальным, определяются этим кодом. Ваш цвет глаз, прямые у вас волосы или вьющиеся, ваш рост. Существует репликирующая молекула, которая считывает вашу ДНК, когда ваше тело производит клетки. Клетки следуют намеченному для них плану.

Примерно так работает веб-сайт. Сайт тоже сделан из кода. HTML-код — это язык программирования, который позволяет веб-разработчику планировать веб-страницу. Все те элементы страницы, которые мы обсуждали ранее, будь то текстовые или визуальные элементы или что-то еще, написаны в коде.

Когда вы заходите на веб-сайт, ваш компьютер использует браузер. Существует несколько различных типов веб-браузеров… Safari, Firefox и Chrome, вероятно, являются самыми популярными.

Независимо от того, какой браузер вы используете, браузер работает как репликирующая молекула. Он берет код, написанный веб-разработчиком, и декодирует его в то, что вы видите, когда вводите веб-адрес.

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

Независимо от того, работаете ли вы с разработчиком или пользуетесь услугами по созданию веб-сайтов своими руками, вся информация, которую вы предоставляете для страниц вашего корпоративного веб-сайта, преобразуется в код HTML, чтобы любой компьютер мог загрузить и понять ее. Что подводит нас к следующему вопросу:

Где хранится веб-сайт? Что такое веб-хостинг?

Все данные должны где-то храниться.

Так много нашей цифровой жизни происходит в веб-приложениях, что легко поверить, что информация существует «в Интернете». Но вот в чем дело: Интернет — это не физическое место. Интернет — это система, которая соединяет компьютеры вместе.

Это означает, что если информация не хранится на вашем компьютере, она хранится на другом компьютере где-то еще.

Значит, ваши фотографии на Facebook не существуют в вакууме. Эти данные хранятся на физическом компьютере в одном или нескольких объектах Facebook и ждут, когда вы или ваша бабушка получите к ним доступ.

Точно так же веб-сайт не живет «в Интернете». Код HTML для этого веб-сайта хранится где-то на компьютере, ожидая, пока компьютер с интернет-браузером получит доступ к этой информации.

Итак, если вы создаете веб-сайт, где вы храните эту закодированную информацию? На твоем компьютере?

Ну, технически вы могли бы, если бы сайт был достаточно маленьким. Но вам придется постоянно оставлять компьютер включенным и иметь очень стабильное подключение к Интернету. Это было бы дорого. И рискованно. Сайт будет невероятно медленным. И если достаточное количество людей попытается получить к нему доступ одновременно, это, вероятно, приведет к сбою вашего сайта… или вашего компьютера.

Итак, если веб-сайт не живет на вашем компьютере, где хранятся все эти данные?

Ну, для этого и существуют серверы. Серверы — это большие мощные компьютеры, которые хранят массу информации и могут извлекать еще больше информации из баз данных и передавать ее вашему браузеру. (Желательно безопасно.) И есть компании с кучей серверов, которые взимают плату за то, чтобы ваш сайт жил на их серверах и в базах данных. Они размещают ваш веб-сайт… что-то вроде цифрового отеля.

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

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

Хорошей новостью является то, что как только код веб-сайта будет сохранен на серверах хоста, ваши посетители смогут получить к нему доступ!

Как осуществляется доступ к веб-сайту? Как работают доменные имена?

Итак, сайт есть. Он существует в виде HTML-кода на сервере хоста. Я хочу посетить этот сайт. У меня есть компьютер, и он оснащен веб-браузером.

Этот браузер распаковывает этот HTML-код и преобразует его в блестящую веб-страницу, заполненную текстом, изображениями и кнопками, чтобы я мог нажимать на них.

Но сначала мой браузер должен его найти.

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

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

Вот тут-то и появляются домены.

Вы постоянно видите домены. www точка заполнить пробел точка com. Домен — это уникальное обозначение, за регистрацию которого вы платите, чтобы посетители могли вас найти.

Распространенная ошибка новичков в веб-сайтах — путать регистрацию доменного имени с услугами хостинга. Частично это происходит из-за неправильного представления о том, как информация живет в Интернете, которого мы только что коснулись: идея о том, что информация каким-то образом находится где-то там, витает в «сети».

Таким образом, заблуждение состоит в том, что если вы заплатили за свое доменное имя, вы должны были купить эту часть Интернета и, следовательно, можете хранить в ней все, что захотите.

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

Если вы разместите свой сайт на сервере и зарегистрируете домен, то пользователь сможет получить доступ к вашему сайту! Они вводят ваш домен в браузер, который отправляет запрос на ваш сервер. Затем они могут получить доступ к коду HTML на сервере и преобразовать его в веб-страницу, с которой они могут взаимодействовать.

Вот оно! Вы знаете основы работы сайта. Для вас, визуалы, мы сделали красивую графику:

Или вы можете скачать ее здесь.

Как я могу создать веб-сайт для своего бизнеса?

Это подводит нас к практическому вопросу: если вам нужно создать бизнес-сайт, с чего начать?

Есть несколько факторов, которые следует учитывать.

  • Во-первых, техническая экспертиза. Знаете ли вы или кто-то из ваших сотрудников, как программировать HTML-код? Насколько комфортно вы изучаете новые программы?
  • Секунда: время. Сколько времени и энергии вы посвящаете заботе и обновлению своего бизнес-сайта?
  • Третье: бюджет. Существуют варианты веб-сайтов, подходящие для любого бюджета, но важно проработать этот вопрос до того, как вы начнете процесс, чтобы вы точно знали, какие варианты открыты для вас.

После того, как вы обдумаете эти факторы, самое время рассмотреть варианты:

Программа и размещение сайта самостоятельно

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

Нанять разработчика

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

Услуги по созданию веб-сайтов своими руками

Такие сервисы, как Wix, Squarespace или даже Google Business, являются недорогой альтернативой найму разработчика. Вам не нужны какие-либо знания в области кодирования, чтобы настроить их, что является большим плюсом. Кроме того, эти услуги обычно предлагают услуги хостинга и домена и позволяют вам объединить все три в ежемесячную периодическую плату.

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

Доверьтесь профессионалам

SuperWebPros сочетает в себе доступность и простоту системы создания веб-сайтов своими руками с экономией времени и уверенностью при найме профессионального разработчика. Профессионалы могут размещать, создавать, обслуживать и даже предоставлять постоянный контент для вашего веб-сайта малого бизнеса за разумную ежемесячную плату. Мы позаботимся о вашем сайте, чтобы вы могли позаботиться о своем бизнесе.

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

Как работает Интернет — Изучите веб-разработку

  • Предыдущий
  • Обзор: начало работы в Интернете

Как работает Интернет обеспечивает упрощенное представление того, что происходит, когда вы просматриваете веб-страницу в веб-браузере на своем компьютере или телефоне.

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

Компьютеры, подключенные к Интернету, называются клиентами и серверами . Упрощенная схема их взаимодействия может выглядеть так:

  • Клиенты — это подключенные к Интернету устройства типичного веб-пользователя (например, ваш компьютер, подключенный к вашей сети Wi-Fi, или ваш телефон, подключенный к вашей мобильной сети) и программное обеспечение для доступа в Интернет, доступное на этих устройствах (обычно веб-браузер, такой как Firefox или Chrome).
  • Серверы — это компьютеры, на которых хранятся веб-страницы, сайты или приложения. Когда клиентское устройство хочет получить доступ к веб-странице, копия веб-страницы загружается с сервера на клиентский компьютер для отображения в веб-браузере пользователя.

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

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

Помимо клиента и сервера, нам также нужно передать привет:

  • Ваше подключение к Интернету : позволяет отправлять и получать данные в Интернете. Это в основном как улица между вашим домом и магазином.
  • TCP/IP : Протокол управления передачей и Интернет-протокол — это протоколы связи, которые определяют, как данные должны передаваться через Интернет. Это как транспортные механизмы, которые позволяют сделать заказ, пойти в магазин и купить товар. В нашем примере это машина или велосипед (или что-то еще, что вы можете передвигаться).
  • DNS : Система доменных имен похожа на адресную книгу для веб-сайтов. Когда вы вводите веб-адрес в своем браузере, браузер просматривает DNS, чтобы найти IP-адрес веб-сайта, прежде чем он сможет получить веб-сайт. Браузер должен узнать, на каком сервере находится веб-сайт, чтобы он мог отправлять HTTP-сообщения в нужное место (см. ниже). Это похоже на поиск адреса магазина, чтобы вы могли получить к нему доступ.
  • HTTP : Протокол передачи гипертекста — это прикладной протокол, определяющий язык, на котором клиенты и серверы общаются друг с другом. Это похоже на язык, который вы используете для заказа товаров.
  • Файлы компонентов : веб-сайт состоит из множества различных файлов, которые подобны различным частям товаров, которые вы покупаете в магазине. Эти файлы бывают двух основных типов:
    • Файлы кода : веб-сайты создаются в основном с использованием HTML, CSS и JavaScript, хотя чуть позже вы познакомитесь с другими технологиями.
    • Активы : это собирательное название для всех других материалов, составляющих веб-сайт, таких как изображения, музыка, видео, документы Word и PDF-файлы.

Когда вы вводите веб-адрес в свой браузер (по аналогии с походом в магазин):

  1. Браузер обращается к DNS-серверу и находит реальный адрес сервера, на котором живет веб-сайт (вы находите адрес магазина).
  2. Браузер отправляет сообщение HTTP-запроса на сервер с просьбой отправить копию веб-сайта клиенту (вы идете в магазин и заказываете свои товары). Это сообщение и все другие данные, передаваемые между клиентом и сервером, отправляются через ваше интернет-соединение с использованием TCP/IP.
  3. Если сервер одобряет запрос клиента, сервер отправляет клиенту сообщение «200 OK», что означает «Конечно, вы можете посмотреть этот веб-сайт! Вот он», а затем начинает отправлять файлы веб-сайта в браузер в виде серия небольших фрагментов, называемых пакетами данных (магазин дает вам ваши товары, и вы приносите их обратно к себе домой).
  4. Браузер собирает небольшие фрагменты в полноценную веб-страницу и отображает ее вам (товары доставляются к вашей двери — новые блестящие вещи, круто!).

Когда браузеры отправляют запросы на серверы для файлов HTML, эти файлы HTML часто содержат элементов , ссылающихся на внешние таблицы стилей CSS, и элементов