Como crear una página web con HTML, CSS y Javascript 👩‍💻

[@ProgramadorX]

📙 ¡Empieza GRATIS con mi ebook de HTML! 👉 bit.ly/htmlgratis

[@662mikeyfansdow3]

Hola programadorX soy disellañador web o algo así por que estoy estudiando javascript y domino el diseño de cascada o más bien dicho css a media pero mi pregunta es ¿por qué no usaste la abreviación de vs studio Code no es más rápido así?

[@LaKarito1]

Me gustaría que tu crees mi página web

[@andrespesantes3125]

¨esa es mi bodishh¨ Saludos desde Guayaquil. Que gusto y orgullo es ver un Ecuatoriano que nos brinde su conocimiento en el mundo de la programación.

[@ProgramadorX]

Gracias Andres! ❤️🇪🇨

[@geovannygomezruiz]

Yo me sumo ha eso, saludos mi compa ecuatoriano exitos

[@dd92954]

Lo mejor que puedes hacer si quieres crear una web es que hagas un boceto de como quieres que se vea, ya sea usando programas gráficos (balsamiq, pencil que son los mas básicos y simples), cuando tienes eso definido, junto con los colores y donde se ubicara cada elemento, depues es facil ir y hacer el diseño, ya que sabes de antemano que es lo que estas buscando.

[@diazokkan6942]

buen dato (y)

[@AKSLAJAKW]

Yo soy un niño de 12 años que mi sueño siempre fue ser programador de páginas web y la verdad tú lo explicas muy bien y me ayudaste a resolver dudas y s mejorar en el tema de programación muchas gracias !

[@rolandogomez6874]

Dios bendiga a este jovencito y lo lleve a un alto nivel de estudios académicos y profesional.

[@babcap]

Lo bueno es que nos das a entender que los Pros tambien cometen errores y eso es bueno, ya que vemos como resuelves esos errores, buen video🎉❤️

[@rolandogomez6874]

Saludos y felicitaciones. Dios lo bendiga mucho, gracias por sus magistrales explicaciones en cada uno de tus excelentes videos. Buena dinámica de aprendizage y de explicaciones... Saludos desde República Dominicana, SDO.

[@PCcristian]

Genial el ejemplo, entendido las tres tecnologías, como para entender que hace cada una.

[@rko_182]

Woo amigo en verdad tienes mucha pasión por tu trabajo, yo vengo de cero y me gustó tu manera de expresar

[@jfloresmacias]

Soy estudiante de la carrera xe comunicación social y realmente con esta modalidad virtual, me ha desgastado bastante porque no es lo mismo y andaba pensando en dejarlo por un semestre y ponerme a estudiar programación que me llama bastante la atención, aunque realmente me genera incertidumbre dejarlo por un tiempo, cada vez que veo uno de tus vídeos me convenzo más de que tengo que darme la oportunidad de estudiar desarrollo web. Saludos desde Perú.

[@Jesuss_2603]

Que honda bro al final estudiaste ?

[@josuedavidgonzalezpadilla4892]

@@Jesuss_2603 Tengo la misma duda😂👾

[@jonathanezequiasmartinez9206]

Te recomiendo UX/UI , seguro te guste cobran como los programadores

[@Jesuss_2603]

@@jonathanezequiasmartinez9206 en que consiste ?

[@jonathanezequiasmartinez9206]

@@Jesuss_2603 En diseño (interfaces) basado en la experiencia de los usuarios. Se gana bien y esta muy demandado es mas facil q programar al menos.

[@jhanbarraez8003]

Muchas gracias e visto tus videos y me an motivado.. soy de venezuela estudie ing. En software y trabaje 2 ańos con eso.. me vine a usa hace 6 ańos y al venirme no volvi a tocar ni utilizar nada de codigos.. actualmente mi trabajo no tiene q ver nada con computadoras pero me gustaria retormar refrescar conocimientos y practicarlos me siento perdido no se por donde ir pero quiero volver a trabajar con computadors ya que hay mucho campo laboral y me puede ir mejor saludos

