Информационный сайт ProfessorWeb — страница 19

Материалы для проекта «Информационный сайт ProfessorWeb» объединяют несколько направлений. Начните с разделов ниже.

Материалы

• Современные HTML и CSS: от документа к каталогу

  32 урока HTML/CSS: семантика, формы, каскад, Grid, адаптация, слои, subgrid, размеры, dialog и popover.

• Производительность сайта: загрузка и отклик

  24 урока производительности: загрузка, отклик, полевые наблюдения, bfcache, подсказки ресурсов, DOM и регрессии.

• TypeScript: типы учебного каталога

  24 урока проводят от модели каталога и обобщённых функций к асинхронным операциям, DOM, формам, ответам API и постепенной миграции JavaScript.

• HTTP и проектирование API

  32 урока о договоре клиента и сервера: сообщения, JSON, ошибки, повторяемость, пагинация, условия записи, сессии, CORS, файлы, фоновые операции и вебхуки.

• PostgreSQL для веб-приложений

  32 урока соединяют модель каталога, SQL, ограничения и индексы с транзакциями, конкуренцией, JSONB, поиском, миграциями, ролями и сопровождением.

• Git, GitLab и DevTools

  24 урока о работе с исходниками сайта: индекс и коммиты, ветки и конфликты, восстановление, история, удалённые репозитории, ревью и DevTools.

• ASP.NET Core: API учебного каталога

  32 урока от первого HTTP API к PostgreSQL, выборкам, транзакциям, доступу, файлам, фоновой работе и совместимой миграции.

• Практические курсы — React, Docker и n8n

  Три последовательные серии с собственными учебными проектами — каталог на React, контейнеры веб-приложения и автоматизация редакционных заявок в n8n.

• Проверка сайта с Playwright

  24 урока о сценариях проверки сайта: локаторы, ожидания, формы, сеть, изоляция, снимки экрана, файлы, прежние URL, метаданные и отчёт о регрессиях.

• SEO сайтов услуг и магазинов

  32 урока о страницах услуг и товаров, локальном бизнесе, разметке, локализации, репутации, экспериментах и сопровождении поискового контента.

• Веб-проекты — от макета до сопровождения

  Шесть учебных серий: Figma, Next.js, Node.js с PostgreSQL, Django, Linux с Bash и GitLab CI/CD. Сто последовательных уроков с отдельными учебными проектами.

• Контент, SMM и сообщество учебного сайта

  24 последовательных уроков с локальными редакторскими образцами ProfessorWeb.

• Email и CRM для учебного сайта

  16 последовательных уроков с локальными редакторскими образцами ProfessorWeb.

• WordPress для контентного сайта

  24 урока о контентной модели, редакторе, блочной теме, плагине курсов и сопровождении WordPress

• Макет учебного портала в Figma

  16 уроков: оригинальный учебный портал, сетка и текст, компоненты, Auto Layout, адаптивные экраны, состояния поиска и передача.

• Задача и файл учебного портала

  Формулируем сценарий портала и создаём структуру файла перед рисованием экранов.

• Фреймы и структура слоёв

  Отделяем экраны, секции и группы и задаём иерархию будущего портала.

• Сетка и пространство страницы

  Рассчитываем рабочую ширину, колонки и отступы каталога для двух размеров экрана.

• Текст и читаемая иерархия

  Создаём типографическую шкалу и проверяем длинные заголовки на тех же данных.

• Цветовые роли и переменные

  Связываем палитру с назначением элементов и отделяем базовые значения от смысловых ролей.

• Кнопка и Auto Layout

  Строим кнопку, которая сохраняет отступы при изменении текста, и разбираем размеры контейнеров.

• Компонент и его экземпляры

  Делаем кнопку повторно используемой и объясняем наследование и локальные изменения.

• Варианты и свойства кнопки

  Разделяем тип, состояние и редактируемый текст компонента без бесконтрольного числа копий.

• Карточка курса и список

  Собираем карточку из связанных элементов и задаём правила для списка с разной длиной текста.