Lo más simple y sencillo para auto-ejecutar una aplicación cuando un usuario inicia sesión en Windows es colocar dicha aplicación o un acceso directo a esa aplicación en la carpeta de inicio del usuario:


- Posiblemente encuentres algunos accesos directos que ya estén ahí

Otras opciones son agregar la entrada en el Registro, crear una tarea programada, crear un servicio, etc, puedes encontrar estas y más opciones en Internet:

https://www.genbeta.com/paso-a-paso/como-ejecutar-un-programa-al-iniciar-windows-10

Saludos,

- El detalle es ir creando, modificando y agregando datos a una <table> en memoria, luego vacías tu #videos y agregas dicha tabla. Revisa el siguiente ejemplo, lo cuelgo en jsBin completo, funcional y en vivo: https://jsbin.com/gejiqalisi/edit?html,output

Parte resaltante:

<button onclick="mostrarCurso(0)">Curso 1</button>
<button onclick="mostrarCurso(1)">Curso 2</button>
<div id="video"></div>
 
<script>
  const mostrarCurso = (i) => {
    const divVideo = document.getElementById('video')
    const table = document.createElement('table')
    const tbody = document.createElement('tbody')
    table.innerHTML = `<thead><tr><th colspan="2">${datos.courses[i].name}</th></tr></thead>`
    table.append(tbody)
    for (const capitulo of datos.courses[i].list) {
      let rowspan = capitulo.videos.length // Cantidad de filas que ocupa un capítulo
      for (const video of capitulo.videos) {
        const tr = document.createElement('tr')
        tbody.append(tr)
        if (rowspan) {
          tr.innerHTML = `<td rowspan="${rowspan}">${capitulo.chapter}</td><td>${video.name}</td>`
          rowspan = 0
        } else {
          tr.innerHTML = `<td>${video.name}</td>`
        }
      }
    }
    divVideo.innerHTML = '' // Vacía el DIV
    divVideo.append(table)  // Llena el DIV
  }

- Veo que estás utilizan JS6 así que no creo que tengas problemas en distingues las Arrow Functions ni las String con BackTicks

Saludos,

- Tienes que buscar la compatibilidad de codificación entre el fichero de código fuente y la terminal de destino.

- Por ejemplo la codificación de caracteres de CMD es OEM (CP-850) para sistemas Windows Español. Esto significa que si guardas tu .cpp y/o ficheros con contenido bajo esa codificación no deberías de tener ningún problema ni tendrías que importar ninguna biblioteca externa (<locale.h>).

- En este ejemplo voy a utilizar Notepad3 el cual me permite elegir entre muchas codificaciones, dentro de las cuales está OEM CP-850 que es la que utiliza CMD por defecto en Español:


-- Nótese que la consola me muestra correctamente la ñ y ú cuando leo los archivos con type, esto porque están guardados bajo la codificación OEM CP-850 y CMD no tiene problema en leerlos e interpretarlos.

- PERO esa codificación no es estándar, es más SublimeText no la trae, y Notepad++ no la detecta automáticamente XD. Entonces se puede hacer uso de <locale.h> para adaptarse a la codificación destino utilizando una codificación más estándar. Pero en caso de CMD no se puede usar UTF-8 que es el estándar actual, CMD no la soporta completa, CMD a lo sumo solo soporta ANSI.

-- La mejor alternativa parece ser ANSI (CP-1252), este es bastante estándar. Entonces sigo con el ejemplo, en este caso guardo mi archivo .cpp bajo la codificación ANSI o CP-1252 o Windows 1252 o como lo tenga definido el editor de texto:


-- Nótese que type me muestra caracteres extraños para ñandú pero al compilar y ejecutar el programa no hay problemas para mostrar correctamente ñandú

- Jeje, más consideración con Batch , este es bastante potente y simple en su entorno. Hay scripts bastante completos en este lenguaje, más en el submundo de Windows y Microsoft porque CMD viene por defecto y sirve bastante bien para manipular al Sistema Operativo, sería como denigrar a Bash de Linux (aunque este último es tiene mas prestaciones). Todos los lenguajes tienen sus puntos fuertes y resaltan muchísimo en su ámbito.

- Batch es muy potente para hacer hacer tareas por lotes llamando a otros comandos, redireccionando salidas, etc. Como dije el nivel de abstracción de Python es muy bueno si se conocen las sentencias adecuadas. Java también tiene muchas cosas pero para usarlas puede llegar a ser trabajoso. C y C++ tienen resultados muy limpios, rápidos y que consumen muy pocos recursos (al contrario que Java XD)

- Por otro lado hay lenguajes que parecen ser muy amigables, sencillos de aprender y utilizar, pero esto es por su IDE XD, Visual Studio permite esta posibilidad

- Estás mezclando los tipos de datos a enviar, Ajax requiere un solo Objeto, ¿Porqué no haces un append de tu String dentro del FormData para que se envíe todo en una?

