https://youtu.be/lCrPAhNcFLg

Подготовка кода для выгрузки

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

Для этого воспользуемся пакетом autoprefixer. После установки пакета необходимо открыть CSS файл в котором вы хотите проставить префиксы и нажать Cmd + Shift + P, чтобы открыть специальный виджет, там ввести autoprefixer и нажать Enter.

Сделайте так с каждым CSS файлом.

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

Домен

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

Сам сайт хранится на удалённом реальном или виртуальном компьютере, адрес которого — это IP адрес (четыре цифры разделённые точками).

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

Сервер

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

Сервером иногда называют просто удалённый компьютер или виртуальную машину. Сервером также называют программу, установленную на этом компьютере, которая осуществляет serve (обслуживание, выдачу данных и тп).

Хостинг

От слова host (хозяин) — компания, которая сдаёт вам в аренду сервер или домен. Для простоты, мы воспользуемся русским хостингом 1gb для выгрузки нашего сайта через FTP (File Transfer Protocol). На этом хостинге вы можете купить домен, сгенерировать сайт и связать всё это в более-менее удобной форме. Но это далеко не единственный вариант, мы используем для своих проектов DigitalOcean.

Простой хостинг

Это самый начальный уровень. Хостер даёт вам небольшое место на одной виртуальной машине с массой других пользователей. Воспользовавшись программой FTP клиентом, например CyberDuck, необходимо зарузить файлы на сервер. После этого, они будут доступны онлайн на поддомене хостера.

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

VDS (Virtual Dedicated Server) или VPS (Virtual Private Server), или по-русски виртуальный сервер или виртуальная машина

Более продвинутый вариант. Так как не все сайты и сервисы требуют мощности целого компьютера придуман более дешёвый вариант — виртуальные машины. На одном мощном компьютере создаются десятки виртуальных машин и сдаются в пользование.