Aprende CSS en 10 minutos! 📘

Sdílet
Vložit
  • čas přidán 29. 10. 2020
  • ¿Qué es CSS? Aprende CSS en tan solo 10 minutos!
    📙 Te obsequio mi ebook de HTML (GRATIS) 🔥🆓🔥 👉 www.academia-x.com/html-gratis
    🚀 Aprende a programar desde CERO hasta PRO 👉 www.academia-x.com
    🔥 INSTAGRAM 👉 / programador.x
    🌟 LINKEDIN 👉 / xavier-reyes-ochoa
    🖥 Mis equipos 👉 www.amazon.com/shop/programadorx
    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

Komentáře • 96

  • @ProgramadorX
    @ProgramadorX  Před 3 lety +6

    🚀 Aprende a programar desde CERO hasta PRO 👉 www.academia-x.com
    🔥 INSTAGRAM 👉 instagram.com/programador.x
    🌟 LINKEDIN 👉 www.linkedin.com/in/xavier-reyes-ochoa
    📕 Mi ebook de HTML ¡GRATIS! 🔥🆓🔥 👉 www.academia-x.com/html-gratis
    🖥 Mis equipos 👉 www.amazon.com/shop/programadorx

  • @ismaelperalta176
    @ismaelperalta176 Před 3 lety +38

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

    • @ProgramadorX
      @ProgramadorX  Před 3 lety +2

      Me encanta esta carrera Ismael! 🙂🙌💻 Saludos!

  • @joseantonioiturmendigoicoe3570

    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  Před 3 lety +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 Před rokem +1

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

  • @davidortega1834
    @davidortega1834 Před 2 lety +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.

  • @tizianovera5120
    @tizianovera5120 Před 3 lety +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!!

  • @DanielSanchez_col
    @DanielSanchez_col Před 7 měsíci +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.

  • @martinduarte862
    @martinduarte862 Před rokem +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 !!

  • @edgarbuenahora2969
    @edgarbuenahora2969 Před rokem +1

    La verdad que hace mucho quiero aprender a programar y se algunas cosas pero desde que te descubrí hoy en CZcams 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 :)

  • @Dalcor117
    @Dalcor117 Před 3 lety +30

    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 Před 2 lety +3

      Bro, estoy en las mismas. JAJAJAJ

    •  Před 2 lety +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 Před 2 lety

      Jajaja

    • @eddyqc5404
      @eddyqc5404 Před rokem

      al final que decidiste y como te va?

    • @UltraddKey
      @UltraddKey Před 7 měsíci

      Como te va? 🌿

  • @paddyelvarontv
    @paddyelvarontv Před 11 měsíci

    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.

  • @ramiroL.23
    @ramiroL.23 Před rokem

    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

  • @guillermocardenas3323
    @guillermocardenas3323 Před 3 lety +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  Před 3 lety +1

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

  • @ElkinBlanchar
    @ElkinBlanchar Před 3 lety +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  Před 3 lety +1

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

  • @isaacdavidizquierdobaine6325

    excelente bro... gracias por compartir tu experiencia.

  • @OmairaRodriguez-tp2uz
    @OmairaRodriguez-tp2uz Před 12 dny

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

  • @MarcosSilva-sr7jb
    @MarcosSilva-sr7jb Před 3 lety +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  Před 3 lety +1

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

  • @Oviedo26
    @Oviedo26 Před 3 lety +1

    Que buen video gracias!!

  • @enpuertovallarta
    @enpuertovallarta Před rokem

    me gusta mucho como explica, gracias!

  • @diazokkan6942
    @diazokkan6942 Před 2 lety

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

  • @alejandroavendanosalazar4034

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

  • @diegodiaz5541
    @diegodiaz5541 Před 3 lety +6

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

  • @sheivan5590
    @sheivan5590 Před 3 lety +3

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

  • @gogetaultra1932
    @gogetaultra1932 Před rokem

    alto video hermano, muchas gracias

  • @julianab705
    @julianab705 Před 2 lety

    Gracias!

  • @GabrielaRamirez-in1om
    @GabrielaRamirez-in1om Před 4 měsíci +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!!! :)

  • @ericklautarocano1891
    @ericklautarocano1891 Před 2 lety

    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.!

  • @juliorodriguezsilva
    @juliorodriguezsilva Před 3 lety

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

  • @alexis-pz2ro
    @alexis-pz2ro Před 2 lety

    Muy buen video

  • @oscarmontanez6304
    @oscarmontanez6304 Před 4 měsíci

    Gracias.

  • @j.wilmararcila4150
    @j.wilmararcila4150 Před rokem

    Gracias Broo 🤍🙏

  • @danielvallejos4278
    @danielvallejos4278 Před 3 lety

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

  • @wilmerchavaco8138
    @wilmerchavaco8138 Před rokem

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

    • @ProgramadorX
      @ProgramadorX  Před rokem

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

  • @vambroisa7825
    @vambroisa7825 Před 2 lety

    Que opinas de Tailwindcss?

  • @ceri2186
    @ceri2186 Před 3 lety

    tienes alguna pagina web donde tengas cursos?

  • @advelectronica
    @advelectronica Před 2 lety

    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

  • @carlospachecoize
    @carlospachecoize Před rokem

    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

  • @marcozambrano3399
    @marcozambrano3399 Před 3 lety

    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  Před 3 lety

      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!

  • @asdffacil
    @asdffacil Před 2 lety +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

  • @alainharrisosspar1917
    @alainharrisosspar1917 Před 11 měsíci

    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

  • @glr_wureviver
    @glr_wureviver Před 3 lety +1

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

    • @ProgramadorX
      @ProgramadorX  Před 3 lety +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!

  • @mauriciorojas5285
    @mauriciorojas5285 Před 3 lety +1

    Bootstrap y Tailwind ✊

  • @santosgonzalesluisenrique617

    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 Před 2 lety

      super aguanta, porque no ocupa mucho el visual code

  • @antonioramos101
    @antonioramos101 Před 3 lety +1

    Gracias. Voy de frente a estudiar primero HTML

  • @skinnymontenegro3593
    @skinnymontenegro3593 Před rokem

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

    • @ProgramadorX
      @ProgramadorX  Před rokem

      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!

  • @Asimov10
    @Asimov10 Před 3 lety

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

  • @dunniacamposamigon9159

    Done ✅

  • @archipolaris
    @archipolaris Před 3 lety +3

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

  • @wcb9090
    @wcb9090 Před 3 lety

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

    • @Meister256
      @Meister256 Před 3 lety

      google

    • @Meister256
      @Meister256 Před 3 lety

      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  Před 3 lety

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

  • @camiloarellano7810
    @camiloarellano7810 Před 3 lety

    👍 Ok

  • @johnduran1984
    @johnduran1984 Před 10 měsíci

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

  • @diegobarrios6890
    @diegobarrios6890 Před 3 lety

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

    • @ProgramadorX
      @ProgramadorX  Před 3 lety +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!

  • @irissants5120
    @irissants5120 Před 3 lety

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

  • @jordycuenca405
    @jordycuenca405 Před 4 měsíci

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

  • @joseluisaguilar72
    @joseluisaguilar72 Před 2 lety

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

  • @josemiguelgonzalez3041

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

  • @IJGCARGENTINA
    @IJGCARGENTINA Před rokem

    Si no estudiaste porq te decía ngeniero?

  • @mauriciorojas5285
    @mauriciorojas5285 Před 3 lety

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

  • @carlospachecoize
    @carlospachecoize Před rokem

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

  • @tecnosolutions9908
    @tecnosolutions9908 Před 3 lety

    dinero dinero dinero todo es dinero dinero

    • @ProgramadorX
      @ProgramadorX  Před 3 lety

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

  • @jerrycontreras7924
    @jerrycontreras7924 Před 3 lety

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

    • @ProgramadorX
      @ProgramadorX  Před 3 lety +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 Před 3 lety

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

  • @edubarrera9105
    @edubarrera9105 Před 9 měsíci

    gracias me voy a salir de la u

  • @javierjuri1198
    @javierjuri1198 Před rokem

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

  • @javicreador
    @javicreador Před 2 lety

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

    • @ProgramadorX
      @ProgramadorX  Před 2 lety

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

    • @javicreador
      @javicreador Před 2 lety

      @@ProgramadorX gratis?