Aprende CSS en 10 minutos! 📘

Поділитися
Вставка
  • Опубліковано 20 жов 2024
  • ¿Qué es CSS? Aprende CSS en tan solo 10 minutos!
    📙 ¡Empieza GRATIS con mi ebook de HTML! 👉 bit.ly/htmlgratis
    🚀 Conviértete en Programador Profesional 👉 www.academia-x...
    🖥 Equipos recomendados 👉 www.amazon.com... (enlace afiliado)
    ----------------------------------------
    Sígueme en mis redes 📰
    / xavier-reyes-ochoa
    / programador.x
    / programador.x
    / programadorxyz
    / @programadorx
    ----------------------------------------
    Cursos gratuitos 🎁
    📘 Edita código con VSCode 👉 bit.ly/3UEMoNq
    📕 Usa inteligencia artificial con ChatGPT 👉 bit.ly/4beDOtQ
    📙 Publica páginas web 👉 bit.ly/3w35QtI
    📗 Aprende a programar con Python 👉 bit.ly/3UmdCXw
    Cursos premium 🚀
    📚 Bootcamp de HTML, CSS, JavaScript, Hosting, React, Angular, SQL, Node.js, Python, Algoritmos, Diseño de Sistemas, Preparación para Entrevistas y AWS 👉 bit.ly/4aSXJPw
    ╔═╦═╦═╦══╦═╦══╦═╦═╦══╦══╦═╦═╗ ╔╗╔╗
    ║╬║╬║║║╔═╣╬║╔╗║║║║║╔╗║╗╗║║║╬║ ╚╗╔╝
    ║╔║╗╣║║╚╗║╗╣╠╣║║║║║╠╣║╩╝║║║╗╣ ╔╝╚╗
    ╚╝╚╩╩═╩══╩╩╩╝╚╩╩═╩╩╝╚╩══╩═╩╩╝ ╚╝╚╝
    Aprende css en menos de15 minutos aprendiendo css3 desde con css grid, flexbox, centrar elementos css (centrar css). Domina css con este video!
    El ingeniero de software X, con experiencia en proyectos para empresas como Nintendo y Google, ofrece una perspectiva valiosa sobre CSS (Cascading Style Sheets), destacando su importancia para quienes aspiran a ser programadores y desean incursionar en el desarrollo de páginas y aplicaciones web. Aunque CSS no es un lenguaje de programación, su dominio es fundamental para controlar el aspecto visual y la estructura de sitios web. Explica cómo CSS se combina con HTML y JavaScript para crear experiencias web interactivas y accesibles, además de su utilidad en la impresión y la accesibilidad para personas con discapacidades visuales. Destaca la evolución de CSS desde su inicio en 1996 y su continua actualización a través de módulos para mantener un estándar en la web. El experto comparte consejos prácticos para aprender CSS, como utilizar recursos en línea como los tutoriales de Mozilla, y recomienda conocer los frameworks CSS como Bootstrap y Foundation para agilizar el desarrollo. Finalmente, invita a explorar proyectos creativos que demuestran el potencial artístico y técnico de CSS en la web actual, al tiempo que alienta a los aspirantes a ingenieros de software a perseverar en su aprendizaje y práctica.
    📚 Contenido
    1. Introducción al CSS: Importancia y aplicaciones
    2. Fundamentos de CSS: Relación con HTML y JavaScript
    3. Historia y evolución de CSS
    4. Estructura y funcionamiento de CSS: Box Model y posiciones
    5. Recursos para aprender CSS: Mozilla y otros tutoriales en línea
    6. Frameworks CSS: Bootstrap, Foundation y Materialize
    7. Proyectos creativos con CSS: Ejemplos inspiradores
    8. Consejos para dominar CSS y destacar en entrevistas de trabajo
    9. Futuro de CSS: Actualizaciones y estándares
    10. Cierre y motivación: Perspectivas para aspirantes a ingenieros de software
    #css
    #css3
    #csstutorial

