С 1990-х годов мало что осталось от вечных социальных продуктов, таких как Друзья, Покемон, Бритни Спирс и
Интернет.
Шутки в сторону :)
Изучение
веб-разработки сайтов похоже на питье из пожарного рукава. Google «кодирует», и вы включили полную мощность.
Это руководство поможет вам познакомиться с миром
веб-разработки и заинтриговаться ним. Это ни в коем случае не всеобъемлющее руководство.
В этом руководстве мы рассмотрим основы
веб-разработки, процесс
создания веб-сайта и дополнительные ресурсы для тех, кто хочет узнать больше о
разработке сайтов или сами стать
разработчиком.
Продолжайте читать, чтобы погрузиться в
разработку сайтов или воспользуйтесь ссылками на главы, чтобы просмотреть руководство.
Что такое разработка сайтов?Разработка сайта относится к работе, которая идет на
создание сайта.
Это может относиться ко всему: от
создания одной простой текстовой веб-страницы до
разработки сложного веб-приложения или
сайта социальной сети.
Хотя
веб-разработка обычно относится к веб-разметке и кодированию, она включает в себя все связанные задачи разработки, такие как сценарии на стороне клиента, сценарии на стороне сервера, настройка безопасности сервера и сети, разработка электронной коммерции и разработка системы управления контентом (CMS).
Теперь, когда мы определили веб-разработку, давайте рассмотрим некоторые основы
веб-разработки, чтобы лучше познакомить вас с этой темой.
1. Что такое веб-сайт?Веб-сайты - это файлы, хранящиеся на серверах, которые являются компьютерами, на которых размещены (причудливый термин «хранить файлы для»)
веб-сайты. Эти серверы подключены к гигантской сети, которая называется Интернет ... или Всемирная паутина (если мы придерживаемся терминологии 90-х годов). Подробнее о серверах мы поговорим в следующем разделе.
Браузеры - это компьютерные программы, которые загружают
сайты через ваше интернет-соединение, например, Google Chrome или Internet Explorer. Ваш компьютер также известен как клиент.
2. Что такое IP-адрес?Интернет-протокол - это набор стандартов, которые регулируют взаимодействие в Интернете.
Чтобы получить доступ к
веб-сайту, вам нужно знать его IP-адрес. IP-адрес представляет собой уникальную строку чисел. Каждое устройство имеет IP-адрес, чтобы отличаться от миллиардов
веб-сайтов и устройств, подключенных через Интернет.IP-адрес для HubSpot - 104.16.249.5. Вы можете найти IP-адрес любого
веб-сайта, используя командную строку в Windows или Network Utility> Traceroute на MacBook или посетив сайт, такой как Сайт 24x7.
Чтобы найти IP-адрес вашего устройства, вы также можете ввести «какой у меня IP-адрес» в браузере поиска.
Хотя вы можете получить доступ к
веб-сайту, используя его IP-адрес, большинство пользователей Интернета предпочитают использовать доменные имена или заходить в поисковые системы.
3. Что такое протокол передачи гипертекста?Протокол передачи гипертекста (HTTP) соединяет вас и ваш запрос
веб-сайта с удаленным сервером, на котором хранятся все данные веб-сайта. Это набор правил (протокол), который определяет, как сообщения должны отправляться через Интернет.
Позволяет переходить между страницами сайта и сайтами.
Когда вы вводите
веб-сайт в свой веб-браузер или ищете что-то через поисковую систему, HTTP предоставляет структуру, позволяющую клиенту (компьютеру) и серверу говорить на одном языке, когда они отправляют запросы и отвечают друг другу через Интернет.
По сути, это переводчик между вами и Интернетом - он читает запрос вашего
веб-сайта, читает код, отправленный обратно с сервера, и переводит его для вас в виде веб-сайта.
4. Что такое кодирование?Кодирование относится к написанию кода для серверов и приложений. Он называется «языком», потому что он состоит из словарного и грамматического правил общения с компьютерами. Они также включают специальные команды, сокращения и знаки препинания, которые могут быть прочитаны только устройствами и программами.
В некотором смысле, разработчики тоже переводчики.
Все программное обеспечение написано по крайней мере на одном языке кодирования, но все они различаются в зависимости от платформы, операционной системы и стиля. Существует много разных типов языков кодирования… все они делятся на две категории (написанные разработчиками двух разных типов) - front-end и backend.
5. Что такое интерфейс?Front-end (или клиентская сторона) - это сторона
веб-сайта или программного обеспечения, которое вы видите и взаимодействуете как пользователь Интернета. Когда информация
веб-сайта передается с сервера в браузер, интерфейсные языки кодирования позволяют веб-сайту функционировать без необходимости постоянно «общаться» с Интернетом.
Код переднего плана позволяет таким пользователям, как вы и я, взаимодействовать с веб-сайтом и воспроизводить видео, расширять или минимизировать изображения, выделять текст и многое другое.
Веб-разработчики сайтов, которые работают над внешним интерфейсом, работают над разработкой на стороне клиента.
Мы расскажем больше о разработке интерфейса в следующем разделе.
6. Что такое бэкэнд?Серверная часть (или сторона сервера) - это сторона, которую вы не видите, когда используете Интернет.
Это цифровая инфраструктура, и для тех, кто не является разработчиком, она выглядит как набор цифр, букв и символов.Существует больше внутренних языков программирования, чем интерфейсных языков.
Это из-за того, что браузеры - во внешнем интерфейсе - понимают только JavaScript, но сервер - во внутреннем интерфейсе - может быть настроен для понимания (в значительной степени) любого языка. Далее мы расскажем больше о бэкэнде.