Sanvi

'numberposts' => -1 рекурсивно получает все дочерние страницы указанного родителя, если его не указывать, то вернуться лишь те дочерние страницы, у которых parent_id == id родителя:

<?php
$id = 1;

$config = [
  'parent' => $id,
  'post_type' => 'page',
  // 'numberposts' => -1,
  'post_status' => 'publish',
];

$child = get_pages($config);

if($child) {
  foreach($child as $page) {
    echo $page->ID;
  }
} else {
  echo 'У этой страницы нет дочерних страниц.';
}

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

и как это устранить

Использовать:
- Многопоточность в Flask.
- WSGI серверы, которые способны обрабатывать множество запросов параллельно, используя многопроцессорность или многопоточность.
- Изначально асинхронные фреймворки, например FastAPI.
- Очереди, но здесь опять синхронное выполнение.

jquery:

const currentSlide = swp.slides[activeIndex]
const btn = $(currentSlide).find('.header-banner-swiper__slide-btn');

vanilla:

const currentSlide = swp.slides[activeIndex]
const btn = currentSlide.querySelector('.header-banner-swiper__slide-btn');

JS из WM - это что то вроде выполнение кода в контексте браузера, но не из js файла при загрузке страницы. Как вариант, где искать: innerHTML, eval, createElement(script).

Стрелочная функция не имеет своего this, соответственно возьмет его из скоупа выше:

MyFunc = (e) => {
  console.log("MyVariable: " + this.MyVariable); // oh yes
}

Попроще, как заказывали!

const clickTargetElement = document.querySelector('.hiking__about_item_img');

const imageConfigurations = {
  primaryImage: {
    htmlElement: document.querySelector('.img1'),
    sourcePaths: ['img/about_hiking/1.png', 'img/about_hiking/2.png'],
    altTexts: ['House and mountains in the background', 'Snowy mountains']
  },
  secondaryImage: {
    htmlElement: document.querySelector('.img2'),
    sourcePaths: ['img/about_hiking/1.png', 'img/about_hiking/2.png'],
    altTexts: ['House and mountains in the background', 'Snowy mountains']
  }
}

const toggleImageAttributes = ({htmlElement, sourcePaths, altTexts}) => {
  const isPrimarySource = htmlElement.getAttribute('src') === sourcePaths[0];
  const indexToUse = isPrimarySource ? 1 : 0;

  htmlElement.setAttribute('src', sourcePaths[indexToUse]);
  htmlElement.setAttribute('alt', altTexts[indexToUse]);
}

clickTargetElement.addEventListener('click', () => {
  Object.values(imageConfigurations).forEach(toggleImageAttributes);
});

Как нужно вызывать js-функцию, чтобы она брала данные с той формы которую отправили? И как передать через ajax или ID, или Class формы?

Модифицировать кнопку форм, чтобы она вызывала событие формы submit:

<button type="submit" class="button">Отправить</button>

Создадим один обработчик для всех форм:

async function sendForm(form) {
  const data = {
    name: form.querySelector("input[name='name']").value,
    email: form.querySelector("input[name='email']").value,
    phone: form.querySelector("input[name='phone']").value,
    message: form.querySelector("textarea[name='message']").value,
    formId: form.id,
    formClass: form.className
  }

  try {
    const response = await fetch('php/send.php', {
      method: 'POST',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify(data)
    });

    if(response.ok) {console.log('Success send form')}
    else console.log('Error send form', response);
  }

  catch(error) {console.log('Error: ' + error.message)}
}

Вешаем слушателей на submit форм:

document.querySelector('#form1').addEventListener('submit', (e) => {
  e.preventDefault();
  sendForm(event.target);
});

document.querySelector('#form2').addEventListener('submit', (e) => {
  e.preventDefault();
  sendForm(event.target);
});

В зависимости от формы нужно в PHP-скрипте менять тему письма.

В php обработчике формы обрабатываем полученные данные от js (php у меня не очень):

$json = file_get_contents("php://input");
$data = json_decode($jsonData, true);

// get formId and formClass
$id = $data['formId'];
$class = $data['formClass'];

// this change type email message

Существуют ли браузерные расширения для автоматического решения данной капчи?

Нет, в этом весь смысл капчи.

Меня эта капча настолько бесит, что я даже готов потратить время и написать свое расширение для обхода, лишь бы было внешнее API для ее решения.

Пишите - ждать по 20-60 секунд для расшифровки, через специализированные сервисы + это не бесплатно, смысла для личного пользования практически нет.

alexalexes все правильно написал в комменте.

Next JS это только про SSR

Это про любой тип веб-приложения:
- SSR.
- SSG.
- ISR.

Ну а еще, это фактически единственный инструмент, который может все и сразу под React.

Next JS это тот же реакт в котором сразу есть все необходимые пакеты для работы с ним или он все же медленней обычного spa приложения на реакте с пакетами?

- Все инструменты в наличие.
- Next может экспортировать собранное React приложение, после чего - некста там уже не будет, а статика, маршрутизация и реактивность останется. Что быстрее статики?

что в нексте реакт всегда обращается к своему серверу для SSR