[@edgarmartinez2046]

Soy de Argentina, estoy en soyhenry, pero los videos que suben a video para dar los primeros pasos son muy complicados, tu video en cambio es excelente. Gracias

[@iskanaa]

Simplemente un video genial, ya habia estudiado HTML y CSS, pero le habia perdido la practica, ahora que quiero estudiar JS estoy practicando otra vez y tus videos me motivan y me dan mas ganas de estudiar todos los dias. un fuerte abrazo desde Republica Dominicana hermano. Ps: Si sabes donde puedo hacer un curso completo de JS y que sea muy bueno no importa si en ingles o español, por favor dejame un comentario.

[@carolinach9114]

GRACIAS, estoy iniciando en este mundo tecnologico tabien soy musico y me encanta crear. estare haciendo muchas preguntas mi querido colega. gracias por tu esfuerzo te apoyo 100 por ciento

[@ProgramadorX]

Que bien Francy! 🎼 En un futuro voy a sacar algunos de vídeos relacionados con música y código. 🎹💻 Gracias por seguir este canal! 🙂🙌🏽

[@robertencalada]

😱 Eres de Ecuador?... paisano que orgullo ver tanto talento... me alegro haberme suscrito

[@matiasvizcarra1573]

Hola, soy principiante desarrollando web, pero hay varias cosas que no investigaste antes de hacer este video. Muy buen contenido de todas formas! un abrazo grande desde Argentina

[@mayralozanoeugenio8506]

Muy buena explicación, me ayudo a entender como conectarlo a una página ( no se nada de programación)

[@bryyang]

Podrías dar nociones para de como empezar el portafolio?

[@ProgramadorX]

Claro que si. En las próximas semanas voy a entrar más en detalle con videos de como crear tu portafolio. Mientras tanto puedes ver el mío en xaviro.com. Saludos!

[@RubenDarioTrianaV]

Excelente! apenas estoy empezando en este mundo y es de agradecer que arrojes luz de forma sencilla en la integración de HTLM, CSS y JS. Gracias!!!

[@ProgramadorX]

No hay de qué, Ruben! 👍 Gracias por seguirme y ver mis videos! 🙌 💻

[@devTorito]

Genial, Aprendí muchas cosas que no sabia, Dios lo bendiga y que sigas enseñando, eres el mejor

[@bosqueli]

Muchas gracias por hacer este video y también gracias a la comunidad que comparte sus conocimientos en los comentarios ☺

[@alejandrodiazmedellin898]

por fin le veo un enfoque diferente a JS con el uso del dom, siempre lo veía útil para hacer una que otra función para hacer operaciones o condicionales

[@johnnmendez2093]

Muy buen canal, tengo 19 años y me esta llamado la atención el desarrollo web, apenas estoy aprendiendo html y css3 por mi cuenta, estaré siguiendo todos tus videos, tienes mucho futuro en KZbin por tu buen contenido

[@ProgramadorX]

Gracias Jonatan! 👍 Me hubiera encantado empezar a tu edad. Tienes grandes opertunidades por delante también! 😉

[@jesusHernandez-jp1gf]

A que edad empezaste crack?

[@pazispeace]

@@jesusHernandez-jp1gf empezó a los 27

[@migueldev6089]

Aquí es donde todos comenzamos y no es fácil pero, imagínate si no pasamos por esto, no podremos desarrollar nada más avanzado. Las bases son importantes y no hay que saltarlas

[@davidramirez9727]

La verdad que es sorprendente lo que hay detrás de una página web,me encantan tus videos y siempre aprendo algo nuevo. Saludos cordiales desarrollador

[@osma301]

Este bro es el mejor haciendo contenidos de programación

[@asumumifumurubenndong2464]

Que facil !!!!! si todos profesores fuesen como Ud si la programacion se ve muy facil de aprender buenas explicaciones gracias de verdad!!!!

