Приложения

А: Шпаргалка по основным Linux-командам

# Навигация
pwd                 # где я?
ls -la              # что здесь есть? (подробно)
cd /var/www         # перейти в папку
cd ..               # на уровень выше
cd ~                # в домашнюю папку

# Работа с файлами
cp file1 file2      # копировать
mv old new          # переместить/переименовать
rm file             # удалить файл
rm -r folder        # удалить папку с содержимым
nano file.txt       # редактировать файл
cat file.txt        # показать содержимое файла
sudo !!             # выполнить предыдущую команду с sudo

# Права доступа
chmod 644 file      # изменить права (владелец: чтение/запись, остальные: чтение)
chown user:group file # изменить владельца

# Система
sudo apt update     # обновить список пакетов
sudo apt upgrade    # обновить установленные пакеты
sudo apt install package # установить пакет
systemctl status apache2 # статус службы
systemctl restart apache2 # перезапустить службу
reboot              # перезагрузить сервер

# Сеть
ip addr show        # показать IP-адреса
ping google.com     # проверить соединение
curl -I example.com # получить заголовки сайта

Б: Основы HTML/CSS — мини-справочник

HTML-теги:

<!-- Структура -->
<html>, <head>, <body>, <header>, <main>, <footer>, <section>, <article>, <div>

<!-- Текст -->
<h1>...<h6>, <p>, <span>, <strong>, <em>, <br>, <hr>

<!-- Ссылки и изображения -->
<a href="url">текст</a>, <img src="path" alt="описание">

<!-- Списки -->
<ul>, <ol>, <li>

<!-- Формы -->
<form>, <input>, <textarea>, <button>, <select>, <option>

<!-- Мета-теги -->
<meta charset="UTF-8">, <meta name="viewport" content="width=device-width, initial-scale=1.0">

CSS-свойства:

/* Блоковая модель */
width, height, margin, padding, border, box-sizing

/* Текст */
color, font-family, font-size, font-weight, text-align, line-height

/* Фон */
background-color, background-image, background-size, background-position

/* Позиционирование */
position, top, left, right, bottom, z-index
display (block, inline, flex, grid), float, clear

/* Flexbox */
display: flex, flex-direction, justify-content, align-items, gap

/* Анимации */
transition, transform, animation, @keyframes

/* Медиа-запросы */
@media (max-width: 768px) { ... }

В: Словарь терминов

Apache/Nginx — веб-серверы, программы, которые отдают сайты по запросу.
CSS — язык описания внешнего вида страницы.
DNS — система доменных имён, преобразует site.ru в IP-адрес.
HTML — язык разметки, структура страницы.
HTTPS/SSL — защищённое соединение между браузером и сервером.
IP-адрес — уникальный сетевой адрес устройства.
Linux — операционная система для серверов.
PHP/Python/JavaScript — языки программирования для веба.
Порт — цифровой идентификатор службы на сервере (80 — HTTP, 443 — HTTPS, 22 — SSH).
SSH — безопасный удалённый доступ к серверу.
Терминал/консоль — интерфейс для ввода текстовых команд.
VPS — виртуальный выделенный сервер.
Виртуальный хост — настройка Apache для обслуживания нескольких сайтов на одном сервере.

Г: Полезные ресурсы

Онлайн-курсы:
- Stepik: Веб-разработка для начинающих
- HTML Academy
- freeCodeCamp (на английском)
Документация:
- Mozilla Developer Network (MDN) — лучшая документация по HTML/CSS/JS
- Apache HTTP Server Documentation
- Ubuntu Server Guide
Инструменты:
- Can I use — поддержка функций в браузерах
- Coolors — генератор цветовых палитр
- Unsplash — бесплатные стоковые фото
- Font Awesome — иконки
Сообщества:

ПредыдущаяПослесловие

Последнее обновление 1 месяц назад