Как настроите, так и будет работать. Можно всегда, можно иногда, можно никогда.

а у обычного реакта мы фетчем просто запросы шлем, когда все spa приложение очень быстро работает без лишних запросов на сервер

На Next тоже самое можно. А Ваш SPA в SEO может? А рендерить одни страницы без SEO, вторые ПРЕрендерить с SEO, а остальные и так и так на лету может? А единовременно в рамках одного приложения? А еще и без дополнительных библиотек? А еще с конским комьюнити в рамках одного инструмента?

Еще начинают активно внедряться Server Components, которые по некоторым отзывам - могут стать отраслевым стандартом.

Если Вас интересует лишь SPA без SEO и дополнительных опций рендеринг, который будет рендериться лишь на клиенте, то оптимальнее будет выбрать лишь React + Роутер + WebPack в качестве сборщика.

https://github.com/LonamiWebs/Telethon
https://docs.telethon.dev/en/stable/concepts/entit...

from telethon import TelegramClient, utils

# config
api_id = 'id'
api_hash = 'hash'
phone = 'phone'

client = TelegramClient('session_name', api_id, api_hash)

async def main():
    # authentication
    await client.start(phone)
    
    # get group and channel list
    dialogs = await client.get_dialogs()

    # print group and channel data
    for dialog in dialogs:
        if dialog.is_group or dialog.is_channel:
            print(f"{dialog.name}: {dialog.id}")

# start
client.loop.run_until_complete(main())

Цикл можно оптимизировать:

foreach($matches[1] as $index => $video_id) {
    $replacement = '<lite-youtube videoid="' . $video_id . '" params="controls=1"></lite-youtube>';
    $content = str_replace($matches[0][$index], $replacement, $content);
}

А существует ли вообще matches?
if(!empty($matches[0]))
Если src не идет первым во фрейме, то Ваша регулярка не сработает, можно сделать так:

'/<iframe[^>]*src=\"https:\/\/www\.youtube\.com\/embed\/([^\?"]+)(\?[^\"]*)?\"[^>]*><\/iframe>/';

Попробую объяснить простым языком.

0. Каждый проект по умолчанию имеет свои локальный пакеты (библиотеки), которые самостоятельно устанавливаются в корневую директорию node_modules, они устанавливаются на основе файла проекта package.json (инициализация).

Предположим, что Вы не используете контейнеризацию, то:
1. Ноду необходимо ставить глобально, например 18 версии. Что такое глобально? В таком случае, все Ваши проекты NodeJS смогут использовать эту ноду, хотя нода при этом не будет находиться локально ни в одном из Ваших проектов.
2. Если все Ваши проекты используют исключительно ноду 18 версии, то дополнительную ноду ставить не требуется.
---
3. Если у Вас проекты используют разные версии ноды, то рекомендую с нодой работать не на прямую, а через nvm (установка/удаление/переключение).
---
4. Если Вы используете контейнеризацию, то обычно, нода+проект ставится в каждый контейнер.

Создаем плагин, wp-content/plugins/best-plugin/best-plugin.php:

<?php
/**
 * Plugin Name: Чумовой плагин
 * Description: Это плагин, твердо и четко!
 */

if(!defined('ABSPATH')) {
  exit;
}

class Best_Plugin {
  protected $menu_slug = 'best-plugin';

  public function __construct() {
    // добавление страницы с пунктом меню
    add_action('admin_menu', [$this, 'add_admin_page']);

    // добавление ссылки на настройки плагина в списке плагинов
    add_filter(
      'plugin_action_links_' . plugin_basename(__FILE__),
      [$this, 'add_settings_link']
    );
  }

  // страница, любое содержимое страницы, обычно это винегрет из html/js/php
  public function add_page() {}

  // добавление страницы с пунктом меню
  public function add_admin_page() {
    add_options_page(
      'Страница чумового плагина',
      'Чумовой плагин',
      'manage_options',
      $this->menu_slug,
      [$this, 'add_page'],
      1
    );
  }

  // добавление ссылки на настройки в списке плагинов
  public function add_settings_link($links) {
    $settings_link = "<a href=\"options-general.php?page={$this->menu_slug}\">Настройки чумового плагина</a>";
    array_unshift($links, $settings_link);
    return $links;
  }
}

new Best_Plugin();

Да и по остальным моментам опыта и знаний 0

Здесь есть 2 варианта:
1. Использовать родной api ВК.
2. Использовать сторонний фреймворк для тестирования веб-приложений. Но, учитывая, что знаний у вас 0, то используйте п1.

https://vk.com/dev, заюзаем метод wall.getComments.

Получение комментов из поста:

import requests

TOKEN = 'token'
OWNER_ID = 'user_or_group_id'
POST_ID = 'post_id'

res = requests.get(
    'https://api.vk.com/method/wall.getComments',
    params = {
        'owner_id': OWNER_ID,
        'post_id': POST_ID,
        'access_token': TOKEN,
        'v': '5.130'
    }
)

comments = res.json()

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

Комменты у Вас получены, осталось 5 шагов из 6, дерзайте!