Лучшее руководство по разработке сайтов для начинающих

Прочитайте об основах веб-разработки, процессе создания веб-сайта и дополнительных ресурсах для тех, кто хочет узнать как делать сайты.
С 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, но сервер - во внутреннем интерфейсе - может быть настроен для понимания (в значительной степени) любого языка. Далее мы расскажем больше о бэкэнде.