¿Necesito crear un archivo HTML por cada página?
ฝัง
- เผยแพร่เมื่อ 29 ต.ค. 2024
- En este video vamos hablar sobre hacer sitios dinámicos con PHP y React para evitar tener crear un archivo HTML por cada página de nuestro sitio.
🚀 Blog de Diseño Web:
www.falconmaste...
⭐ Curso de Diseño Web desde Cero:
www.desarrollo...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrollo...
⭐ Curso de React y Firebase desde Cero:
www.desarrollo...
⭐ Curso de Bootstrap 5:
www.desarrollo...
⭐ Curso de Woocommerce:
www.desarrollo...
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters
Espero que este video le sea de ayuda a todas las personas que están comenzando en el desarrollo web.
No olvides darle manita arriba al video 👍 y suscribirte para mas tutoriales.
amigo, a mi me comentaron que las etiquetas , y siempre tienen que ser diferentes por el SEO ya que el navegador. Encuentra la pagina con esas etiquetas se supone que cada pagina tiene una descripción diferente, en el video cuando marcabas diferentes, si entras a la sección de "Acerca de" la etiqueta va a tener lo mismo y eso es malo, si buscan la pagina en internet solo va a salir un resultado porque solo usan una etiqueta para todo, también veo que los nunca se tendrían que repetir en paginas diferentes, y los en mi caso re repiten porque uso una clase que marca en la pagina que estoy
@@brian7761 Si, tienes razón, el contenido debe de cambiar en cada pagina, eso no lo enseño en este video, pero si se puede hacer una plantilla que también tenga titulos dinámicos, meta, etc
Y del Aside no hay problema ese si se puede repetir.
Saludos
@@FalconMasters genial entonces, yo solo preguntaba porque estoy aprendiendo y en el curso me dijieron que nunca podía repetir las etiquetas (meta)s
El vídeo definitivo para los que teníamos la duda.
@@edismr4181 Podria ser para buenos proyectos pero para mi mype va excelente.
Estoy aprendiendo el video esta super, ya toca recolectar mas información sobre buenas prácticas, es una base.
Hace 7 u 8 años vi tus videos de HTML y CSS y ahora veo que has avanzado mucho,admiro como explicas y tu trabajo
Muchas gracias por el video, en la mayoria de cursos (incluso de pago) te ensenan a hacer paginas pero solo la principal. pero definitivamente el siguiente paso es mucho mas de lo que imaginaba. Gracias por la orientacion
Gracias Carlos, fui yo quien pregunto sobre esto en Udemy. Para todos los lectores, recomiendo 100% los cursos , contenido de calidad y con bastantes ensayos. He aprendido mucho. Gracias.
Muchas gracias victor, me alegra mucho que mis curso te hayan y sigan sirviendo.
Hola, estoy desarrollando un sitio, la solución que use fue el includeHTML, pero ahora veo tu video y me parece mucho mejor opción usar PHP o React.
Al usar includeHTML se generan varias líneas de código que lo hace más largo, gracias, excelente explicación.
en una landing page lo podes hacer en una sola página, se navega por las diferentes secciones con scroll vertical y que las secciones esten enganchadas con el nav, pero es verdad una web mas grande precisa de librerias js y/o lenguaje server
Realice uno de tus cursos diseño web profesional practico desde 0 en udemy, y con las bases que proporcionas, si realice un proyecto con cada uno de los archivos por separado , así que creo que no esta mal para ser mi primer proyecto, más adelante tomare esto como base para el siguiente proyecto , gracias por la explicación.
Justo cuando acabo de entender el Iframe de HTML me llega este vídeo a decirme que existen mas y mejores formas de gestionar las páginas de nuestro código
Gracias por tu aporte
También se pueden hacer componentes con puro Javascript, sin necesidad de usar React, Angular, Vue, etc. Simplemente hermoso :')
lo que dijiste es redundante
claro, por algo estan las funciones, el problema es el rendimiento a gran escala, ya que con js puro se usa el DOM, y por ejemplo en react, se usa una dom virtual que solo actualiza, lo que se necesita actualizar
hola falcon masters, eres mi idolo jajaja te sigo desde hace mucho creo q unos videos de bootstrap eres un crack ojala nunca nos abandones y sigas haciendo tus videos!!! te lo agradezco mucho
Muchas gracias! Seguire haciendo videos cuando termine la mega actualización de mi curso de diseño web.
Saludos!
Gracias a ti amigo!!! gracias por darnos tanto
Mis más altas muestras de respeto Falcon Máster... Eres uno de los dos únicos que para mí en TH-cam son los mejores en desarrollo y programación, prácticamente todos mis proyectos se basan en lo que he aprendido de ti...
Qué otro también recomiendas?
Este video es maravilloso, no hay mejor manera de responder a esta duda
Bueno ya tengo otro curso mas tuyo a sido verlo y no poder dejar de comprarlo ahora a ver si es tan bueno como el ultimo que hice de diseño web profesional que es un pedazo de curso excelente. Gracias por enseñar tan bien.
Muchas gracias!! Vine a este video por otra cosa, pero me ayudó a pensar cómo abordar React. Estaré viendo el curso que adjuntaste!
Muy bien explicado. Justamente tenia esa duda, ya que, estoy creando una pagina para una escuela. Saludos desde Rep. Dominicana.
Tu puedes hacer el mismo con el framework Foundation css. Foundation css es poco conocido, pero es muy poderoso para crear componentes y páginas com lógica (Panini). Puedes usar tambien js, sass y imagenes minificada.
Justo acabe mi primer proyecto como desarrollador web, de verdad que necesitaba este video, muchas gracias Carlos
Gracias hermano🎉increíble... Yo que empiezo mi carrera de programador solo con este video han cambiado mi forma de ver las cosas
Mucha suerte en esta gran carrera!
Una vez entiendes HTML que es fácil, css la verdad me costo mucho pero ya domino muy bien el responsive y javascript ya que fue mi primer lenguaje casi muero en el intento xd
Una vez entiendes esos 3 pilares puedes pasar a cualquier framework/librería no solo de javascript, también de css. Magic.
ERES UN CHINGON CARLOS ARTURO ESTE TIPOS DE VIDEOS SON LOS QUE DEVERDAD HACEN LA DIFERENCIA MUCHAS GRACIAS POR EL APORTE SALUDOS
Me suscribí solo al leer los comentarios..luego vi un video y comprendi porque todos dicen que eres un fenómeno..😅😅es que lo eres .zenkiu ❤
Que bonito comentario, muchas gracias!
Yo apenas estoy aprendiendo y lo que si habia notado muy repetitivo es hacer un archivo css por cada HTML.
Entonces viendo este video me doy cuenta que debe haber una forma de hacer más escalable el trabajo usando HTML y css. ¿Como se hace con css? 😅
Con CSS tienes que trabajar con SASS o si usas React también puedes separar el código por componentes.
@@FalconMasters Hola Falcon y no serviría pug?. Recomiendas SASS para el 2022? Si alguna vez pudieras mostrarnos como es el trabajo por componentes.
Gracias Falcon..Estaba buscando estos temas para hacer un sistema web con JS completo. Ahora a estudiar.-
En el fondo son páginas independientes previamente elaboradas que se invocan mediante enlaces las cuales completan el código del sitio
inicialmente no existía React de manera que las primeras páginas fueron elaboradas si no mediante el método que explicas, algo similar por ello resultaban pesadas y de mucho trabajo y sobre todo el tema de reutilizar código resultaba pesado. el diseño de plantillas reutilizables es una de las formas más cómodas
Gracias Maestro... ¡Genial como siempre!
Q: Porque esta vez no dejó el source del proyecto? El mismo sirve a la comunidad de guía, repaso y referencia. Saludos!
@Benjabbj y quien te pregunto a ti!
Porque no preguntas lo que no sabes, en vez de estar de entrometido opinando donde nadie te ha invitado... y juzgando a quien no debes!
SOS un excelente profe la verdad! Saludos desde 🇦🇷
hola! siempre luciendote con tus videos, muchas gracias por el aporte!
Muchas gracias!
Hola, perdón la molestia, una consulta ví al final que seguías teniendo un archivo html por cada página, solo cambiaste la extención a .php.
Si tengo 1000 archivos.php para las páginas, como los redusco a menos de mil?
Muchas gracias bro, tenia esa duda para mi proyecto final, me has salvado
consulta, en tu curso de react enseñas en profundidad como realizar un web component? estuve buscando y no encontré casi nada referido a esto, la verdad que esta muy interesante!
Gracias, ahora por ti estoy por aprender PHP y React en este preciso momento.
Mucha suerte!
No lo puedo creer que justo hoy tengo que hacer esto y como no lo sabía más tarde iba a investigar como hacerlo. Gracias por el video
Justo a tiempo!
NOooo eres un crack no me pierdo ningun video tuyo. Ojala puedas hacer un curso de react haciendo un blog tipo Quora o Medium.
Muchas gracias, ya tengo un curso de react, no enseño como hacer un blog, pero con lo que enseño lo puedes hacer.
Saludos
Que mucho que tardas explicando lpm, tomaria el curso pero seguro tardas el doble que otros. Gracias por la info.
Así son mis videos, el doble de largos que otros y con con el cuádruple de información que otros.
@@FalconMasters No quiero desmotivarte pero hay explicaciones mas cortas y precisas, gracias por tu intencion de ayudar.
@@HolaBuenas-it9ww No te preocupes, aprecio el feedback, pero me ayudarías mucho si me pasas esos videos donde expliquen como crear layouts dinámicos con 3 lenguajes o frameworks diferentes y en menos tiempo, me ayudaría mucho para ver como hacen esa hazaña y aprender.
Me paso como prácticante en una empresa, no encontraba el header en el archivo index hasta que vi que estaba separado 🥴 excelente
Jjajajaj espero que no me pase lo mismo
Y como seria al revez? quiero una misma plantilla de html pero que cambie las fotos de adentro para cada usuario?
entonces html css y js serian mas que todo algo basico y php y react serian mas factibles? .-.¡?
entonces se podría decir que hay que usar como funciones para reutilizar codigo? soy nuevo en html y trato de relacionarme apenas con este mundillo
Me gustó. Se puede hacer con javascript puro el ejemplo de php?. Saludos
5:30 perfecto
Vuelvo hacer la consulta, es posible pasar de una pagina a otra sin que se recargue la pagina, solo usando Java Script, HTML y CSS ?
Hola Falcón una consulta, tenes por ahí la idea o algo ya preparado para un curso de ux/ui? Se que tenes el curso de xd, pero me refiero a algo más creativo o pautas a seguir a la hora de diseñar
La verdad la mayoría de la cosas que quiero aprender las veo en tu canal así que nada, solo tenía esta duda, saludos
Su página es bastante antiestética, dudo que este formado en lo que es design ui ux
¿Y que hay con el SEO? Supongo que al usar php podemos agregar el tile y la descripcion no?, pero y con REACT? google tambien lee ese archivo js?
Would love it if you continue this series...the be
Este era el video que ocupaba!! 🤩
Falcon tengo una duda , si tengo 200 capitulos de texto y quiero mostrar un capitulo por cada pagina , tenia esa duda , debia crear 200 paginas html ? o como deberia hacerlo para mostrarlo de forma dinamica , el texto repitiendo el mismo html
Gracias profe, tenía esa duda. Estoy a punto de terminar tu curso de diseño web, te quería preguntar si el curso de php lo tienes actualizado? Y cuál recomiendas primero, php o react?
Hola si, mi curso de PHP esta actualizado.
Puedes tomar cualquiera de los 2, el orden en estos temas no importa.
Saludos!
@@FalconMasters gracias profe! saludos.
Sin dudarlo este vídeo vale mucho oro ❤️
Este brother vale oro
Muchas gracias por la aclaración
Hola Carlos Arturo como va, te pregunto que diferencia hay entre el require, y el include que son del php por lo general suelo utilizar el include para un sitio o informacion como lo mostras en el video, Comentame que diferencia hay entre esos dos comando Muchas gracias
En php se puede hacer asincronismo y listo, se puede evitar que tenga que recarga todo por petición
hola amigo. gracias por el video, me ha quedado muy claro este tema.
pregunta: usando react, también puedo manejar archivos y bases de datos? (es que tengo un proyecto en mente y por lo que dices, conviene usar PHP)
falcon si creo paginas webs separadas lo puedo juntar todo en un hosting como una network?
Hola, estoy probando php y e creado un menu con 4 opciones, pero cuando estoy dentro de una pagina que esta en una subcarpeta ejemplo page/page-1/pageprueba.php al dar click en la opcion contacto no me carga esa pagina, pero si estoy en las pagina que estan solo en la carpeta page si funciona, quedeberia hacer para que se me quede todo en cada pagina que cree o realize.
no se si me di a enteder xd
Saludos!
Eso se puede hacer solamente con HTML5?
Vi a un amigo hacer eso pero no recuerdo si el usaba PHP o sólo era HTML5
Que hay Falcon mil gracias por sus tutoriales son excelentes, sera que puedo enlazar dos html pero que también navegue a un id determinado en el segundo html. Gracias
Bien explicado, pero, para uno que vio nacer los lenguajes web es apasionante, en el 2000 esto mismo se hacia en AJAX, solo se recarga una parte de la pagina, asi mostraba resultados de varios archivos php sin cargar la pagina principal
hola amigo, tengo una duda (con cierta relación al tema de este video), en una página tengo un menú lateral y quiero que las opciones de este menú lateral se abran a un lado del mismo (en el espacio que queda dentro de esta misma hoja), se puede hacer con php y JS, no sé mucho de Reach y ya casi no tengo tiempo, saludos
Excelente video y explicación, ¿qué ruta de aprendizaje, para desarrollo de aplicaciones web (con base de datos, preferentemente MySQL), me recomiendas seguir? Y ¿cuál sería la ruta de aprendizaje que debo seguir para el diseño y desarrollo de páginas web?
Excelente. Y por cierto, tú eres el de "Curiosamente!"...?
No, la verdad no conozco ese canal.
Yo utilizo webpack + handlebars para crear vistas html sin necesidad de usar php o react porque no todos los proyectos terminan siendo en php o react
Es muy buena opción también.
muchas gracias, para "lo que necesito" me viene bien trabajarlo con HTML, pero una duda, si duplico muchas veces las otras pestañas en html, también tengo que copiar y pega el archivo css?
Para CSS tambien hay formas de reutilizar el código, puedes utilizar un pre-procesador como SASS o si trabajas con alguna librería de javascript puedes trabajar con componentes y muchas otras formas.
Buen video, yo por lo general uso el de php para tener todo en diferentes documentos y utilizarlos siempre para el caso del header y footer, pero tengo una duda, algun hosting y dominio que sea gratuito para subir sitios web en html, css y js, igual php pero solo para crear archivos y importarlos en otros así como tu ejemplo? Solo lo ocupo para subirlo a web y mostrarlo, solo eso, ya en fuera no lo ocupo para algo más, si me podrías decir de alguno te lo agradeceria, saludos!
con github
Hay manera de tener una plantilla y el
Contenido sea dinámico?, ejemplo tengo una tienda tengo 100 artículos pero no quiero hacer 100 páginas html o PHP si no solo una que lo único que cambia es el precio la imagen descripción estas 3 cosas las tengo en una base de datos, y que solo muestre los datos del artículo que el cliente selecciono usando solo una página pero
Mostrando la información correspondiente consultada en la base de datos?
Si claro, así es como se hacen los sitios. En la base de datos guardas el nombre del producto, el precio y la ruta de la imagen. Luego con algún lenguaje de programación obtienes todos los productos de la base de datos y por cada producto lo vas cargando en una página dinámica.
...faltó hablar más de cómo hacer un blog, para el caso en que tengas cientos o miles de páginas con su ruta. Buen video. saludos!
Diez mil gracias por su vídeo, sencillo y bien explicado
Yo tengo una duda a cerca de tus cursos en Udemy, la verdad soy nuevo ahí y yo quería comprar tu curso de React cuando estaba en oferta, tu pones las ofertas o las pone la plataforma? Una hora antes de que caducara la oferta yo compre tu curso, me salió en compra pendiente y al día siguiente que revise los movimientos me apareció que si se hizo la transacción pero también se hizo un rembolso y finalmente no me apareció el curso:( el rembolso se hizo sin que yo lo hubiera solicitado
Si usas plantillas no se lograría lo mismo? No sería una página dinámica pero cumpliría con la función de modificar solo la plantilla y no cada hmtl.
Las paginas html, pueden tener un solo css? o cada html tiene que tener un css ?
Cada página puede tener una o multiples hojas de estilos CSS sin problema.
no es mejor hacer todo en la misma página?? ya que es una página estática
Buen dia, Carlos.
¿De casualidad podrias darme una asesoria de unas 2 o 3 horas sobre varias dudas en especifico de un sitio web que estoy construyendo...? En caso de que sí, igual me podrias comentar cuanto me cobrarias, de favor? Gracias, quedo al pendiente de tu respuesta
Excelente explicación!!!
watch more and learn more your are great thanks.
Para hacer un login, recuperacion y registro seria mejor hacer las paginas separadas?
Nuevo suscriptor, me veré tu curso de react 👌
Muchas gracias, estoy seguro de que aprenderás mucho!
Hay alguna manera de descargar el Style de la página que utilizas en el vídeo?
Podrías usar componentes usando vue js, y todos lo haces en Javascript.
Exacto 👌 vuejs te hará escupir react
Muy bien explicado gracias
La misma pregunta me hacía y al fin encontré la respuesta xd
Me surge una duda al respecto, estos métodos para "reutilizar" código con PHP o JavaScript, ¿Afectan de alguna manera al SEO del sitio o los motores de búsqueda lo interpretan igual?
Si pueden afectar sobre todo si lo haces con Javascript o en mi ejemplo, con React y no utilizas algun framework que haga renderizado del lado del servidor. Si utilizas algun framework que lo haga entonces no hay problema.
@@FalconMasters
Entonces, si entendí bien, ¿Es recomendable hacer esta reutilización con frameworks como Django, Express, Ruby on Rails, ASP.NET, etc. ?
@@DanielGonzalez-qq5ow Si utilizas un lenguaje del servidor no vas a tener problemas. El problema es si haces un sitio solamente con javascript, ya que el contenido carga dinamicamente y a los buscadores no les gusta eso. En cambio con un lenguaje del servidor, te envían toda la pagina ya renderizada.
@@FalconMasters Eso era lo que quería saber c: , te lo agradezco mucho tío Masters!
Buen video Master , grracias lo mejor de lo mejor
Pregunta: Se puede puede hacer lo mismo únicamente con JS?
con esta explicacion me enseñaste mucho gracias
Me alegra que así fuera!
Es como aplicarle una Master page que administre la vista principal(apenas estoy empezando a programar)
Hola, buenas noches...
Soy nuevo en el desarrollo web
Algo no me quedo claro, y es que evita realizar tres paginas de html, pero igual veo que realiza tres paginas index.php, acer-de.php, contacto.php, además tiene footer.php, header.php, aside.php.
Entiendo que realiza el llamado y coloca la plantilla y que el aside lo cambia una sola vez, pero:
¿index, acerca-de y contactos siguen siendo tres paginas? Solo que no son .html sino .php
Necesito salir de dicha confusión, le agradecería enteramente.
Hola David, si, para evitar esto es que toda la información del index, acerca-de y contactos la puedes obtener de una base de datos desde PHP por ejemplo
@@FalconMasters Ah, ok. Es para no tener todos los elementos en una carpeta como, creo, es lo que estoy haciendo actualmente. Y es demasiado!
Muchas gracias por su atención y estaré visitando su curso de PHP y MySQL desde cero.
Buenas noches.👍
buenas no entendi ¿ Lo que hiciste fue cambiar la extensión de los archivos html por php
y luego meter el el contenido html dentro de los archivos php?
Si, cambie la extensión a PHP y dentro puse el código HTML. Aquí lo explico mejor:
th-cam.com/video/LDS0335RrNo/w-d-xo.html
@@FalconMasters muchas gracias por la pronta respuesta vere el video
cómo se conoce a esto de crear archivos externos para usarlos en otros sitios? tiene algún nombre especial?
Muchas gracias por este video.
Hola. Me gustó la fuente de Visual Studio Code de este video. ¿Cuál es?
Me gusto este video porque cree una página wed de películas y avía creador más de 2000 archivos
Efectivamente así pasa cuando sucede
muy buen video super bien explicado!!!!
Gracias!
Hola Falcon, tienes algún video, donde se pueda pasar de una pagina a otra sin que se recargue la pagina?? con html y Java Script, o si esta complementado con Ajax o Jquery tambien puede ser.
Si, en mi curso de react enseño como hacerlo.
@@FalconMasters me refiero solo usando Java Script puro y quizás si es necesario con Ajax y Jquery. Sin usar React, Vue.js o Angular
Dos preguntas:
1.- Puedes hacer lo mismo que hiciste con React pero solo con JavaScript?
2.- Puedes hacer una pagina dinámica sin mezclar html y php en el mismo archivo?
Saludos
1 si se puede pero siempre te ahorra código usar un framework aunque sea jQuery 2. En este tiempo la mejor forma es usar HTML y Javascript se puede hacer todo pero para los datos necesitas php
Con el 2, si, puedes tener un archivo PHP encargado de interactuar con la base de datos, un HTML para la vista y un JS que se encargaría de pasar datos del PHP al HTML y viceversa.
@@michaelsuescun4157 Mil gracias.... Sabes que esa forma de programar que mencionas me gusta ya que de esa manera podría cambiar de lenguaje de programación cuando lo crea conveniente sin empezar desde cero...
Pero en español no encuentro tutoriales que lo expliquen, solo en Ingles y muy pocos.
A mi algo que siempre ma ha dado curiosidad es cómo funcionan las páginas 404, tienen un nombre específico así como lo de index.html (ósea un como 404.html) o se hace con PHP o qué?
Eso tiene que ver con el routing. Esto es que se establecen las rutas que va a tener tu pagina y si el usuario entra a una ruta que no esta especificada, entonces le devuelve la pagina de 404
@@FalconMasters A ok, gracias!
Excelente información amigo hace algún tiempo pague el curso de wocomerce en Udemy y resulta que lo vi hasta cierto punto luego me volví a meter un tiempo después y nunca pude dice que no estaba disponible no se qué pasó y no pude ver más el curso
Hola Douglas, el curso sigue activo y yo no puedo eliminar el curso de la cuenta de alguien, revisa que estés entrando desde este enlace y con la cuenta que adquiriste el curso:
www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846
Es prácticamente lo mismo y la velocidad de lectura hoy en día es lo misma siempre.que sepas estructurar bien.
No conozco una web que tenga tantas páginas, como mucho son 4 o 5. Que con un ctrl p solucionas todo y es más rápido.
Lo que muestras no es la.manera correcta, si no la manera más práctica y bonita desde tu perspectiva. A algunos nos gusta ver el código, además hoy en día con tantas extenciones para editores no es para nada difícil encontrar los sectores específicos a editar.
No entiendo a que te refieres. Pero esta es la forma correcta, por poner un ejemplo, youtube tiene millones de páginas, y no copian y pegan un archivo html cada vez que alguien sube un video. Ellos usan lo que enseño en este video para reutilizar código.
Gran video gracias, pregunta que fuente ocupas en tu visual studio code?
Utilizo varias, no recuerdo los nombres, pero aquí las enseño:
th-cam.com/video/Og8JpOhp8TQ/w-d-xo.html
Gracias, lo revisó
Hola, y esto como afecta al SEO..??
Por otro lado, también se podría hacer con s....???
🤔🤔🤔🤔🤔🤔
Agradecería tu respuesta
Hola Maria, no los s no se usan para esto. Eso si afectaria el SEO de tu sitio. Con PHP no va afectar tu SEO porque el servidor regresa al cliente el sitio ya construido.
Con React si afectaría si lo haces con react puro, pero si usas frameworks como Next JS entonces no.
@@FalconMasters ok gracias 👍
Entonces se conseguiría el mismo objetivo de no modificar todas las páginas usando el src del , solo que afecta la parte del SEO...
Es así no..?