Drupal, как использовать RESTful Web Services для публикации?

Довольный Айтишникъ, тогда чтобы было проще, поставьте этот модуль REST UI и проверьте включен ли путь к node/{id}, в настройках REST

Drupal, как использовать RESTful Web Services для публикации?

Оттуда же

NOTE: latest versions of Drupal 8 (at time of writing 8.9.x) don't have hal_json format available just json. Thus you need to substitute json wherever you see hal_json below.

Just - Json. А так включите Json:api и не гадайте.

Как вывести названия материала с определенным типом и связанного названия подтипа?

2 варианта, создать модуль или в папке с темой в файле name_theme.theme, добавить:

use Drupal\node\Entity\NodeType;

/**
 * Page preprocess function for get oher Content Type
 */
function themename_preprocess_page(&$variables) {
  $all_content_types = NodeType::loadMultiple();
  /** @var NodeType $content_type */
  foreach ($all_content_types as $machine_name) {
    $ct_name = 'direction';
    if ($machine_name == $ct_name) {
      $entities = \Drupal::entityTypeManager()->getStorage('node')->loadByProperties(['type' => $machine_name]);
      $variables['direction'] = $entities;
    }
  }
}

далее, уже оперируем полученными данными:

<ul>
  {% for item in direction %}
    {% set title = item.title.value %}
    {% set parts = item.field_direction_part %}
    <li>
      {{ title }}
      <ul>
        {% for part in parts %}
          {% set title = part.entity.title.value %}
          <li>{{ title }}</li>
        {% endfor %}
      </ul>
    </li>
  {% endfor %}
</ul>

Почему JS код не срабатывает в drupal?

Попробуйте обернуть

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  // ваш код
});
</script>

или

<script>
(function($) {
    Drupal.behaviors.myModuleName = {
        'attach': function(context) {
            alert('yayaya');
        }
    }
})(jQuery);
</script>