🚀 COMO Crear una PAGINA WEB con ( HTML + CSS & JS ) | PASO A PASO 2024
HTML-код
- Опубликовано: 11 сен 2024
- 💙 En este CURSO COMPLETO, Aprenderás las Técnicas MODERNAS más USADAS para DISEÑAR sitios web adaptables a dispositivos móviles, además de agregar Javascript a nuestro proyecto para dar una mayor funcionalidad.
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com.
ENTRA AQUÍ 👉 www.hostinger....
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.c...
-----------------------------------------------------------------------------------------------------------------------------
Aprende CSS (Desde CERO en RUclips) 👉 • 🚀 Curso CSS PARA PRINC...
-----------------------------------------------------------------------------------------------------------------------------
CURSOS COMPLETOS:
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.c...
👨💻🎁 Diseño Web Desde Cero (Descuento) 👉 alexcgdesign.c...
-----------------------------------------------------------------------------------------------------------------------------
🎯 CÓDIGO FUENTE: github.com/Ale...
✉️ Redes sociales:
Blog de desarrollo web: www.alexcgdesi...
Twitter: / alexcgdesign
Facebook: goo.gl/7o77tx
Linkedin: goo.gl/byCJnS
Instagram: / alexcg_design
Github: github.com/Ale...
Descarga los ARCHIVOS DEL CURSO:
alexcgdesign.com/blog/como-crear-una-pagina-web-con-html-css-js/
Puedo desplegar en hostinger mi proyecto web con backend hecho en Django ???
loco, jamás vi a alguien enseñar de una manera tan hermosa y con tanto sentimiento. Gracias por enseñar asi de bien
La explicación está llena de datos y detalles interesantes. Lo has dado todo. Es útil como aprendizaje y aún más para aplicarlo profesionalmente. Gracias.
Significa bastante que un video como este exista. Gracias por compartirnos un cachito de tu persona :))))
Man, no te das un idea de lo valioso que es este video para mi en este momento de mi aprendizaje donde tener a alguien como vos mostrando como trabaja y desarrolla una web que no se vea como un simple ejercicio. A partir de este video me di cuenta de pequeñas cosas super valiosas. Gracias por tu contenido! re mil like y follow you☠
x2
@@neithanssallexandr4992 x3
pero tengo una duda la extensión "beautify" no la puedo instalar, cuál otra me recomendarían?
Gracias a contenido como éste muchos podemos aprender sin costo alguno los conceptos más importantes del desarrollo web. Gracias 😁
Excelente trabajo, gracias por los que somos cero creativos y poco pacientes con las reglas del css!
Es un trabajo demasiado bueno, explica bien...bno al qu sabe intermedio css, html y basco javascript...este youtube te va a catapultar a una mejor empresa.
Re bien explicado, hace 2 meses estoy en un curso de programación en la utn, y no aprendí una mierda. En 3 días viendo estos vídeos aprendí más
Te recomiendo RollingCodeSchool
Estoy viendo tú video porque estoy participando de una capacitación que nos desafiaron a crear una página como la tuya, gracias!
Estoy completando los 250 comentarios para ayudar a los estudiantes del futuro
Gracias! 👍🏽
@@sallysosa7094 RESILIENCE TE LLEVO EN EL CORAZÓN❤️🔥
Que gran persona eres ❤
por la causa ❤
ATENCIÓN 🎁 Si llegamos a 250 comentarios, subo código fuente. (Todos los comentarios deben de ser de suscriptores)
Bem melhor. Aumentou as esperanças...
Ya van mas de 900 comentarios y no veo el link para descargar
esperando el codigo :/
elcodigo?
el codigo?
Me gusta apoyar a estos creadores sus códigos son reutilizables y eso tiene un valor que por 1euro no alcanca ni a que piensen en el proyecto que nos dan, pero si somos muchos ya es otra cosa, así q yo hace tiempo decidí darles para el café y creo q los q se aprovechan de sus creaciones deberían de pensar como yo. Avisó no conozco a ninguno asiq es solo mi opinión personal. Un saludo y denle una vuelta a mi comentario.
Es un trabajo muy bueno y valioso, mi recomendación, falta que expliques la metodología de previsualizar una página web y el porqué de las clases, valores, comandos en css, etc, como el em, e padding, los rows, es decir, los tecnicismos qué significan, etc...
Claro, es un tutorial fast-speed, pero aportaría, a mí me has ayudado bastante.
Día 27 de enero del año 2023, se me hace comodo, intuitivo y sobre todo entendible, la verdad ya es el tercer curso que veo en este canal. Gracias de ante mano por compartir experiencia.
Este curso me ayuda a acercerrarme más a el Internet de las cosas
hola saludos, solo tube un problema y es que al momento de ver la pagina en la web (view
deployment)en github me sale el error 404 (osea archivo no encuntrado) no se xq :(
Buenas Alex, si bien considero que seguir un tutorial de como hacer una pagina web, no se aprende del todo bien, como estudiante, me he dado cuenta lo poderoso que es el display grid (no le daba importancia), y he aprendido cosas muy valiosas, te felicito por el tutorial!
Se ve genial pero no, pude hacerla ya que con la extensión beatiful dice que esta descontinuada, ya no se mantiene :(
estoy haciendo el ejercicio, pero me gusta mucho que das tips de paginas como fonts de google, o para los iconos etc que son super necesarios y super faciles de usar!!!! Muy buen video!
Estoy tomando tus cursos en Udemy y son muy buenos y sin lugar a dudas, este video seguirá esa misma línea de enseñanza didáctica excelente
udemy te brinda un certificado gratuito? no sé en cual estudiar si en udemy o en platzi?
No hiciste los botones inicio, contacto, blogs, acerca de; entre otros mas porfavor si pudieras explicarlo seria genial.
Buenísimo el video, más que completo. Aprendí a hacer mi página web, ahora solo personalizaré y practicaré por mi parte.
Ohh muchas gracias hermano. Muy bien explicado todo, de verdad tienes talento.
He hecho un curso de HTML, CSS Y JS... En Css no vi todas estas cosas que vi en este video, me ayuda un monto. Saludos que estes bien
oye muchas gracias por compartir tu conocimiento
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger
ENTRA AQUÍ 👉 www.hostinger.com/alexcg
vamos por los 250 excelente contenido
Increíble, está completo y con muchos datos importantes 👏🏽👏🏽
Hola, tengo tengo una duda en el minuto 26:16 dices que pones el display flex para que los elementos se posicionen uno al lado del otro, pero eso no sucede, y luego veo que los pones uno al lado del otro pero con grid, ¿quisiera saber cuál es la función de display flex en ese punto? ¿Y como usar flex box dentro del grid en esa situación? muchas gracias y saludos desde Colombia!
hola estoy con el visual code y el beautify esta en desuso ,que se puede instalar en vez de este para continuar con el tutorial?
Estimado AlexCG, realmente te agradezco de corazón tu tiempo y dedicación para enseñar. Tu trabajo es excelente!!!!! Estoy aprendiendo muchísimo contigo y necesito agradecerte por eso, pues siempre que veo tus vídeos noto tu amor por enseñar y brindar conocimiento de calidad. Eres realmente GENIAL!!!!! GRACIAS GRACIAS GRACIAS por tu generosidad y calidad!
Hola, una pregunta como podriamos poner dentro de un parrafo un enlace es decir dentro de un p un a, es super basico pero no se como hacerlo ayudaa
A pesar de que ya tiré la toalla en el desarrollo web (es demasiado lo que hay que aprender y ya estoy viejo para ser contratable) sigo disfrutando tus videos. Este con JavaScript será interesante.
Nunca es tarde, mandale para delante papa
La verdad es que si es demasiado para aprender y cuando eres demasiado adulto puede que no todos tengan el tiempo para estudiar como otros
Para una buena empresa no serás excluido por tal motivo.
Hace 8 años con 32 años de edad y sin trabajo me metí a la Universidad, me costo mucho los primeros meses pues era entre mi esposa e hijos o pagar la U, logre conllevar las 2 cosas, hoy soy Ingeniero en Sistemas y tengo 3 trabajos , Dios me ayudo en todo el proceso.
Buen día desde Chile, recientemente me uní a su canal y me parece que tiene muy buen contenido y mucha enseñanza ya que domina muy bien los temas de HTML y CSS, le recomendaria que los videos de los cursos podría hacerlos de menor tiempo ya que un video de 1 hora o más tiende a cansar al que los ve (es mi caso). En la plataforma de Udemy los cursos el contenido de los capitulos no son tan largos y uno puede aprovecharlos más, porque los puede repetir o devolverlo e ir haciendo la practica en paralelo. Por otro lado no me queda sino felicitarle, su vocación por enseñar y hacerlo excelentemente es increible, gracias de verdad por lo mucho que he aprendido de sus aportes.
Me encanto querido, me gustaria tener tu conocimiento y tu capacidad de resolución
Saludos desde Colombia...!!!!!! en algunas ocasiones me has ayudado con tus videos, saludos.!!!!
Gracias Alex, Todo lo haces ver muy fácil para realizar. Contenido con mucha calidad
Yo tengo una duda. Si puedes crear paginas web, xq no creas una plataforma propia donde subas todos tus videos, y suscripción directa a tus cursos, en lugar de aun registrarlos desde udemy 🤔
Muchas gracias por ayuadr a la comunidad por la instruccion de como hacer una pagina web🦾🦾:)
Maestro, tengo una consulta.
Espero no moleste. ¿podrías hacer un video con esta misma pagina... pero agregando un formulario de contacto.
Estoy en mis primeros pasos como programador, y en mi trabajo me pidieron crear la pagina de la empresa. Estoy muy entusiasmado. Pero no me doy mucha idea de como agregar correctamente un Formulario de contacto.
Muchas Gracias por tu contenido. Siempre me es útil para aprender y progresar.
Muchas gracias. Me oxide bastante pero viendo los cursos volvi a recordar.
En la opciones de pago, como enlazo un link para que a futuro los clientes hagan el pago y todo se procese de manera eficaz?
Supiste como?
Super mega excelente y bien explicado. Contigo si hay oportunidad de aprender. Saludos desde República Dominicana hermano.
Excelente contenido, me vi el video completo y ni me percate de su duración. 10/10.
Increible! 🤩
exactamente estoy tratando de hace runa pagina... y vi unos de tus videos y me fascinaron!!!
Excelente 😄 me gustó mucho la explicación, soy nueva en esto , ojalá pudieras hacer un ejemplo creando un login y que cuando inicie sección salga la página. Muchas gracias
"sesión"
Hi , he estado viendo tus videos y me parecen muy buenos...
Excelente capacitación de HTML CCS y JavaScript, gracias Dios lo bendiga por compartir sus conocimientos
Gracias Alex por siempre estar dando estos cursos, hace tiempo te sigo y ahora estoy poniendo en practica este. Saludos
Muito obrigado Alex, estou acompanhando o passo a passo de suas páginas web e estou aprendendo muito contigo, parabéns
Que buen video, de mucha ayuda
A mi me encantó
Gran video!
acabo de comprar el curso CSS3 COMPLETO espero aprender mucho
Excelente!! Claro que aprenderás mucho
Gracias , seria genial si pudieras aplicar un poco de Bootstrap con html y js para poder ver uno asi completo , muchas gracias por el material
Holaa, no manejo Bootstrap, pero quizá uno próximo con Tailwind:)
@@AlexCGDesign eso estaria bueno, no he visto nada de tailwind, amigo seria bueno que dejaras los recursos de imagenes y esas cosas de la carpeta assets , sobre todo lo de figma xD
gracias por compartir , esoty aprendiendo bastante
Hola amigo, quiero crear la pagina de mi emprendimiento, miro tu video y me supera en muchos aspectos, dado que no tengo mucho conocimiento en el área de programación o diseño. ¿qué me recomiendas para empezar? Muchas gracias.
Hola Rodolfo, empieza por este curso:)
💻 Curso HTML5 desde CERO [Curso COMPLETO]
ruclips.net/video/54Ky7OZ9Jmc/видео.html
Excelente tu forma de enseñar, estoy practicando contigo a la par, comenzaré a hacerlo diariamente para así adaptarme al html, css y JS, gracias!!
Muy buenas, no sé si vayas a responder este comentario pero igual quiero dejar mi inquietud.
Ando haciendo una página web y este tutorial me viene de maravilla, sin embargo llegado al minuto 1:13:14 ya no sé que hacer
A ver, me refiero a que el ".classList" no me lo lee como algún operador o función, sino como una variable.
Por tal motivo no puedo hacer que el slider funcione como es debido (que al clickear las flechas se revele otra información)
¿Alguna solución para esto?
PD: tengo el Visual Studio 1.69.2, según ví es la más actual pero aún así no me escribe la classList como tiene que ser.
hola! Alex.. ¿como puedo hacer que el menu desplegable se cierre cuando le doy click a una opcion del menu ?
me gusto mucho la página, me encanto.
Muchas gracias por el aporte amigo! estoy empezando en el desarrollo y es de gran ayuda este material!Abrazos
hola estoy siguiendo el tutorial pero al querer instalar el beautify dice que esta en desuso, con cual otro se puede reemplazar para continuar el tutorial?
Alex como siempre... Eres un tremendo maestro! Dios te bendiga
muy completo y pleno de detalles y trucos css. Gracias. asas
Muy interesante seguiré todos tus tutoriales. Gracias!!!!
Muchas gracias por el curso
Mano eres un CRACK Explicando.
Me acabo de suscribir, espero aprender mucho, próximo semestre me toca una materia clave en la universidad.
Como siempre un video super bueno de ver, me ha gustado todos los videos que haz hecho hasta ahora. de verdad eres todo un maquina en lo que es diseño web
Me gustó mucho la explicación.
wao fantastico seria un canal completo si sacas el curso de javascript :3
buen video , yo compre tu curso y ya lo termine aprendí mucho, tengo una duda aprovechando el video, porque no empezar a usar sass? crees que seria mas profesional y ordenado? o da igual y con css es suficiente? muchas gracias
Compraste el curso de CSS? Si es así ve a la sección final del curso de CSS y habrá un cupón para el curso de Sass:)
Excelente Alex...! Cómo siempre una joya, para poder saber un poco más de éste mundo web...Gracias
en el media max 600px el .footer__container no logro hacerlo responsive como le sale a ud. Las flechas desaparecen y el sobresaliente también.
Excelente trabajo broo
Una pregunta ¿Cuánto le cobras a un cliente por una pagina web?
porque cuando pego el código de normalize en css hay 9 errores en el código, que puedo hacer
Buenísimo, muchas gracias!
Cosas muy útiles me llevo de este video.
muy wen tutorial, toy entrampado en el .js , aun no le encuentro el error y el slider no funciona
saludos desde chile
Hola alex, en la parte del nav_link el margin-left:auto no me mueve la lista para la derecha, que puedo estar haciendo mal?
Excelente Video muchas Gracias Alex :D
Barbaro Alex estoy aprendiendo full gracias por compartir tus conocimientos
Que buen contenido.
🤩 buen tutorial!
Siempre la mejor calidad.
Y EL ARCHIVO DE FIGMA?
llegue tarde :c beautify ya esta en desuso
descárgalo igual, no tiene mantención pero se deja usar.
Agradecido me estoy suscribiendo hoy y fue conseguido por sugerencia youtube este canal esta increible
Que gran trabajo Alex, muy completo ¡¡ Muchas gracias por dar tanto ¡¡
¿Como es la funcionalidad de los botones. hacia donde se dirigen?
Al dar click no direcciona a ningun lado.
Alguien sabe como darle funcionalidad??
hola exelente pagina , muy buen video
explicas muy bien 😃
Gracias muy buen video, excelente
Para la suscripción a la newsletter no se hace con PHP? el único lenguaje que utilizas para la web es js, según entendí al principio? gracias por el trabajo.
Muy útil el video Alex, en buena hora!
Muy buenos videos amigos, estoy aprendiendo mucho
Dónde está el archivo .fig para Figma?
Disfruto mucho este tipo de videos, parece que no pero realmente se aprende un montón
se podria añadir una base de datos a esta pagina web, esque me lo piden para el proyecto de clase
Muy buen video, como siempre. Gracias por tomarte la molestia de hacerlo y de compartir tus conocimientos con nosotros.
Por cierto, cuando dices que le coloquemos un "alt" a las imágenes, ¿a qué te refieres?, porque no tengo ni idea.
el alt en las etiquetas sirve para que cuando en la web ingrese por ejemplo un ciego y este utilice el sistema de accesibilidad se le pueda leer una referencia de lo que se está mostrando. Así mismo tengo entendido que también sirve para los motores de búsqueda. Igual estoy arrancando en esto y puede que me equivoque.
@@unchinosolo9640 ¡Ah, caramba, entiendo! Gracias.