HTML - HyperText Markup Language

Структура файла html, в ней нет ничего особенного:

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

header где расположенна панель навигации для декстопной версии и для мобильной.

Первый раздел с описанием сайта, ссылками для скачивания, ссылками соц. сетей и терминалом.

Второй раздел с небольшим резюме: информацией обо мне, местах работы, а так же с моими целями.

Третий раздел со списком моих работ.

Четвертый раздел с формой обратной связи и ссылками на соц. сети.

footer. Он просто есть.

Если интересует сам код сайта, то его можно скачать по ссылке.

CSS - Cascading Style Sheets

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

Сам порядок создания файла был следующим:

1. общие настройки тегов
2. навигация
3. раздел главная
4. раздел обо мне
5. раздел портфолио
6. модальное окно (текущее окно с информацией о работе)
7. раздел контакты
8. футер
9. адаптация под мобильные устройства

JS - JavaScript

Из JS используется всего несколько строк кода которые закрывают теги details, если открывается другой details, сам код можно скачать по ссылке.

Планы улучшения сайта

В будущем планирую подключить сайт к CMS и возможно переделаю в блог.

Хостинг

В качестве хостинга используется VDS от timeweb. Конфигурация: 1 ядро с частотой 3.3 ГГц, 1ГБ оперативной памяти, 10ГБ постоянной памяти NVME.

Так же используется DDNS noip.

SSL сертификат - letsencrypt.

Стек LNPP - Linux Nginx Postgresql Php

В качестве linux используется ubuntu 20.04, как одной из самых популярных ОС, в следующий раз попробую CentOS или RHEL.

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

Из СУБД выбор пал на Postgresql, с заделом на будущее.

PHP есть PHP, когда нибудь попробую python.

Ubuntu

Единственная серьезная настройка которая производилась в ОС это firewall - iptables, а именно: открытыми остались порты 80, 443, 22 + разрешены пакеты icmp, разрешен трафик с интерфейса loopback.

Nginx

Nginx так же был настроен минимально.

Postgresql

Была создана одна база данных с одной таблицей, в которой содержаться атрибуты: id(первичный ключ), name(имя), phone(телефон), email(почта), massage(текст сообщения), date(дата). В эту таблицу добавляются данные из обратной связи которая обробатывается скриптом php.

Php

Создан 1 скрипт для сбора данных из формы обратной связи, он собирает информацию из переменных, затем формирует сообщение, отправляет его в телеграм бота, записывает данные в файл и в базу данных. Скрипт обратной связи можно найти по ссылке.

Zabbix/Grafana

В качестве мониторинга основных функций системы используется Zabbix, а в качестве анализа данных и предоставления графиков используется Grafana.

На текущий момент производится мониторинг: uptime системы, загрузки CPU, RAM, SWAP, свободного/используемого места на диске, входящий/исходящий трафик, количество авторизованных пользователей на сервере.

Планы повышения отказоустойчисвости

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