КОМЕНТАРІ • 98

  • @ProgramadorX
    @ProgramadorX  3 роки тому +7

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

  • @ismaelperalta176
    @ismaelperalta176 3 роки тому +40

    este hombre inspira mucha, se nota su entusiasmo y como se emociona al hablar de programación,

    • @ProgramadorX
      @ProgramadorX  3 роки тому +2

      Me encanta esta carrera Ismael! 🙂🙌💻 Saludos!

  • @joseantonioiturmendigoicoe3570
    @joseantonioiturmendigoicoe3570 3 роки тому +30

    Te digo: Destilas pasión por la programación. Siempre he entendido que la cara es el espejo del alma, en este caso, la tuya es un *(Cum Laude,* transmites entusiasmo. Autodidacta, eres autodidacta y ahora mismo te ofrecería un puesto de trabajo en la Universidad como profesor de introducción al lenguaje de programación. De verdad, eres un campeón y tú si que vales. Que Dios te bendiga.

    • @ProgramadorX
      @ProgramadorX  3 роки тому +6

      Muchísimas gracias José Antonio! 🙌🏽 que comentario tan especial! ❤ Espero que mis experiencias puedan ayudar a futuros programadores. Gracias por ver mis videos! 🙂

    • @juanvalladares5770
      @juanvalladares5770 Рік тому +1

      @@ProgramadorX Nos estás ayudando, creeme. Saludos.

  • @davidortega1834
    @davidortega1834 2 роки тому +2

    Gracias por la explicación de css y por el video; felicitarte no solo por lo mucho que ha crecido el canal sino también por lo mucho que ha mejorado la edición y el guión de los vídeos Xavier.

  • @DanielSanchez_col
    @DanielSanchez_col 11 місяців тому +2

    Wow que información tan valiosa, muchas gracias por tus consejos, de hecho siempre he querido conocer Seattle, hace algunos meses inicié todo éste mundo, saludos desde colombia, nos vemos pronto.

  • @edgarbuenahora2969
    @edgarbuenahora2969 2 роки тому +1

    La verdad que hace mucho quiero aprender a programar y se algunas cosas pero desde que te descubrí hoy en UA-cam a cambiado mi idea sobre la programación, tus explicaciones le dan otro sentido y entusiasmo, nunca es tarde para empezar a hacer bien las cosas, ya te enseñare enviare enlaces de las cosas que iré haciendo :)

  • @martinduarte862
    @martinduarte862 Рік тому +1

    Gracias programador x tus videos me inspiran estoy entrando en el mundo de la programacion y existe mucha incertidumbre , pero vos me estas dando un buen empujon !!

  • @Dalcor117
    @Dalcor117 3 роки тому +31

    Rayos estoy a 2 semanas de matricularme en una costosa universidad que no me va a dejar dinero ni para comer por 5 años y ahora me hiciste dudar.... también soy de Ecuador, me gustaría ser desarrollador web y de aplicaciones, he estado aprendiendo por mi cuenta a programar los últimos meses

    • @akatsuma11
      @akatsuma11 2 роки тому +3

      Bro, estoy en las mismas. JAJAJAJ

    •  2 роки тому +2

      Si estás en Ecuador, no dudes tanto, aquí en Ecuador, las empresas siguen solicitando avales académicos, cómo ingenierías, tecnologías o maestrías para contratarte, sin embargo, si tus planes son hacer freelance o migrar a otro país podría no ser tan necesario, asimismo, si quieres migrar, mientras más joven lo hagas es mejor...

    • @mikecastle1959
      @mikecastle1959 2 роки тому

      Jajaja

    • @eddyqc5404
      @eddyqc5404 Рік тому

      al final que decidiste y como te va?

    • @UltraddKey
      @UltraddKey 10 місяців тому

      Como te va? 🌿

  • @guillermocardenas3323
    @guillermocardenas3323 4 роки тому +4

    Gracias por toda la experiencia que nos compartes en cada uno de tus vídeos, estoy iniciando en la programación y muy motivado en aprender. Saludos desde Medellín (Colombia) Crack

    • @ProgramadorX
      @ProgramadorX  3 роки тому +1

      Que bueno saber que estés iniciando, La Ruta del Viajero. Espero que te mantengas motivado. Ser un programador es genial! 💻

  • @OmairaRodriguez-tp2uz
    @OmairaRodriguez-tp2uz 3 місяці тому

    apenas estoy empezando pero tu manera de explicar me motiva más por aprender

  • @tizianovera5120
    @tizianovera5120 3 роки тому +1

    Buen vídeo.. realmente muy instructivo para quienes estamos comenzando. Yo estoy estudiando ahora. Y se me complicaba un poco pero con las últimas recomendaciones creo que me va a facilitar el aprendizaje.. gracias por dedicar tiempo a dar consejos y recomendaciones!!

  • @GabrielaRamirez-in1om
    @GabrielaRamirez-in1om 8 місяців тому +1

    Estoy estudiando grado superior de programación y se me complica, y la verdd que viendo este video, m has dado la motivación y las ganas de seguir adelante y no tirar la toalla.
    Muchas gracias!!! :)

  • @ramiroL.23
    @ramiroL.23 Рік тому

    Veo todos tus videos y siempre me enseñas algo nuevo ya sea un video un poco más antiguo o muy nuevo siempre estas al detalle

  • @ElkinBlanchar
    @ElkinBlanchar 3 роки тому +2

    Saludos bro desde Colombia ! Me gusta esa forma de explicar en que se entiende muy bien el mensaje de cada video, uff en verdad se aprende, así debería ser todo en la vida, muy al estilo de la filosofía KISS, he notado que por ahora algunos de tus videos tiene pocas vistas, a eso tengo que decirte NO TE DESANIMES Bro, es un largo camino ! tienes muchísima razón al decir que la tecnología (programación) es el futuro, ademas inmediato, habemos muchos curiosos por ahí buscando buena info con hambre, como tu canal, mi humilde recomendación es que si unes esa habilidad que ya tienes de transimitir tus conocimientos con un material interactivo, mas dinamico, despertaras el interés de mucha gente! Te veo en el próximo video, y otra vez Gracias Siempre !! Exitos !

    • @ProgramadorX
      @ProgramadorX  3 роки тому +1

      Muchas gracias Colhybrid! 💯🇨🇴 Qué recomendarías para hacerles a los videos más interactivos y dinámicos? Me interesa mucho tu opinión. 🙂👍

  • @MarcosSilva-sr7jb
    @MarcosSilva-sr7jb 3 роки тому +3

    Tu canal es genial, ayudas muchísimo.
    Deberías de tener más de 1 Millón de subs , ojalá sigas así y llegues más lejos aún...¡¡¡ Éxitos!!!

    • @ProgramadorX
      @ProgramadorX  3 роки тому +1

      Aprecio muchísimo tu mensaje MarKEX YT! 🙂🙌🏽 Éxitos para ti también!

  • @diazokkan6942
    @diazokkan6942 2 роки тому

    CON EL EJEMPLO DEL AUTO ME QUEDO MUCHO MAS CLARO, GRACIAS CAMPEON! MUCHAS GRACIAS POR TU ENTREGA!

  • @paddyelvarontv
    @paddyelvarontv Рік тому

    Xavier!! Que genial haber visto este video, muy motivate y gracias por tus tips... Estoy aprendiendo HTML y CSS y ya estoy más motivado a continuar. Desde ya un suscriptor más.

  • @sheivan5590
    @sheivan5590 3 роки тому +3

    Amo tus videos brodaaaa, saludos desde ARGENTINA!!!!

    • @ProgramadorX
      @ProgramadorX  3 роки тому

      Muchas gracias SHEIVAN! ❤️🇦🇷

  • @enpuertovallarta
    @enpuertovallarta 2 роки тому

    me gusta mucho como explica, gracias!

  • @ericklautarocano1891
    @ericklautarocano1891 3 роки тому

    Sabes, este año ingrese a la universidad pública de donde vivo, y estoy en 2 carreras: desarrollador web y mantenimiento de equipos. Empecé a investigar mas sobre la programación y el desarrollo de software. Y por lo caro que son los cursos intensivos me es imposible pagarlos asi que decidí que de apoco con cursos de yt y pdf's que encuentre por la red. Un abrazo.!

  • @diegodiaz5541
    @diegodiaz5541 3 роки тому +6

    Bootstrap me gustaría que hicieras un video sobre eso estoy aprendiendo y sigo tus guías

  • @isaacdavidizquierdobaine6325

    excelente bro... gracias por compartir tu experiencia.

  • @Oviedo26
    @Oviedo26 3 роки тому +1

    Que buen video gracias!!

  • @alejandroavendanosalazar4034
    @alejandroavendanosalazar4034 3 роки тому

    Excelente información ¡Muchas gracias!, Puedo decir que si es importante aprender con profundidad HTML y CSS para creatividad como ingeniero, mediante estructuras web.

  • @wilmerchavaco8138
    @wilmerchavaco8138 2 роки тому

    Estaria super que hicieras un curso practico en tu canal, para aprender CSS basico, medio y avanzado.

    • @ProgramadorX
      @ProgramadorX  2 роки тому

      Hola Wilmer. Para esto tengo mis cursos en academia-x.com Espero que te animes! 🙂

  • @julianab705
    @julianab705 2 роки тому

    Gracias!

  • @oscar.montanez
    @oscar.montanez 8 місяців тому

    Gracias.

  • @gogetaultra1932
    @gogetaultra1932 Рік тому

    alto video hermano, muchas gracias

  • @juliorodriguezsilva
    @juliorodriguezsilva 3 роки тому

    Gracias, el otro vídeo te preguntaba cómo empezar, pero en este me respondes.

  • @MargieruizV
    @MargieruizV 2 роки тому

    andaba haciendo un corso gratis de google, y con solo 3 videos tuyos entendí la diferencia entre estos términos. esta mejor explicado que el curso creado por la universidad de alicante que da da google gratis

  • @vambroisa7825
    @vambroisa7825 3 роки тому

    Que opinas de Tailwindcss?

  • @johnduran1984
    @johnduran1984 Рік тому

    Hola profesor para ser un programar desde 0 debo aprender,
    HTML
    CSS
    JS. ?
    2) cuál es la diferencia entre
    JV
    Y
    JS
    Gracias 👍

  • @alainharrisosspar1917
    @alainharrisosspar1917 Рік тому

    Crees que es buen tiempo para aprender desarrollo web, tengo 10 años de experiencia en dirección de arte y diseño gráfico y ux/ui, de verdad quiero poder desarrollar el producto completo

  • @antonioramos101
    @antonioramos101 3 роки тому +1

    Gracias. Voy de frente a estudiar primero HTML

  • @j.wilmararcila4150
    @j.wilmararcila4150 Рік тому

    Gracias Broo 🤍🙏

  • @advelectronica
    @advelectronica 2 роки тому

    Que tal te comento mi historia yo termine programación en la universidad jamas ejercí, la verdad me pareció algo tedioso y jamas lo entendí bien y hoy en día por necesidad estoy tratando de entrar en el mercado por lo que empese a estudiar un curso de php el año pasado y 2 cursos mas del estado en el cual me han dado de todo y aun así me siento perdido, por lo que mi idea es entender bien html, css y java, de ahi adosarle lo demás

  • @asdffacil
    @asdffacil 2 роки тому +1

    Llevo dias con css pensando que bastaria con un tutorial de 2 horas y tomar notas de W3 School.. se ve que no es tan fácil como parece

  • @skinnymontenegro3593
    @skinnymontenegro3593 Рік тому

    Hola Xavier , tu bootcamp en el curso de CSS esta actualizado?

    • @ProgramadorX
      @ProgramadorX  Рік тому

      Hola. Gracias por tu interés en Academia X. Si, lo grabé hace alrededor de un año y hace poco recibió actualizaciones con retos en un editor incrustado. Esperó que te animes. Saludos!

  • @danielvallejos4278
    @danielvallejos4278 3 роки тому

    Gracias! Podrías pasar enlace de los tutoriales en mozilla sobre css...! Gracias

  • @Asimov10
    @Asimov10 3 роки тому

    Me aclaro muchas dudas, gracias. Me molesto un poco el desenfoque de la cámara.

  • @mauriciorojas5285
    @mauriciorojas5285 3 роки тому +1

    Bootstrap y Tailwind ✊

  • @santosgonzalesluisenrique617
    @santosgonzalesluisenrique617 2 роки тому

    Wao interesante Css, una pregunta mi computadora es de 64 gtb y disco solido y soy ingeniero quimico claro tengo instalado programas de mi carrera, no se si aguante para realizar proyectos de web?.

    • @orlandogarduno1
      @orlandogarduno1 2 роки тому

      super aguanta, porque no ocupa mucho el visual code

  • @marcozambrano3399
    @marcozambrano3399 3 роки тому

    exelente video bro ,yo tambien soy autodidacta aprendi diseño grafico herramientas como ps,ilus,ae,id,cinema 4d...ahora quiero aprender hacer aplicaciones ,páginas web , que debo apreder primeramente ....? saludos cordiales desde Sto.Dgo de Tsáchilas

    • @ProgramadorX
      @ProgramadorX  3 роки тому

      Que chévere Marco! Santo Domingo! 🙌🇪🇨 Te recomiendo ver los videos de mi canal, específicamente 'Ruta para ser Programador Web' y '7 pasos para ser programador autodidacta'. Ahí está la respuesta. Saludos!

  • @ceri2186
    @ceri2186 3 роки тому

    tienes alguna pagina web donde tengas cursos?

  • @glr_wureviver
    @glr_wureviver 3 роки тому +1

    Hola he visto tus videos sobre que es Javascript y CSS, seria genial que hables de las HTML5 APIs

    • @ProgramadorX
      @ProgramadorX  3 роки тому +2

      Muy buena sugerencia Gianluca18092004! 👍 Tengo planes de abarcar temas básicos primero y eventualmente me encantaría entra en más detalle. Añadido a la lista. 🙂 Saludos!

  • @archipolaris
    @archipolaris 4 роки тому +3

    Vamos que la tercera sí va a ser lenguaje de programación :D.

  • @wcb9090
    @wcb9090 3 роки тому

    Hola señor que libro me recomiendas para empezar lo basico para programador ...

    • @Meister256
      @Meister256 3 роки тому

      google

    • @Meister256
      @Meister256 3 роки тому

      Extiendo más mi respuesta por si no se entiende, primero tienes que tener claro que es lo que te gusta hacer. ¿Te gusta diseñar interfaces gráficas? ¿Aplicaciones lógicas? ¿Trabajas con volúmenes de datos y resolver problemas complejos?
      Cuando lo tengas claro, vienes y nos haces nuevamente la pregunta enfocándote en tu preferencia.
      Hay una máxima en programación, en cualquiera de sus áreas. Lo más importante para recibir las respuestas que necesitamos es formular las preguntas adecuadas.

    • @ProgramadorX
      @ProgramadorX  3 роки тому

      Muy de acuerdo con Meister256! Yo la verdad, antes que libros, recomiendo cursos y videos online para la programación (Udemy, UA-cam). 🖥 🙂Saludos!

  • @alexis-pz2ro
    @alexis-pz2ro 2 роки тому

    Muy buen video

  • @leonardocarrillo3833
    @leonardocarrillo3833 2 роки тому

    11:20

  • @jordycuenca405
    @jordycuenca405 8 місяців тому

    Me hubiera gustado con más ejemplos prácticos. Pero buena explicación.

  • @diegobarrios6890
    @diegobarrios6890 3 роки тому

    pregunta cuanto cobrarias tu para hacerle una pagina a una persona o una compañia

    • @ProgramadorX
      @ProgramadorX  3 роки тому +1

      Hola Diego! No te puedo dar un numero exacto porque el precio puede variar muchísimo dependiendo del tipo y complejidad de proyecto, de la economía del lugar donde vivas, y la experiencia que tengas. No he hecho proyectos independientes en ya muchos años pero te puedo decir que he hecho paginas gratis y también he cobrado hasta 60 dólares/hora para proyectos más complejos y clientes grandes en USA. Como compañía con años de experiencia y grandes equipos se puede cobrar mucho más por hora a un cliente. Es buena idea presentar estimados muy precisos a un cliente y cobrar por hora en caso de que tu estimado no salga perfecto siempre pensando en la satisfacción del cliente. Si quieres puedes hacer una regla de 3 para donde vives. 60 dólares la hora para desarrolladores senior y salario mínimo por hora en Seattle es 15 dólares. Ajusta eso a tu localidad y trata de sacar un número. B?Consulta a compañías que hagan esto en tu localidad y tendrás una mejor respuesta. Saludos!

  • @dunniacamposamigon9159
    @dunniacamposamigon9159 2 роки тому

    Done ✅

  • @camiloarellano7810
    @camiloarellano7810 3 роки тому

    👍 Ok

  • @mauriciorojas5285
    @mauriciorojas5285 3 роки тому

    Para mí CSS es más difícil que programar.

  • @joseluisaguilar72
    @joseluisaguilar72 3 роки тому

    Al día de hoy hay *99.800* suscriptores y *6.846* vistas, comenten en el futuro cuantos hay ;-)

  • @IJGCARGENTINA
    @IJGCARGENTINA Рік тому

    Si no estudiaste porq te decía ngeniero?

  • @josemiguelgonzalez3041
    @josemiguelgonzalez3041 Рік тому

    No sé ve el lenguaje de CCS y solo lo explica. Pon ejemplo en la computadora

  • @javierjuri1198
    @javierjuri1198 2 роки тому

    un engaño.. no aprendi css en 10 minutos

  • @MargieruizV
    @MargieruizV 2 роки тому

    jajajja resumiste todo el curso que tome en un video de 14 minutos jajajajajaj

  • @irissants5120
    @irissants5120 3 роки тому

    Excelente video
    Puedes pasarme tu correo me interesa programar en el lenguaje de python

  • @edubarrera9105
    @edubarrera9105 Рік тому

    gracias me voy a salir de la u

  • @jerrycontreras7924
    @jerrycontreras7924 3 роки тому

    SEÑOR TIM BERNERS LEE..... NO CREO EL INTERNET!!!!!

    • @ProgramadorX
      @ProgramadorX  3 роки тому +1

      Hola Jerry! Muchas gracias por tu corrección. 👍 Si es verdad, él creó el WWW pero no el internet en sí. Es una diferencia que no la analicé mucho antes de hacer el video. Ya estoy editando esa porción para que evitar confusiones. 💯 Saludos!

    • @jerrycontreras7924
      @jerrycontreras7924 3 роки тому

      @@ProgramadorX en general estas bien... hasta he aprendido jeje

  • @javicreador
    @javicreador 2 роки тому

    ES NECESARIO MENTIR POR VISITAS? MEJOR HACE UN CURSO DE VERDAD

    • @ProgramadorX
      @ProgramadorX  2 роки тому

      Si tengo cursos. Están en academia-x.com Estos son videos introductorios para motivar a nuevos programadores

    • @javicreador
      @javicreador 2 роки тому

      @@ProgramadorX gratis?

  • @orionra1665
    @orionra1665 Місяць тому

    ¿Por qué tienes un acento como si fueses norteamericano que aprendio a hablar español?

    • @ProgramadorX
      @ProgramadorX  Місяць тому

      Porque vivo en USA por más de 10 años 😅

  • @tecnosolutions9908
    @tecnosolutions9908 3 роки тому

    dinero dinero dinero todo es dinero dinero

    • @ProgramadorX
      @ProgramadorX  3 роки тому

      No todo en la vida es plata. También hay oro! 😉