Hola gordos nunca programe en mi vida, que recomiendan para empezar? Quiero aclarar que no quiero algo monetario sino para hacer paginas de internet y romper las bolas
PRINCIPIANTE
No te dieron bola gordo. Por qué no pensás qué querés conseguir y lo peloteás con un LLM y que te diga por dónde ir?
Bajate Claude y pegale este mismo posteo y ya fue.
quiero ayudarte porque sos un gordo no-vibecoder y se aprecia, pero es un tema extenso y aparte es dificil hablar del tema sin imágenes
A ver, una web es en primer lugar texto interpretado por el explorador (si la web es sólo esto, le decimos estática). En este nivel tenés HTML, CSS y Javascript que son 3 lenguajes distintos. HTML es la estructura de la web (tiene forma de arbol), CSS es el estilo y Javascript es algo que un lenguaje que define scripts que pueden correr mientras la web está abierta (y hacer un millon de cosas). Si en chrome tocás F12, en la pestaña "sources" deberías poder ver el html de la pantalla que estás viendo . Podés descargar el de esta pantalla y chusmearlo (el de esta se llama 2604). Si a eso le agregas unos tagos <style></style> y dentro copias todo lo que esté en static/style.css ya tenés una copia estética exacta de esta web. Ese es el funcionamiento básico de lo estatico, tenés millon de cosas para aprender ahí.
También Github te permite publicar paginas estaticas, que suele ser una forma amable de empezar a mostrar lo que estás haciendo.
Segundo paso, querés una página con muchas rutas, donde de acuerdo a la ruta se vea tal o cual web. Para eso necesitás un backend que reciba la solicitud y responda lo que corresponda. Cuando el browser recibe "https://txt.421.news/h/2604" le envia un mensaje a txt.421.news (que es un "alias" para una direccion ip pública específica + el puerto 443) pidiendo lo que sea que esté en la ruta /h/2604 (este mensaje en http) y la logica del backend (que es un http server) determina que la respuesta que corresponde es ese combo de html+css+js del punto anterior.
Basicamente todos los lenguajes del mundo pueden hacer esto y hay muchas formas de encararlo. Yo te recomiendo arrancar con python usando la libreria flask y templates de jinja para escribir las webs estáticas. Es algo simplificado pero a la vez hay poco ruido y te va a servir para mantener ordenada la estructura de cómo funciona la cosa.
Por último, una web dinámica es una web con un estado que persiste en el tiempo. por ejemplo, nosotros escribiendo posteos y viendolos al día siguiente requiere que haya una base de datos y un ida y vuelta (o sea, que se graben las cosas y luego se recuperen). Al backend del punto dos le podés conectar una base de datos. En general usamos bases de SQL y en general se usa SQL lite. SQL se utiliza como forma de referirse a bases de datos relacionales pero tambien al languaje que se utiliza para manejarlas (del cual hay varias versiones levemente distintas segun el proveedor). También hay muchas librerias que se pueden usar para "abstraer" el tema y no aprender sql en particular (cosa que yo no recomiendo pero tambien depende cuántas ganas tengas de saber y controlar tooodo)
En el html del punto 1 podés ver que toda la zona de la respuesta es un "form", cuyo tag dice method="POST" action="/h/2604/responder". Esto quiere decir que al tocar el boton publicar va a enviar un mensaje al backend a h/2604/responder con el método (de http) POST con el contenido del formulario. El backend ahí recibe el texto que estoy escribiendo y se lo manda a la base de datos, luego al abrir el hilo el backend hace una consulta a la base de datos (traeme todo lo que corresponda el hilo 2604), lo formatea dentro de html y lo envia.
Esto es la dinámica básica del funcionamiento de una web. Tu objetivo entonces sería
1) aprender lo básico de la estructura html + css + javascript (este ultimo puede quedar para después). Lograr armar una web estatica y abrirla y/o subirla a github.
2) aprender a levantar un http server (yo recomiendo libreria flask de python). Lograr publicar (localmente) el html del paso anterior. Deberías poder entrar a un explorador con la ip local del server y ver tu web.
3) conectar una base de datos al backend. LLenarla con lo que sea (a mano)
4) Recuperar algo de lo que hay en la base de datos
5) grabar algo en la base de datos y recuperarlo en otro lado
6) empezar a averiguar cómo publicar una web dinámica (esto requiere o usar una página de hosting gratuito, probablemente específica para el backend que elegiste, o averiguar cómo hostear en tu casa.
Por ultimo, todo esto que fui mencionado es un oceano de informacion allá afuera, una extension inabarcable, así que si arrancas este camino seriamente trata de no perderte en las mil opciones y enfocate en objetivos específicos para ir entendiendo cómo las partes forman el todo.
A ver, una web es en primer lugar texto interpretado por el explorador (si la web es sólo esto, le decimos estática). En este nivel tenés HTML, CSS y Javascript que son 3 lenguajes distintos. HTML es la estructura de la web (tiene forma de arbol), CSS es el estilo y Javascript es algo que un lenguaje que define scripts que pueden correr mientras la web está abierta (y hacer un millon de cosas). Si en chrome tocás F12, en la pestaña "sources" deberías poder ver el html de la pantalla que estás viendo . Podés descargar el de esta pantalla y chusmearlo (el de esta se llama 2604). Si a eso le agregas unos tagos <style></style> y dentro copias todo lo que esté en static/style.css ya tenés una copia estética exacta de esta web. Ese es el funcionamiento básico de lo estatico, tenés millon de cosas para aprender ahí.
También Github te permite publicar paginas estaticas, que suele ser una forma amable de empezar a mostrar lo que estás haciendo.
Segundo paso, querés una página con muchas rutas, donde de acuerdo a la ruta se vea tal o cual web. Para eso necesitás un backend que reciba la solicitud y responda lo que corresponda. Cuando el browser recibe "https://txt.421.news/h/2604" le envia un mensaje a txt.421.news (que es un "alias" para una direccion ip pública específica + el puerto 443) pidiendo lo que sea que esté en la ruta /h/2604 (este mensaje en http) y la logica del backend (que es un http server) determina que la respuesta que corresponde es ese combo de html+css+js del punto anterior.
Basicamente todos los lenguajes del mundo pueden hacer esto y hay muchas formas de encararlo. Yo te recomiendo arrancar con python usando la libreria flask y templates de jinja para escribir las webs estáticas. Es algo simplificado pero a la vez hay poco ruido y te va a servir para mantener ordenada la estructura de cómo funciona la cosa.
Por último, una web dinámica es una web con un estado que persiste en el tiempo. por ejemplo, nosotros escribiendo posteos y viendolos al día siguiente requiere que haya una base de datos y un ida y vuelta (o sea, que se graben las cosas y luego se recuperen). Al backend del punto dos le podés conectar una base de datos. En general usamos bases de SQL y en general se usa SQL lite. SQL se utiliza como forma de referirse a bases de datos relacionales pero tambien al languaje que se utiliza para manejarlas (del cual hay varias versiones levemente distintas segun el proveedor). También hay muchas librerias que se pueden usar para "abstraer" el tema y no aprender sql en particular (cosa que yo no recomiendo pero tambien depende cuántas ganas tengas de saber y controlar tooodo)
En el html del punto 1 podés ver que toda la zona de la respuesta es un "form", cuyo tag dice method="POST" action="/h/2604/responder". Esto quiere decir que al tocar el boton publicar va a enviar un mensaje al backend a h/2604/responder con el método (de http) POST con el contenido del formulario. El backend ahí recibe el texto que estoy escribiendo y se lo manda a la base de datos, luego al abrir el hilo el backend hace una consulta a la base de datos (traeme todo lo que corresponda el hilo 2604), lo formatea dentro de html y lo envia.
Esto es la dinámica básica del funcionamiento de una web. Tu objetivo entonces sería
1) aprender lo básico de la estructura html + css + javascript (este ultimo puede quedar para después). Lograr armar una web estatica y abrirla y/o subirla a github.
2) aprender a levantar un http server (yo recomiendo libreria flask de python). Lograr publicar (localmente) el html del paso anterior. Deberías poder entrar a un explorador con la ip local del server y ver tu web.
3) conectar una base de datos al backend. LLenarla con lo que sea (a mano)
4) Recuperar algo de lo que hay en la base de datos
5) grabar algo en la base de datos y recuperarlo en otro lado
6) empezar a averiguar cómo publicar una web dinámica (esto requiere o usar una página de hosting gratuito, probablemente específica para el backend que elegiste, o averiguar cómo hostear en tu casa.
Por ultimo, todo esto que fui mencionado es un oceano de informacion allá afuera, una extension inabarcable, así que si arrancas este camino seriamente trata de no perderte en las mil opciones y enfocate en objetivos específicos para ir entendiendo cómo las partes forman el todo.
Entrá para responder.