- Ya veo, el problema está en que getElementByClass está incompleto, lo correcto es getElementsByClassName. Siempre puedes utilizar un editor de código ligero como SublimeText o uno más completo como Visual Studio Code para que te ayude a con la sintaxis y autocompletado de código. Además tienes la Consola en las Herramientas de Desarrollador del navegador web (F12), ahí debe mostrar los errores y además puedes probar código.

- getElementsByClassName devuelve un HTMLCollection que es un Array Like, osea, devuelve siempre una especie de Array que contiene todos los elementos que tengan la Clase especificada, si quieres obtener solo el primer elemento debes usar el primer índice ( .[0] )

- Lo siguiente funciona para mí:

<html>
  <head>
    <link type="text/css" href="estilo.css" rel="stylesheet">
  </head>
  <body>
    <h1 class="titulo">Hola</h1>
    <button onclick="continuar()">Borrar el titulo</button>
  </body>
 
  <script>
    function continuar() {
      alert("Hola esto funciona, osea entra en la funcion");
      var div = document.getElementsByClassName("titulo")[0];
      div.style.display = "none";
    }
  </script>
</html>

- Puedes trabajar directamente con el formulario, aunque esto dependerá de como utilices los elementos de dicho formulario, no sé como estás implementando tus miniaturas, me imagino que estas utilizando uno o varios <input type="file">.

- Siempre puedes depurar tu PHP ya sea con tu IDE y/o utilizando las funciones print_r o var_dump(), en mi ejemplo voy a poner un <input type="file"> multiselector que envíe al php el array de los archivos elegidos y este resultado lo formateo para verlo con más claridad:

<?php
  if ($_POST) {
    echo '<pre>';
    echo htmlspecialchars( print_r($_POST, true) );
    echo '</pre>';
  }
?>
 
<form method="post" action="" id="frm">
  <input type="file" name="img[]" multiple onchange="loadFile()">
  <input type="submit" name="Enviar">
</form>
 
<div id="miniaturas"></div>
 
<script>
  function loadFile() {
    var miniaturas = document.getElementById('miniaturas')
    var imgs = event.target.files
    miniaturas.innerHTML = ""
    for (var i = 0; i < imgs.length; i++) {
      miniaturas.innerHTML += '<img src="' + URL.createObjectURL(imgs[i]) + '">'
    }
  }
</script>

-- En mi caso muestra:

Array
(
    [img] => Array
        (
            [0] => AdobeUpd.png
            [1] => command.gif
            [2] => rar_sfx.gif
            [3] => scr.png
            [4] => win2000_ie6_google.png
        )
 
    [Enviar] => Enviar
)

-- Entonces $_POST['img'] tiene el Array de mis imágenes


- Algo similar si creas tu propio FormData(), en ese caso se puede enviar por medio de Ajax:

ajax.php

<script>
  var formdata = new FormData()
  formdata.append('imagen_1', 'galaxia.jpg')
  formdata.append('imagen_2', 'perrito.jpg')
 
  var ajax = new XMLHttpRequest()
  ajax.open('POST', 'index.php')
  ajax.onreadystatechange = function(){
    if (ajax.readyState === 4) {
      document.write(ajax.response)
    }
  }
  ajax.send(formdata)
</script>

index.php

<?php
  if ($_POST) {
    echo '<pre>';
    echo htmlspecialchars( print_r($_POST, true) );
    echo '</pre>';
  }
?>

-- Resultando:

Array
(
    [imagen_1] => galaxia.jpg
    [imagen_2] => perrito.jpg
)

-- Lo que significa que tengo $_POST['imagen_1'] y $_POST['imagen_2'] con los valores que necesito

- Aunque se dice que python es de "lenguaje natural" yo no lo creo XD, su documentación no es buena, es desordenada, dice muy poco, no hay "temas relacionados" o ejemplos claros.

- PERO a mi parecer su fortaleza reside en que ya tiene bibliotecas nativas para prácticamente todo a lo que se refiere scripting o programación rápida para programadores, PERO no es así para usuarios comunes, es decir, no es User Friendly, para intentar crear un script dirigido a usuarios comunes tiende a complicarse bastante con instrucciones nada naturales y completamente extrañas.

- Es un lenguaje muy flexible si se saben que instrucciones utilizar y para esto se necesita una documentación que de ganas de leer.

- Anda! es cierto, por lo que veo se utiliza un style.css para los visitantes, y un style-img.css para los usuarios

- Otra cosa que deberías revisar es porqué está amarillo (con advertencia) tu candadito cuando estás registrado (en la barra de direcciones)

- También veo raro que te muestre la página con fuente serif, si prácticamente todos los elementos del foro tiene puesto font-family: verdana, arial, elvetica, serif implica que tu Sistema Operativo no tiene esas fuentes ?

- La sintaxis varía dependiendo del Motor de Base de Datos, en mi caso utilicé SQL Server. ¿Qué Motor estás utilizando? => SQL Server, MySQL, PosgreSQL, SQLite, Oracle, etc, etc...