Aprende Programación Web DESDE CERO (de verdad)
HTML-код
- Опубликовано: 6 июл 2024
- ¿Querés aprender programación web desde cero? Este curso es para vos.
En este curso vas a aprender que es el desarrollo web o programacion web, para que sirve, y como funciona. También vas a ver las principales diferencias entre un programador front-end y un programador back-end. El eje del curso va a ser crear tu primera pagina web desde cero utilizando HTML y CSS.
Link del Editor De Código: code.visualstudio.com/docs/?d...
Link del Proyecto: docs.google.com/document/d/1O...
🌟 PODÉS ENCONTRARME EN:
Instagram: / otromasdesistemas
Grupo de estudio Discord: / discord
👥 EN EL CANAL ENCONTRARÁS CONTENIDO RELACIONADO CON:
-Programación.
-Productividad.
(y algunos otro subtemas, pero estos serán los pilares)
TABLA DE CONTENIDO:
00:00 INTRO
00:55 ¿Que es el Desarrollo Web?
--- HTML ---
05:58 Intro a HTML
32:30 Estructura basica HTML
51:52 Encabezados
54:39 Parrafos
1:00:52 Anidamiento y Sangria
1:03:23 Listas (ol / ul)
1:11:04 Links e Imagenes
1:32:20 Proyecto HTML
--- CSS---
2:12:13 Intro a CSS y Sintaxis Basica
2:24:56 ¿Que es un DIV?
2:29:49 Selectores
2:53:37 Color y Background Color
2:57:24 Fuentes y sus Propiedades
3:03:47 Alinear Texto
3:08:30 Regla de la Cascada(especificidad)
3:16:31 Intro a Modelo de Cajas
3:34:40 Box Model y Propiedades
3:41:46 DISPLAY BLOCK/INLINE
3:47:56 Proyecto CSS Final
4:16:19 Cierre del Curso :D
Music by: CreatorMix.com
tags(ignorar)
#aprenderaprogramar #programacion #desarrolloweb
👉Tené en cuenta que quise asegurarme de ser lo mas didáctico posible, y que parezca una especie de charla de compañero a compañero, ya que recordá que yo aún sigo aprendiendo también!
Seguime en Instagram Rey: instagram.com/otromasdesistemas/
Pregunta yo ya estoy avanzado con java script tengo que aprender html y css también?
Todos estamos apremdiendo. Agrade q no te toco un server de video juegos para empezar a aprender y que acabaces entre una mezcla de editar arquitectura cliente servidor entre back y front end antes de comenzar a apremder a programar o q te toque ir a una clase basica de algoritmia en ciencias de la computacion cuando ya sabes programacion nivel doctorado. Sabes el liazo que es saber mas de lo q podes crear. La programacion es tan extensa. Vos al menos haces sistemas que es una sola, yo lic cs comp, ing en comp e ing en sistema, pero comence por arquitectura cl-ss y peor aun de videogame. Estaba pasando verguenza en una clase de punteros en c dentro de un ciclo o bucle q la idea es q no dice un error rn el volcado de la memoria, asi puse mi ejemplo en la explicacion de un ciclo, tecnicamente se me reto por saber de post grado y se le reprobo por crear mis librerias q el profe decia q no existia eso. A lo q voy es q tus errores son simples los mios complejos y los tuyos saben tener mas piedad todos al tratarte ya q la confusion se puede dar al apremder, no la vas pasar mal. La pasa mal el q excede de saber.
Cuando sea grande quiero ser como vos.
😂
Pero dager ya sos grande 🤨
No necesitas ser grande, puedes empezar ahora
😅😅😅
Toma nota dager jaja cracks
Y que expliques cada palabra en inglés ayuda muchísimo hiciste un 2x1, programación e inglés!😯😜👏👏
Esto es arte, no te das una idea (quizás si) de lo que estás haciendo por la comunidad y por los que recién comienzan o quieren comenzar. Importantísimo el tema de no copiar ciegamente lo que hace alguien más en un video explicando como armar páginas paso a paso y fomentar el desarrollo de las mismas sin ayuda. Termo, mate y silencio, que empezó mi novela 🚬
Muchas gracias por la buena onda rey, lo re valoro. Me pone muy contento que el vídeo les sea de ayuda! Te mando un saludo! 💪💪
Gracias! Este año comienzo la carrera de Analista universitario en sistemas en la UNC, pero llevo bastante tiempo estudiando programación solo y es realmente complicado ordenarse y estructurar el aprendizaje. Este tipo de videos nos ayudan mucho, pero el tuyo es uno de los mejores que vi sobre el tema, no por el contenido en sí que en general es "igual" siempre, si no por tu didáctica, se sintió como sentarse a estudiar con un compañero de clases
Muchísimas gracias por tomarte el laburo de ENSEÑAR que no es lo mismo que tirar tutoriales para copiar y pegar, los videos son súper llevaderos y tenes una buena didáctica para explicar.
Al contrario, gracias a vos por la buena onda! Me pone muy contento que el video le sea de utilidad a mas personas! Te mando un abrazo! 💪❤️
Hola, como estudiante de programación de 15 años, quiero agradecerte por el video; siempre es genial profundizar más en el tema en mis tiempos libres.
Al contrario rey, gracias a vos por el apoyo! Me alegra que los videos te sean de ayuda! Te mando un abrazo, y éxitos en tus estudios!! 💪❤️
Vrg,yo vine por un tiktok y termine en un video de 4 horas solo porque me relaja tu voz
Listo HTML, CSS pal currículum jeje
noooo, está prohíbido jajajaj
Felicitaciones Eze!!! Magnifica producción. Este video va a servir muchísimo para toda la comunidad que empieza. Se nota que te encanta explicar y lo haces de corazón. Saludos. P/D: hermoso ver como sigue creciendo el canal.
Muchas gracias por el constante apoyo Lore! Ojala que les sirva a muchos para dar sus primeros pasos. Te mando un saludo! 🙌🙌
Dios te bendiga grandemente, por compartir tu conocimiento de manera tan simple y comprensible a la vez. No sabes cuan agradecido estoy por este tipo de contenido, grande Bro!
Muy buenos tutoriales, voy a meterme de lleno a todos tus videos, de momento no cuento con el dinero para entrar a bootcamps (aunque me encantaría, aún no puedo), pero por lo pronto quiero empezar a entender las definiciones y algunos ejemplos de todo esto, para que cuando tenga el dinero disponible, entrar a un buen bootcamp.
gracias por el cursito, lo vi todo saludosss a practicar.
Este tipo es muy bueno.. la verdad si con esta manera de explicar, no entiendes… esto no es para ti.. que crack este profe!!
Muchisimas gracias por la buena onda Andres, lo re valoro. Igualmente no es tan así, cada creador de contenido explica tal vez de una forma diferente, y va a depender de el que lo vea si le sirve o no, no existe el mejor curso, depende de cada uno! Te mando un saludo hno! 💪💪
Eres un Crack, mi pana. De todos los que he visto, eres el mejor. Sencillo, con lenguaje coloquial y ganas de enseñar de verdad, sin complejos ni bla bla Blas. Excelente!
💪❤️
gracias por el video aprendí mas, de tu persona que de mis maestros.
¡¡Genio!!! Te banco en todas y te feclito por el curso. Segui asi genio!!
Gracias por el aguante hno!! 💪❤
Gracias Bro por la orientación . haré mis primeros pasos en la programación saludos desde Colombia Colombia 🇨🇴
Buen video, me encanta que siempre intentass recalcar la importancia de que aprendamos a hacerlo y entenderlo más que copiar y pegar.
Hola, saludos gigantes!! Fue un placer ver estás 4 horas, me gusta la manera directa y coloquial de explicar sin tanto tecnisismo, súper recomendado para iniciar, espero encontrar uno de JavaScript con la misma sintonía...
Muchas gracias por el apoyo Juan, lo re valoro! Me alegra que el video te haya sido de utilidad! La semana que viene sale el curso completo de JavaScript! 💪
Me vino de diez lo de modelos de cajas, ya que me estaba pegando unos mambos yo solo jaja. Excelente todo el curso, super Agradecido !!!
Gracias por el aguante Nico, me pone muy contento que el video te sea de utilidad! Éxitos en tus estudios!
Hola hola! Buen tutorial! Todo esto es como el Word, nada más que en ves de apretar un botón para poner en negrita, cursiva, listas enumeradas, tenes que invocar ese botón, tenes que invocar la etiqueta para cada acción. Es prácticamente todo lo mismo, es como el Word en modo difícil 😅.
Exactamente, muy buena analogía Enrique, no se me habría ocurrido nunca jajaj. Muchas gracias por el apoyo, me alegro que te haya sido de utilidad! Te mando un abrazo! 💪❤️
Mi corazon reclama un capitulo 2 con Javascript
Same 🙂
tus deseos son ordenes rey
Oye bro ya está agarrando forma y cada q veo más se me ocurren más cosas como en la lista probar con un para resaltar una palabra en la lista igual con la y así va quedando
Hace mas cursos porfavor que a vos es al que mas le entiendo
Pronto sale el de javascript!!
Para los que están aprendiendo de 0 en la página de la MDN hay cursos interactivos usando la documentación oficial
Explicas súper bien, éxito un video para aprender más donde colocar bien los div y más sobre que clases heredar🎦❤️
Gracias por la buena onda bro, me alegra que el video te sea de utilidad! 💪💪
vas a llegar lejos mi hermano seguro!! segui asi👍👍
Gracias Ger! Éxitos en todo lo que te propongas! 💪💪
Aplaudo tu iniciativa, buen trabajo!
Gracias por el apoyo hno!
uff mi hermano que explicación BRUTAL.... aún no he terminado de ver todo el vídeo pero hasta donde lo he visto lo he entendido por completo tu explicas de manera eficaz todo bien masticadito y las formas de atajo en el teclado q yo aún no sabía y todo paso a paso hey mil gracias por este video ya tienes un nuevo seguidor espero ver muchos más videos de esta forma de explicar eres el mejor 👍🏻👍🏻👍🏻👍🏻
Muchas gracias por el apoyo hno, me pone muy contento que el video te haya sido de utilidad! Te mando un abrazo, y éxitos en tus estudios! 💪💪
Maestro muchas gracias por tan maravilloso curso no me lo he visto completo de momento pero se ve muy interesante gracias por el tiempo y la dedicación que nos da a toda la comunidad que poco conoce estos temas yo los conozco pero a la hora de hacer algo real es donde me frustró, gracias y mil gracias 👏👏💪🤙👍🙏🇨🇴🤛
Gracias a vos por el apoyo Jimmy, te mando un saludo, y éxitos en esos estudios! 💪
Grcs por compartir tu sabiduría mi rey 😊🤩
a vos por el apoyo mi estimado! 🗿🚬
Bro muy buen aporte.......Te sigo desde el comienzo de tu canal y al principio hablabas de que no vieramos videos tan largo, que eso eran un estancamiento, etc y ahora vienes a hacer un video de 4 horas.....No es criticando ni nada se te agradece el aporte pero los creadores de contenido y nosotros que podemos ayudar a los demas aportamos de una manera que consideramos bien. No importa si el video dura 30 minutos O 30 horas.
Primero que nada muchas gracias por el apoyo, lo re valoro ❤
Por otro lado, entiendo lo que me decís, pero en mi opinión(puedo estar errado jajaj), en el vídeo que mencionás, en la conclusión final, digo que los cursos son excelentes y sirven un montón, solo que hay que tener una relación sana con los mismos, y tratar de priorizar la práctica, que básicamente es lo que digo al comienzo, a la mitad, y en el final del vídeo! Además, el curso está orientado a que hagas el proyecto por tu cuenta. Por ende no lo veo tan así como decís. Te mando un saludo, y éxitos en tus estudios! 💪❤
una locura la idea del video y la ejecución
esto va a explotar de views!
grande De Paul!
jajaj muchas gracias por el apoyo Agustin! 💪❤️
Gracias! ❣Estoy comenzando a estudiar esto ahora, y creo que este video será de mucha utilidad! 😃
A vos por el apoyo Valentina! Éxitos en tus estudios!
Gracias por enseñarnos con mucha paciencia , excelente tutorial.
A vos por el apoyo Jose, lo re valoro! Éxitos en tus estudios! 💪
🎉 Grande Crack, se valora mucho el contenido sigue así!
Gracias!! 💪❤️
aun no programaste, igual esta buenísimo el video! saludos!
Grande profe, se le manda un fuerte abrazo
Muchas gracias Mariano, se agradece el apoyo, igual de profe no tengo nada jajajaj
Tome su like buen hombre.
Muy buen curso ,partiendo de las bases a cosas más avanzadas de lo que es la estructura y diseño , en resumidas partes es lo indicado y necesario para hacer un website ..otra cosa me gusta la forma en la que explicas , se nota que pones mucho empeño bro❤
Gracias rey, lo re valoro! 💪❤️
Gracias por este curso Ezequiel. Aprendí muchas cosas y aclaré otras. Estaré al tanto de tu contenido de ahora en adelante! saludo.
Al contrario, gracias a vos por el apoyo! Me alegra que el video te haya sido de utilidad! Pronto vienen cursos mas avanzados!
Genial estaré atento entonces a la 🔔
Siempre es bueno reforzar los conocimientos adquiridos al principio, me sirvió bastante para pegar una repasada de las cosas básicas de HTML y CSS. Muy didáctico tu video! Cuando subirás uno de Javascript?
Muchas gracias Octavio! Ya esta en marcha el curso de javascript, pronto habrá novedades! 💪💪
Grande Eze se agradece 👌
A vos por el aguante Gabriel! 💪💪
Muy buena explicación 👍👍👍
Gracias rey!! ❤️❤️
Iba a escribir un comentario de 1000 renglones pero lo resumo. Sos el 1
Se agradece la buena onda, me alegra que el vídeo te sea de utilidad! Te mando un saludo, y éxitos en tus estudios! 🙌🙌
Los paréntesis se usan para definir una función, se parece mas lo de css a los lenguajes imperativos donde resolves problemas o llamas una función mas yo diria q usas la primer parte como puntero y luego como definis el formato.
No voy a ver el video porque no se ajusta a mi necesidad, pero desde minuto 0 va recomendado a mi esposa! gracias crack
A vos por el apoyo rey! Éxitos a su esposa en sus estudios! 🙌🙌
Gracias gracias!!!
A vos por el apoyo!
Está información vale millones ❤
💪❤️
Una pregunta kapo, en vez de usar div por que no usaste header?
Muy bien explicado
Gracias!!
Sabes qué curso deberías hacer lógica de programación, clean code patrones de diseño son muy pocos los cursos sobre esos temas y qué son las base para dominar cualquier lenguaje
Un genio!!! La verdad q aprendí más q con mi promotor en unas hs!!!🎉graciaaaas ❤
Muchas gracias por el apoyo Tamara, lo re aprecio! Me pone muy contento que los videos te sean de utilidad, te mando un abrazo!
Sos un genio rey
Muchas gracias por el apoyo Valen! 🙌🙌
Te amo ❤ gracias
yomas ❤️
Este video me hubiese venido re bien cuando estaba aprendiendo html y css, hay que empezar de a poco porque son muchos conceptos. El video que hiciste de lógica y principios básicos de la programación, tambíen me hubiese venido re bien. Yo me metí a estudiar sistemas sin saber un porongo de nada y me costó bastante entender los principios y lógica básica, no consumía videos , no relacionaba nada y no le daba mucha bola. Este año me puse las pilas pero bueno, lamentablemente perdí como un año de pelotudeo donde pude haber aprendido más y meter mas materias en la facu.
Así ando también, voy en 3er semestre y el año anterior me la pasé jugando Fortnite sin darle importancia a lo que me quiero dedicar en la vida, este año 2024 voy con todo para aprender a tope programación en C# y .NET
Pero nunca es tarde para aprender, no hay que desanimarnos y sentir que "pudimos haber aprendido más si..." , solo enfocarnos en el ahora y seguir dandole, un saludo.
Rico video para repasar conocimientos, gracias mi lord. 🧐🍷
Al contrario rey, gracias a vos por el apoyo! 💪❤️
deberias de hacer un directo algun dia revisando portafolios web :D
Estoy preparando algo así, pronto habrá noticias! 💪💪
@@otromasdesistemas genial bro, estare atento para mandar el mio
Hola qué tal?
Estoy viendo tu vídeo desde cero y tengo una duda, cuando creo la carpeta nueva, después entro a la misma y cuando género otra nueva y le pongo el nombre ( index.html ) y arrastro avisual studio el nombre de la carpeta me figura ( index.html.txt ) cómo hago para borrar txt ya que al momento de poner el nombre no me sale para borrar ?
Buenardooo
💪❤
sos un crack. Pero déjame reírme de los los contenedores de galletitas :'), creo que la palabra Tuppers hubiese encajado a la perfección!!
jajajaj la verdad que si, gracias por el apoyo Nico! 💪
Muchas gracias amigo por hacer este tipo de videos de verdad ayudan muchísimo
Estoy estudiando para ser ingeniero de software y quería aprender desarrollo web saludos desde Uruguay
PD: Me gustaría que hagas un curso de Python sería bueno por tu forma de explicar que lo hace más sencillo de entender
Al contrario, gracias a vos por el apoyo, lo re valoro! Voy a tener en cuenta tu petición para futuros cursos! Te mando un saludo y éxitos en esos estudios! 💪
Estaria bueno que hagas algo mas junior, tipo una calculadora como la que hiciste en el curso de top
Sisi tranqui, así será, nada más que voy arrancando de 0, y ahí en adelante.
Buen video, el próximo paso podrías hacer una App Web, que pueden ser más funcionales y complejas que las estaticas. Saludos 👋
Sisi, así será, quería arrancar desde 0, y de ahí en adelante! Saludos y gracias por el aguante, lo re valoro! 💪
holaa una duda, no se guarda como pagina web al momento de hacer los pasos me sale como .txt y no se cambia a .html al momento de modificar el texto si alguien me puede ayudar por favor!!
Hola Eze, quiero saber cuál es tu opinión sobre trabajar como programador pero solo como freelance
Hola Rafa! Realmente no tengo una opinión formada al respecto ya que de momento sigo estudiando, aun así, te voy a dejar un video de un amigo que es programador senior, y estuvo un tiempo laburando freelance y cuenta su experiencia, probablemente te sea de mayor ayuda su video, que una opinión mia en algo que no tengo experiencia!
ruclips.net/video/oSr0MD6TsCY/видео.htmlsi=6SoQai8--tLFL7J6
Excelente video compa, consulta, podras hacer un video sobre los mejores cursos para otro tipo de lenguajes? por ejemplo, c++? orientado a videojuegos y ese tipo de proyectos? muchas gracias!!!!
Hola Fabricio! Tengo pensado mas adelante sacar un curso de c++ ya que lo estoy viendo en la facultad. Respecto a videojuegos, no, ya que no va en relación con lo que estoy estudiando, la idea de todo esto es mostrarles que es posible conseguir trabajo como desarrollador web, mostrarles mi camino, y en lo que pueda darles una mano.
@@otromasdesistemas igual me re sirve, aguardo ese curso bro,éxitos y saludos.
Te felicito, enseñas desde 0, hermano si puedes haz uno de python y Javascript por favor
Muchas gracias por el apoyo hno! Esta en pendiente uno de javascript, pronto sale! 💪
Excellent mi hermano, y nuevamente felicidades como explica se ve facil 😂 gracias por tus videos
Buenísimo!!!
capo
gracias reyy
Recomendacion: edita el video por q el q aprende se confunde. Solo ponele las aclaraciones x escrito. Yo por ejemplo veo utiliza el video para decirle a mi esposo estudia de aca q e¡l chico simplifico pero hay mucho pero al usar errorrs de ejemplo confunde. No sabia de footer ni de los laterales. Muy bueno. Se q da bronca pero hace lo por q se convertirá en uno de los mejores tutotiales.
Tomate un finde unas horas, solta el visual básico y programa código sin ayuda del edito, no sirve por q te hace cometer muchos errores por q no te concentras en leer y escribir bien el código. Segundo consejo ese finde fijate que las extensiones q dijiste están mal. .txt significa extensión de texto, .docx significa una versiones de wprd .pdf es otro formato q sirve para compilar por ejemplo un wprd en un libro o algo así q a veces puede quedar como imagen y lo bueno q si mandas un cv en .pdf no te lo pueden editar por q seria como una compresión del word que es un editor de texto. La manera q explicas tiene muchos errores en conocimientos aun q el esquema esta correcto, osea la estructura q explicas esta bien pero todo lo q decir como ejempligicacion no es como si sos profe pero tu profe tenia horrores ortográficos y de conocimiento y acabas asimilandplos así. Pemsalo así, tu video es la web que quieres y debes programar bien sino no compilarlo, o como si vos si no corregir hace entrar a la persona a la confusión como un bucle infinito o un error de volcado de memoria o pantalla azul. Cual es el problema, no es critica, es mejorar.
Podrías hacer un curso de JavaScript😢?
Si rey, pronto se viene uno!
tienes uno de javascript
Próximamente!
Te amo
@@otromasdesistemas
tengo una duda, porque dijiste que aprendiendo viendo videos de 5 horas no se aprende y ahora haces un video de la misma longitud?
Entiendo lo que me decís, pero en mi opinión(puedo estar errado), en el vídeo que mencionás, en la conclusión final, digo que los cursos son excelentes y sirven un montón, solo que hay que tener una relación sana con los mismos, y tratar de priorizar la práctica, que básicamente es lo que digo al comienzo, a la mitad, y en el final del vídeo! Además, el curso está orientado a que hagas el proyecto por tu cuenta. Por ende no lo veo tan así como decís. Te mando un saludo, y éxitos en tus estudios! 💪❤
Veníamos bien hasta el minuto 2:14:12 que ya tomo otros tintes el video 😳
😅😅
Bro, con la mejor te lo digo, siempre dijiste que con los cursos de 4 u 5 de RUclips no se aprende nada, y ahora estás haciendo un curso de 4 horas.
Entiendo lo que me decís, pero en mi opinión(puedo estar errado), en el vídeo que mencionás, en la conclusión final, digo que los cursos son excelentes y sirven un montón, solo que hay que tener una relación sana con los mismos, y tratar de priorizar la práctica, que básicamente es lo que digo al comienzo, a la mitad, y en el final del vídeo! Además, el curso está orientado a que hagas el proyecto por tu cuenta. Por ende no lo veo tan así como decís. Te mando un saludo, y éxitos en tus estudios! 💪❤
@@otromasdesistemas entiendo lo que decís, gracias por la respuesta🙌🏼❤️
1:15:00 yo también me emocione cuando vincule youtube al clickeame 🥲
🥲❤️