[@ProgramadorX]

Con mucho gusto, Asumu! 💯🙂

[@ViejoVicho]

Tengo una pequeña empresa, dedicada a la ingeniería hidrosanitaria. Y voy a hacer mi propia página web. En eso, usaré los poderes.

[@milemaria1]

excelente explica super bien muchas gracias

[@carlosportillo4258]

Gracias, muchas gracias de verdad, hace tiempo te sigo y te admiro tanto que me motivaste a cambiar de vida, te mando un abrazo desde Argentina!

[@ProgramadorX]

No hay de que Carlos! 🙂🙌🏽 Saludos! 🇦🇷

[@cuervorinaldi1]

Like por la honestidad con la que explicás el video.

[@adanvera3996]

genial la forma de explicar, tus videos me motivan a seguir estudiando sobre el desarrollo web, el video (de cajero a ingeniero de software, fue el que dio el incapie para yo seguir estudiando, saludos desde paraguay

[@SimpleLingua]

Excelentes vídeos . Soy profesor pero me interesa el mundo de la programación seguiré viendo tus vídeos.

[@angelgonzalezsuarez3644]

Muchas gracias amigo me alludaste demaciado para poder hacer mi proyecto

[@lo_fim]

Gracias a escucharte explicar la programacion me motivaste a ponerme a estudiar, muy buenos tutoriales, gracias

[@YleexVJ]

Genial tu video, me podrías orientar en como buscar un trabajo para un desarrollador junior? domino HTML, CSS, un poco de PHP y estoy aprendiendo JS

[@lucaspaez5427]

Muy bien explicado, segui asi xavier q tu contenido es muy bueno Saludos desde argentina

[@ProgramadorX]

Que gusto que mi contenido te agrade LÜKÎPÜKÎ! 🙌🏽 Saludos desde Seattle! 👍🏽

[@mathewestebanbaquerorivade5664]

gracias por todas esas pautas, saludos desde ecuador!!

[@oscarfiblas2096]

Se ve interesante. Estoy tratando de seguir tu video, pienso que avanzas muy rápido, si hace 4 años no haces esto, pues entonces antes aconsejo preparar el video-tutorial y después nos ponemos hacer uno.

[@maximilianosalibe1710]

Hola! Me entusiasman mucho tus vídeos! Cuando tenga algo de tiempo voy a sentarme a desarrollar de a poco. Saludos desde la Argentina.

[@N1colass_dev]

ProgramadorX podes hacer un vídeo de como crear una aplicación por favor ya que vos sabes y tenes mucha experiencia por favor!!!

[@Dalcor117]

algo que me pasó es que iba comentando las cosas que hacía dentro de pero el código dejaba de funcionar, entonces recordé que esa parte estaba escrita en css y ahí los comentarios se escriben de forma diferente a HTML /* Esto es un comentario en CSS*/

[@ProgramadorX]

Exacto! 👍🏽

[@DanielHernandez-jn8lz]

Esa sensación de acordarse de eso después de enojarse con la vida, sentirse el peor y casi cambiar todo el código... XD I know that feel bro jajaja

[@ashleydanielabuenointriago2240]

Admiro tus vídeos, fiel fan a tí!!!

[@agostinapuig1574]

gran video!! Especialmente porque se muestra como resolvés lo que no sabes, gran herramienta Gracias y mucha suerte con el canal

[@luisafernandaramirezc7261]

Hola Programador X, una pregunta, al inicio del código HTML ¿no debe ir antes el DOCTYPE html y luego empezar con lo que colocaste como cuerpo? Gracias, Tus videos son muy buenos...

[@yorkspalomino2244]

Es html 5

[@matiasvizcarra1573]

Ni si quiera mencionó que son funcionalidades del Emmet, dijo que el VSCode lo detecta, y si quieren escuchar algo relevante, hay editores grátis como Vim, que te reflejan resultados muy profesionales, no es todo pague y pague en la vida, y jamás se tiene que dejar de aprender, aunque sea lo más mínimo

[@easytutorials8442]

Muy buen video, Enseñas todo de una manera tan compeja que se hace muy facil de entender, Nos explicas que las personas avanzadas en el desarrollo web tambien cometen errorres, Saludos

[@luisalberto1118]

Gracias excelente explicación tu humildad enseña 🙏🙏🙏👍👍👍

[@cristianalvarado9616]

en el minuto 17:15 mueves el script hacia el final del HTML, como saber cual es el orden o la jerarquía de esos movimientos, tu dices que el código se va cargando de abajo para arriba, pero como saber el orden?.

[@devTorito]

Sin ver el video y ya le di like, espero no terminar defraudado Saludos desde Colombia

[@scl_podcast]

Muchas gracias! Me ayudo mucho!!

[@MoRbiUz666]

Que SO recomiendas para programar? y cual usas tu?

[@carlosblens7339]

Gracias!!!! :") haz más contenido así por favor. Muy buena explicación. Saludos desde Bolivia 🇧🇴, recién empiezo en este mundo y tu canal me esta ayudando mucho a mejorar. ♥ 🔥

[@eldino7953]

Carlos también soy de 🇧🇴 escribíme al instagram también soy programador

[@lautarosimoncini1230]

Quiero empezar a programar YA MISMO! Me encantó el video. Puedes pasarnos el link de una web que te haya llevado a tí varios meses? Para ver el nivel de un desarrollo de ese tipo

[@qregato]

Hola esta muy buena la información!! gracias!! Cuidado con los ruidos del microfono y el brillo de leds en tus lentes. Saludos y muy buen canal.

[@marceloa7029]

Muy bueno, orientas mucho a varias personas, por favor sigue adelante!!!

[@angelopomagabriel1467]

ya quiero hacer mi primera página web

[@allanenrique8047]

Eres un crack, no había encontrado un video como el tuyo, me animo más a ser desarrollador web😎 Crecerás rápido en KZbin😎

[@LucecitaRey]

y====??? jaja

[@jjcg2005]

Genial esa parte de hacer más dinamico el codigo con funciones e interactuando directamente con el DOM

[@LuisFlores-cu1qm]

Hola buenas, noches cómo estás ? Saludos desde Seattle, gracias por tu tiempo, después de este saludo, paso a lo siguiente , me podrías decir que computadora puedo comprar, para usar por favor gracias .

[@roger4518]

Gracias Xavier. un venezolano en Argentina!!!

[@ProgramadorX]

No hay de que, Roger! 🇻🇪🇦🇷🙌🏽

[@embusteroso]

Muy buen video, espero ver muchos más, tienes mucho carisma y buena actitud. Se entiende todo perfecto

[@MarcoFerrazzo]

Gracias Xavier! Muy buen video, sirve de introductorio a los que estamos aprendiendo sobre estos lenguajes de programación en este lenguaje. Curiosamente, hace tiempo hice un par de templates para mercadolibre, antes de que renovaran a su aspecto actual, y los hice con el aspecto de una tienda virtual, con su encabezado y "botones" (No eran más que imágenes). Aunque ya puedan estar desactualizados, ya con eso tendría una idea de lo que puedo hacer, es decir, hacer de esos templates un sitio web funcional y agregarle muchas más cosas según lo que haya y vaya aprendiendo. Saludos y Like!

[@ProgramadorX]

Que interesante, Marco! Estoy seguro que hacer ese template de mercado libre es una buena experiencia para empezar a hacer proyectos más complejos utilizando HTML, CSS y Javascript. 👍🏽 Me alegra que me acompañes en mis videos. Saludos! 🙌🏽

[@britanyalamillaperez334]

QUE BUEN VIDEOOOOOOO, te voto 4ssss

[@carlosabad9183]

buenaso el video gracias.

[@_richard_7560]

no entiendo a lo que te referis en la primera parte de h1 para el titulo cuando decis grabamos donde tengo que tocar

[@elnegroweb6398]

es todo un mundo yo estoy aprendieno recien responsive desig y subirlo a github javascript es el siguiente paso

[@norbertostagnaro7422]

Por fin te veo sentado en la compu.. muy buen video..

[@ProgramadorX]

😁👍🏽

[@FLCmountain]

hola, como grabas para que se vea en la pagina de google chrome? que apretas como para ir actualizando la pagina?

[@gilbert876]

Gracias por tu tiempo y conocimiento.

[@miguel-yw9uf]

Me gustó mucho.saludos

[@NevaehVarney]

Live server era el plugin que buscaba , gracias 👍👍

[@ProgramadorX]

De nada, Navaeh!

[@Gonza.R19]

Muy buen video! Me diste curiosidad de ver tus proyectos al día de hoy , gracias por tu trabajo en este canal!!

[@matias3797]

es buena práctica escribir código CSS en html? yo escribo siempre en CSS cosas que quiero darle estilos es más entendible para mi y más prolijo

[@getseneko7004]

De preferencia tener todo aparte, pero como esto fue una parte introductoria se entiende. Por ejemplo no es buena practica tampoco escribir JavaScript dentro del HTMl o escribir CSS dentro del JavaScript, pero hay casos donde se requiere, pero deben ser tratadas a futuro. Ahora tambien puedes escribir tus propios estilos css y llamarlas mediante codigo classList.add('container'); por ejemplo.

[@matias3797]

Muchas gracias bro muy buena esa información gracias

[@julioandressandovalfraga9543]

eres el mejor mi vector

[@musicianalbertful]

Excelente tu aporte de conocimientos, explicado muy claro y directo. Gracias por tu tiempo y esperamos mas videos de paginas web.

[@tomasherrera985]

gracias a tus consejos aprendí en menos de lo que espabila un mosquito.

[@martinasismunoz8386]

Hola, me gustaría hacerte una pregunta que me está volviendo loco... Tengo visual studio code en mac, y no me aparece la opción de cambiar nombre cuando hago segundo click en un archivo de vsc... además, cuando creo un archivo nuevo en vsc, se nombra por defecto "untitled"... es una tontería pero no entiendo porque no me aparece la opción, ya lo he desinstalado y vuelto a instalar

[@misael1]

Excelente explicación. Me ayudó mucho, me despejó algunas dudas que tenía. Graaaaciaaas. 👍😁☺

[@cfi708]

Que significado que

[@borislopez1342]

Amigo buenas noches, dónde puedo descargar esas herramientas para ir trabajando apenas inicie a estudiar desarrollo de sotfwere gracias.

[@xezarperez6078]

Mi pregunta es si estos diseños web, temas, tambien se pueden aplicar, a los blog, de la plataforma Blogger, de Google.??

[@diegoperez6975]

tqm explicas muy bn gracias

[@fernandaescalona4145]

disculpa si no me aparece abrir con live server tengo que instalar alguna otra app?

[@19arossell0p7]

Una pregunta, al principio, cuando pongo el título "Bienvenido!", en mi página no se muestra el texto, y si recargo la página me dice esto: Live Reload is not possible without body or head tag. Que más o menos sé lo que significa pero no sé como solucionarlo 😅 Podrías ayudarme?

[@lauracardenas2581]

Debe ser que no tienes las etiquetas Bienvenido

[@anthonytechrubio7605]

No es hate *** Tal ve sea mi celular o no pero te escucho muy bajo cuesta un poco poder esucharte.. Pero despues todo esta pero full está buenísimo el contenido que subes yo tengo aún 15 años y llevo 4 meses con Python y la verdad ya me enamoré de ese lenguaje y también por 2 meses estuve con html css y javascript y php y todo bien no es muy fácil que digamos pero con perseverancia se logra

[@almusic5869]

Es necesario tener un portafolio para poner las imágenes?

[@monicadale3481]

Gracias por tu contenido es muy bueno! seria interesante verte enseñar Salesforce también, ese CRM esta teniendo una demanda desquiciada en el mercado. Saludos!

[@Funnytengame]

Hubiera sido conveniente que creas otro archivo con la extension .css y en el HTML lo conectes asi seria menos confuso, saludos desde Ecuador

[@algotopico]

Hice curso un curso de conceptos basico de programación secuenciales, condicionales, lotes, cadenas, variables, vectores, ciclos for, ciclo while, struct, etc... entendi todos los conceptos y como funcionan, pero todo lo vi con diagramas nada de codigo, ahora no se por donde cuntinuar, por ahora quisiera aprender programacion web y aplicaciones web. ¿alquien que me de de algun consejo por donde continuar?

[@youseelivechanneltv]

Exelente...

[@millerkalednarinoibarra3196]

Excelente video explicas muy bien gracias hermano💯💢👍

[@danielomarzanandrea8723]

Hola Xavier como va? Estaria bueno un video de cómo se vincula lo web con Salesforce hay demanda laboral. Saludos desde Argentina.

[@basuca_externa7988]

que botón o función, usas para grabar, o cuando dices grabamos, a mi no me sale tengo que presionar server....?

[@ProgramadorX]

Grabar como en cualquier programa. 🙂 Ctrl + S

[@поджолес]

Hola, ¿se puede comenzar a practicar en un windows? creo que no es nada popular pero es sólo para comenzar a aprender.

[@danielsorto1736]

Muy bueno,estaría bueno que dividas por secciones los vídeos

[@ProgramadorX]

Muchas gracias Daniel! Muy buena sugerencia! 💯 Acabo de añadir secciones al timeline de este video para que sea más fácil ver las secciones. Estoy haciendo una variedad de videos largos y cortos y así voy a poder ver cuales funcionan mejor en cuestion de SEO pero voy a empezar a poner divisiones en el timeline de todos lo videos que vienen. 🙂 Saludos!

[@DeveloperWolff79]

muy bueno el video

[@Eggsec]

Gracias por la information. Haces portfolio reviews?

[@Ryuichi5004]

Hola Xavi la sintaxis no es correcta según me han dicho antes de la etiqueta se debe poner después de esto vienen las demás etiquetas. Se que una página web sencilla pero desde el principio hay que tener buenas prácticas, para acostumbrarse a ellas.

[@ProgramadorX]

Hola Enrique. Muy de acuerdo contigo. Creo que adicional a las buenas prácticas es importante indicar el por que de esas buenas prácticas porque las buenas prácticas pueden cambiar con el avance de la tecnología. En este caso si no pones doctype, la página funciona bien en todos los navegadores pero en quircks mode pero al ponerla funciona en standard mode, esto en pocas palabras ayuda con la compatibilidad de tu página en navegadores antiguos. En mis cursos muestro todas estas buenas prácticas y voy más allá en detalles que no es posible hacerlo en un video de KZbin. Este fue simplemente uno de mis primeros videos que publique hace un año y como ves en el video, es enfocado en mostrar uso general de etiquetas, estilos, e interacción. Hay muchos aspectos más que este video no contiene como minificacion, publicación, formateo, linting, accesibilidad, SEO, etc. Es un ejemplo con fines didácticos y no buscaba algo perfecto.

[@Ryuichi5004]

@@ProgramadorXeso supuse he visto algunos otros vídeos y son muy instructivos.

[@develop-TC]

exlente

[@josuweb7]

No hace falta php y mysql? para crear una página web, por lo menos para un Ecommerce

[@ratinize]

segui las instrucciones pero no se si es mi pc del año 95 o soy yo.....descargue el programa me salio en español se abrio la ventana del explorador y empeze a agregar texto e imagenes y nadaa la ventana se sigue viendo en blanco ayuda!!!..no me muestra nada!!.......