План изучения для разработки полноценного сайта // В разработке

Есть набор компонентов, который необходим для каждого сайта.

Для чего это нужно. Если начинаешь изучать новые технологии создания сайта (движки, фреймворки), то нужно знать как реализовать на новых технологиях то, что необходимо для работы сайта: seo, стили, скрипты, пагинация, хлебные крошки. Структурированный список помогает максимально быстро закрыть пробелы и начать использовать новые технологии.

Компоненты

Структура системы. Что, где находится.

Роутинг

SEO

• Мета-теги
  • title
  • description
• Социальные сети
  • og

Head

Общие элементы и уникальные для каждой странице, типа мета-теги

• мета-теги
• подключение стилей
• фавиконы
• цвет темы
• локализация
• данные для шаринга (facebook, twitter etc)
• другие элементы размещаемые в Head

Шаблоны

CSS, SASS

• как работают стили в системе (компоненты, общие)
• подключение стилей
• препроцессоры
• autoprefixer
• подключение и работа со скриптами node-modules (sass, autoprefixer, etc)

JavaScript

• как работают скрипты в системе (компоненты, общие)
• подключение скриптов
• подключение аналитики GA, YM и другие

Фреймоврки

• подключение фреймворков и библиотек (CSS/SASS, JavaScript)

Изображения

• пути для изображений
• вывод изображений
• оптимизация изображений
• lazy load

Пагинация

• постраничная
• подгрузка на той же странице
• комбинированая

Хлебные крошки

Меню

Циклы

Вывод контента

• одиночный контент
• с отступом (начиная со 2-го, например)
• сотртировка
• фильтры

Данные Контент

• размещение в файловой системе .md
• работа с базой данных

Таксономия

Формы

Аутентификация

Безопасность

Права доступа

Локальное хранилище

Файлы cookie

Поиск