como CREAR una PAGINA WEB DESDE CERO con HTML CSS y JAVASCRIP ð
āļāļąāļ
- āđāļāļĒāđāļāļĢāđāđāļĄāļ·āđāļ 20 āļ.āļĒ. 2024
- En este tutorial aprenderemos como crear una pagina web desde cero con html css y javascript
ð Puedes comprar el cÃģdigo fuente :
www.buymeacoff...
ð creo pÃĄginas web para negocios y estudiantes. Si necesitas una pÃĄgina web efectiva y profesional, contÃĄctame para obtener una cotizaciÃģn sin compromiso. ÂĄJuntos podemos crear una pÃĄgina web que te ayudarÃĄ a alcanzar tus objetivos!â
wa.me/+5215611...
sanchezmauriciomauricio@gmail.com
Archivos:
drive.google.c...
![como crear una PAGINA WEB con html css y javascript [2023]](http://i.ytimg.com/vi/dfN5enxascQ/mqdefault.jpg)
![como crear una PAGINA WEB con html css y javascript [2023]](/img/tr.png)
Gracias amigo me encanto este contenido soy un novato y para ser mi primera vez haciendo una pagina con HTML - CSS y JS la verdad que estoy muy agradecido. Muchas gracias :)
agradecido con el de arriba, pero con el de mas arribaaaaaa, mi querido amigo (o deberia decir heroe sin capa) me ayudaste a hacer mi proyecto final de la uni, sos re grande chaval. besitos en yoyopo.
He seguido tus videos por mucho mi amigo, tus tutoriales en la programaciÃģn y todo en general, me parece muy excelente tu canal; es como encontrar una mina de oro sin competencia en los alrededores, gracias por tus videos y tu valioso contenido
Hola gracias por ver los videos que bueno que te gusten saludos
@@divcode7383 sigue asi
Super lioso lo de los , pero igual lo explicas muy bien.
Muchas gracias por enseÃąarnos, saludos desde EspaÃąa.
Envderdad te felicito, y dar tu tiempo para enseÃąar estos tipos de videos me an servido mucho es muy valioso que haces, espero sigas asiendo videos enseÃąando como crear paginas paso a paso
Hola gracias por tus palabras me motivan saludos
â@@divcode7383 hola amigo todavÃa suves contenido nuevo
Recien estoy aprendiendo a programar y quise buscar como hacer una pagina web, apenas voy a los 50:00 minutos y ya me esta explotando la cabeza con tanto que pone jajajajaj pero igual me parece que es un muy buen trabajo el que esta haciendo y un exelente video para poder aprender como, explica todo de forma muy detallada y muy clara
Me ayudaste mucho para mi proyecto de la escuela, gracias
En la escuela ya dejan eso ðŪðŪðŪ
Alaaa, estÃĄn en el futuro, en mi escuela nos enseÃąaban como encender el cpu ðð
@@gonzalomeneses6767 ni computadora hay en la mÃa xd
Me puedes pasar el HTML, el css y el jvs pliss ðĨđðĨđ
Muy interesante,la verdad muy excelente tu explicacion para mi como novato ÂĄgracias!
Muchas gracias, excelente video, muy feliz por los resultados.
Es exelente tu contenido espero que sigas suviendo contenido. Mil grasias
muy buna el video lo entendà en una y una buena ayuda para los principiantes como yo
Amigo tengo una gran duda en la parte donde pusiste los productos en el momento de aÃąadir el css todo se puso junto y no encuentro el error en el cÃģdigo css
Excelente video, hubiera estado bueno que se comentara un poco para que servian algunas cosas para los novatos como yo.
muchisimas gracias, te mereces el cielo
para ser dos minutos esta genial!!! gracias amigo
disculpen de donde saca la libreria soy nuevo en esto de lo de programacion :(
Estoy en la misma, no se ve de donde saca la librerÃa y cual usa. Si te respondieron la pregunta me decis? gracias
Que buen proyecto, voy a ver si lo replico con tailwind y otras herramientas
Gracias, me salvaste de reprobar un examen âĪ
Es muy bueno tu trabajo he aprendido mucho con tu canal podrÃas hacer una pagina para una escuela y subir el video
muy bueno, bien explicado. buen video, me enseÃąaste una banda.
Lograste hacer que te quede igual al video?
aunque no te quede igual, siguelo intentando bro, que se puede@@mzdylan
hola viejo, guarde toda la lista de reproduccion, se ve que tienes buen contenido
Amigo podrÃas compartir el repositorio por favor? en el minuto 1:05 al momento de colocar aling-items: center, la imagen de la hamburguesa principal se sube demasiado y solo se ve la mitad
20:00 nice
Muchas gracias
Hola, al precionar (ALT 126) me lleva a otra pestaÃąa, como puedo ponerlo bien?
Hola, muchas gracias muy amable por el conocimiento, tengo un problema en el javascript, no me funcionan las flechas para cambiar de "producto", ya revise y me fije en todo y no se que pasa, porque no funciona, cualquier sugerencia me servirÃa muchÃsimo. Es la primera vez que estudio sobre este tema de creaciÃģn de web, y siento que aprendà muy rÃĄpido gracias a este tipo de contenido. No se cual sea el error que este cometiendo. He visto varias veces el video y tengo lo mismo.
aqui esta el problema: navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
}
no es E1 sino El
@@Manacb35 asà lo tengo y no funciona:
var swiper = new Swiper(".mySwiper-1", {
slidesPerView:1,
spaceBetween: 30,
loop:true,
pagination: {
el:".swiper-pagination",
clickable: true,
},
navigation: {
nextEl:".swiper-button-next",
prevEl:".swiper-button-prev",
}
});
var swiper = new Swiper(".mySwiper-2", {
slidesPerView:3,
spaceBetween: 20,
loop:true,
loopFillGroupWithBlank:true,
nagivation: {
nextEl:".swiper-button-next",
prevEl:".swiper-button-prev",
},
breakpoints : {
0: {
slidesPerView:1,
},
520: {
slidesPerView:2,
},
950: {
slidesPerView:3,
}
}
});
let tabInputs = document.querySelectorAll(".tabInput");
tabInputs.forEach(function(input) {
input.addEventListener('change', function() {
let id = input.ariaValueMax;
let thisSwiper = document.getElementById('swiper' + id);
thisSwiper.swiper.update();
})
});
@@Manacb35 asà lo tengo y no funciona Âŋpuedo enviarte el proyecto algÚn correo? solo me falta entender porque no da esa parte. Llevo dÃas consultando aunque me fue bien en la actividad de clase, me gustaria saber si tengo un error o falta algo por hacer, muchas gracias.
No sÃĐ si aÚn lo necesites Pero para que se solucione lo de las flechas tienes que agregar mÃĄs comidas no solo 3â@@jeffreybotero344
Exelente video.
hola amigo como vas, yo realice un trabajo con este tutorial y hubieron cosas que no me funcionan, lo realice igual con tu explicaciÃģn solo cambie imagenes . No se que errores cometà ðĒ
Hola tengo un problema en el javascript de que no me funcionan las flechas para cambiar de "producto", ya me fije de todo nose, cualquier sugerencia sirve
Hola, tengo el mismo problema, ya lo solucionaste?
@@jeffreybotero344 Se, era la primera linea de codigo donde dice mySwiper, el problema era que yo escribi ahà con (y) y era (i) latina :p
Hola, hola!! Yo tengo el mismo problema, alguien ya puso solucionarlo??
Preguntele a chat gpt y listo
â@@derekway2536lo intente y no pudo
por quÃĐ sale un error en la consola con el js?
para los que hicieron el js y no les sale las flechas en los products agregen otro "swiper-slide" en cada seccion, a mi me aparecia una advertencia que los slides deben ser mayor del slideview para que se active el loop
muchas gracias por estos videos
Hola gracias a ti por ver el video saludos
Hola muy buenas comunidad, he terminado la pagina web pero a la hora de scrollear para los lados no me deja, sin embargo cuando minimizo la ventana si scrollea, en pantalla grandE no scrollea ni me aparecen las flechitas y con la ventana minimizada me salen las flechitas y scrollea, GRACIAS DE ANTEMANO
me pasa igual, supiste resolverlo?
se pudo solucionar?
@@jennifercireniamoralesvill8615
ð me parece algo chido gracias por la guia
este tipo de proyectos si yo lo codifique, puedo agregarlo a mi portafolio??
Hola me gusto este proyecto, yo apenas estoy empezando y me gustarÃa que hicieras una pÃĄgina como para un taller mecÃĄnico o auto elÃĐctrico Gracias por compartir
BROOO NO SALE LOS DIVS QUE SON EL SWIPPER BUTTON NEXT Y PREVV
hola que tal soy nuevo pero nuevo en esto donde se copia en enlace osea la libreria como usted dijo perdon si es una pregunta boba
ÂŋSi ya creÃĐ la pÃĄgina y me hizo falta algo puedo volver a modificarla aunque ya estÃĐ modificada en css?
grandeee,nuevo sub por dejar los archivos en descripciÃģn âĪ
Excelente video y explicacion pero en el slider de los productos las flechas solo me aparecen en modo responsive
pudiste solucionarlo??
hola, no me aparecen los bullets, alguien sabe que me pueda llegar a faltar?
porque no me salen las felchitas de los lados o los llamados slider
hay que usar otro script, el que se usa aqui como que ya no sirve
@@juanp3982 ok
Tengo una duda
Tengo que descargar otras extensiones para usar el CSS y el JAVASCRIPT
PerdÃģn si un poco tonta la duda es que soy nuevo en todo esto de programar
GRACIAS BRO NUEVO SUBCRITOR
Puedo programar en android?
Muy buen video amigo, gracias por compartir y ojalÃĄ pudieras hacer uno parecido pero con react
Hola gracias por la sugerencia si ya lo estoy planificando, va ver de angular react vue apis etc gracias por ver el video saludos
Una ecommerce completa serÃa genial
sergui el video al pie de la letra, lo revise 50 veces linea por linea y me sigue dando errores de los tabs y displays en la pagina, o no se muestran como debe o se superponen. jajaja, que puede ser?
pudiste solucionarlo ? estoy en la misma jajaj mas de 3 hs sentado mirnado el video una y otra vez ya estoy empezando a odiar al pobre tipo xD
Tengo una pregunta para q sirve los libros de css y java script q dices al inicio
Buenas me podrÃas ayudar con un ejercicio donde me piden 9 registros de una tabla con 4 botones , el primer botÃģn se vean solo 3 registros de la tabla // en el segundo botÃģn pase a la siguiente tabla con 3 registro // 3 botÃģn que se vean la tabla con todos los registros // y el 4 botÃģn ultima tabla de los 3 registros
hola, para la feria de la ciencia de mi colegio quiero hacer algo que tenga que ver con programaciÃģn que me recomiendan hgacer
grande sigue asi rey
Como pego la librerÃa?
Amigo muchas gracias por el videito. A futuro le podrÃas poner el carrito?
hola cuando quiero descargar el menu no me deja, alguna solucion por fa :/
Ya lo intente con mis diseÃąos en formatos svg, pero no me agarra
Hola amigo, Seguà el tutorial, min 55:50 las flechas no cambian de color amigo. #Help
quede feliz luego de terminar el tutorial
Hola, a ti te funciono el slider de las flechas de la secciÃģn hamburguesa, burritos y variedad? a mi no me funcionan... podrÃas ayudarme con eso?
@@jeffreybotero344 a mi tampoco me funcionaron, el cÃģdigo me quedo mal pero pude corregir algo, no quedo del todo bien
@@jeffreybotero344 hola tengo el mismo problema, lograste solucionarlo. por favor dime como, gracias.
@@dino3645 oye cree q me puedes pasar los codigo porfa es para una tarea y no tengo tanto tiempo
Hola! Puedes subir tus proyectos a ko-fi, por favor, me parece una manera mÃĄs fÃĄcil de comprar tus proyectos
no me sirve lo de java script lo de deslizar los productos, no me agarra
Pana no sÃĐ si soy el Único que no le agarra color a los botones de inicio, producto y servicios
x2 no me da la barra xd
Por q hay imÃĄgenes q no me agarranð
FÃjate el nombre y si estsven el mismo directorio
el codigo de la carpeta no tiene escrito nada, revisalo por favor
Eh visto tus videos y estoy recien iniciando en el mundo de la programaciÃģn. Si yo quiero poner imÃĄgenes mias como harias por favor me podrian dsr unos tiss
Alguien sabe porque en los productos me aparece unos del otro muy separado?
No se puede copiar y pegar ?
quisiera que hicieras una donde los todos los botones sean funcionables
como puedo conseguir la libreria ayuda!!!!!!
Holi , a mi me pasa de que se ve la mitad de toda la pà gina no se ve completo las letras y las imÃĄgenes y seguà el mismo procedimiento , cÃģmo soluciono el problema ? :(
no solo eso las imÃĄgenes que deberian de entrar de las redes sociales me aparecen dispersas :(
Pipipi ami se me mueve el horario junto con la informaciÃģn cuando pongo "display: flex"
una consulta, cuando hice lo de la slider a mà no me funciono y me gustarÃa que me respondieran para ver quÃĐ puedo hacer en ese caso porfa
prueba agregar mas de 3 productos en el slider
si el tamaÃąo de la pagina es lo suficientemente grande como para mostrar las 3 imagenes no te va a aparecer dicho boton
No me funcionan los tabs xd no sÃĐ por quÃĐ
Hola, tengo un error en la parte de los slider de los productos, no se deslizan hacia los lados...Âŋque prodria estar mal?
Hola amigo, tengo el mismo problema. Pudiste solucionarlo? saludos!!!
@@facundoceferino5682 nada viejo :(
@@gualelecode es la clase mySwiper. Yo tuve el mismo problema
@@alexiagarciasantos8453 Pudiste solucionarlo? Me urge!!!!
@@FERNANDEZALVADANIELANTONIO sÃ, tengo el codigo fuente funcionando
Que simbolo es qje el colocas en el css para limpiarlo, justo despues de colocar el link de las fuentes
genial, seria bueno una para negocio de panaderia
Hola si buena idea en esta semana la intentare a ser saludos
Hola tengo un problema en los tag se desbordan en patayas chica quien me ayuda porfavor ð
Por q ue nome aprace el swlider ayuda
problemas al agregar los botones del slider no aparecen ayuda por favor
prueba agregar mas de 3 productos en el slider
si el tamaÃąo de la pagina es lo suficientemente grande como para mostrar las 3 imagenes no te va a aparecer dicho boton
De que libreria hablas hermano?
BOOTSTRAP 5 se esta utilizando ?
Muy buenos tus videos.
Para que sirve el link de la librerÃa?
Hola espero que estÃĐn muy bien, estoy siguiendo el ejemplo paso a paso, pero tengo un error .. en la linea 178. .products backgroup-color # 0d0d0d; este color gris, no me da...se queda negro..si alguien pueda ayudarme a identificar donde revÃsarlo. gracias..
Debes asegurarte de que estÃĐ bien la clase en css y en html, seguro es algo de eso
pregunta jefe a mi no me salen las lineas del div de next prev
prueba agregar mas de 3 productos en el slider
si el tamaÃąo de la pagina es lo suficientemente grande como para mostrar las 3 imagenes no te va a aparecer dicho boton
@@GZmMissioz gracias, me funcionÃģ, pero tengo un problema que cuando abro la pÃĄgina o la actualizo, ya me sale seleccionado en "Variedad" y no en "Hamburguesas", sabes cÃģmo puedo solucionarlo?
Hola amigo, te comento, copio el script tal y como esta ahi, pero no me funciona el slide
prueba agregar mas de 3 productos en el slider
si el tamaÃąo de la pagina es lo suficientemente grande como para mostrar las 3 imagenes no te va a aparecer dicho boton
what is css ans libraryÂŋ
Hola buenas tardes a mi no me quieren salir las flechas para pasar en el minuto 18 del video
la solucion que me funciono y creo que es la mas logica es agregar un producto mas en cada tab ya que al solo tener 3 productos en el modo pantalla el slider no funciona ya que esos 3 productos ya abarcan toda la pantalla pero al agregar uno mas ya se puede hacer el slider ya que 4 no abarcarcan toda pantalla bueno no se si me explique bien pero ami me fucniono
Nuevo
Producto
calidad premium
$80.00
@@angelnina3976 si te funciono hacer eso? lo intentare
Alguien sabe porque no me sirven los botones del Slide? Sigo al pie de la letra, pero... No me aparecen, alguien me podrÃa ayudar?
prueba agregar mas de 3 productos en el slider
si el tamaÃąo de la pagina es lo suficientemente grande como para mostrar las 3 imagenes no te va a aparecer dicho boton
no me funcionan aparecen las flechas
Nunca me salio las flechas :(
despues q pusiste la parte del codigo de js??
Graciaaas
que hago para q funcione las flechas del slider? ayudaaa
Encontraste soluciÃģn bro?
@@toxico_death3877 encontraron alguna solucion,mi slider de los productos sus flechas solo funciona en forma responsiva
Gracias por el video, html y css excelente pero las animaciones o javascript .. faltal .. ni para delante ni para atrÃĄs .. esta todo igual pero .. nada que ver .. en todo caso gracias
entonces haga uno mejor y comparte con nosotros
Alguien sabe por quÃĐ no me aparecen los botones para el slider?
prueba agregar mas de 3 productos en el slider
si el tamaÃąo de la pagina es lo suficientemente grande como para mostrar las 3 imagenes no te va a aparecer dicho boton
@@GZmMissioz muchÃsimas gracias bro, aunque ya es muy tarde me sirve la informaciÃģn ðŦ
alguien me puede explicar porque en la linea 190 el usa un div con una clase y tambien con un Id ?
las etiquetas pueden llevar clases e id, y ya depende cual desees usar en el js
yo creo que el class lo usa para despuÃĐs indentificarlo en el css y darle estilos, en cambio el ID es para identificarlo en el javaScript
GitHub? Gracias
el link de las librerias
Y como se supone que compren las personas algÚn producto si no nos enseÃąastes esa parate
Ya tu miras el php
Ayuda porque no me sale los botones next
AYUDAAAA
Explica un poco mÃĄs si quiere te comparto un WhatsApp y me escribes yo tambiÃĐn tengo un lÃo
@iam10481hola
@@alejandroaristizabal8273 comparte necesito ayuda y nose porque los estilos css no me funcionan
Dame el link de tu repocitorio y lo miro des github y pues yo sumo el mio y tu le das una revisada porque tengo u lio tambien â@@ian10481
@@alejandroaristizabal8273 oye cree q me puedes pasar los codigo porfa es para una tarea y no tengo tanto tiempo
Amigo el proyecto es mobile firts ?
hola no es desktop firts saludos
@@divcode7383 Tienes algun proyecto en tu canal que sea asi ?
no me sale el slider, la fleCHA
prueba agregar mas de 3 productos en el slider
si el tamaÃąo de la pagina es lo suficientemente grande como para mostrar las 3 imagenes no te va a aparecer dicho boton