Современная Web-разработка. Часть 1

Современная web-разработка из простого вида деятельности по верстке страниц, добавления некоторого CSS и JavaScript кода, превратилась в весьма и весьма нетривиальное занятие, требующее достаточно объемных знаний. Данный цикл статей, призван дать Вам понимание того, как современное web-программирование устроено от основ и до продвинутых концепций. Итак, начнем.

Основы

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

• Интернет и HTTP: Чтобы быть веб-разработчиком, необходимо понимать, как работает Интернет и что такое протокол HTTP/HTTPS, модель TCP/IP.
• Хостинг доменнов и DNS: Также очень важно иметь представление, что такое домены, службы доменных имен и записи DNS. Таким образом, вы будете понимать, что происходит, когда вы посещаете веб-сайт и как домен сайта преобразуется в IP-адрес машины.
• Браузеры: Браузеры - это окно в Интернет, понимание того, как они работают, является основной вещью для понимания того, как мы получаем доступ к веб-сайтам.
• Веб-хостинг: Вам нужно понять, что такое FTP, HTTP-сервер, такой как IIS, Nginx, Apache Server и как он размещает ваше приложение на определенном порту. Кроме того, вы должны взглянуть на новую идею встроенного (embedded) HTTP-сервера внутри новых бэкенд-фреймворков, появившихся в последние годы.
• Основные терминальные команды: Вам было бы очень полезно освоить некоторые элементарные терминальные команды (cd, grep, curl, get, tail, head, less, find, ssh, kill, vim, echo, nslookup, ping, telnet) - в Интернете полно спавочников по ним, и они не так уж сложны в освоении, но зато помогут Вам сэкономить время в дальнейшем.

Инструменты разработки

Для того чтобы начать разработку Fullstack-приложений (включают и интерфейс пользователя и работу с базой), в настоящее время существует широкий спектр инструментов разработки, которые вы должны освоить:

• Системы контроля версий и услуги хостинга кода: Наиболее распространенным инструментом контроля версий является git, а большинство услуг хостинга кода предоставлятся следующими сервисами Github, GitLab, Bitbucket, AzureDevOps. Под хостингом кода подразумевается услуга размещения кода на централизованном сервисе, который выбирают, как правило, по двум причинам: безопасное место для вашего кода, доступ к нему можно получить в любое время, а также поддержка git, позволяющая совместно работать нескольким разработчкам.

• Редакторы кода: Для того чтобы написать код, вам нужен редактор, Одним из наиболее популярных является VSCode. Он бесплатен, поддерживает множество расширений, и доступен на всех популярных операционных системах.

• Менеджер пакетов: Для разработки собственных приложений, за редким исключением, используют уже готовые библиотеки (по другому зависимости проекта), вместо изобретения собственных велосипедов. Эти библиотеки хорошо протестированы, имеют бесчисленное множество пользователей, переодически обновляются. Но ручное скачивание пакетов библиотек их настройка - очень утомительна и чревата ошибками, поэтому используются так называемые пакетные менеджерв, которые самомтоятельно скачивают и устанавливают необходимые проекту библиотеки. Вам необходимо только указать название пакеты и, возможно, версию. Для Javascript, самыми известными менеджерами пакетов являются npm и yarn.

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