Curso CSS Avanzado: Grid + Flexbox (Mega-Torrent)

Curso CSS Avanzado: Grid + Flexbox (Mega-Torrent)

Información de: CSS Avanzado

CSS ha avanzado a pasos agigantados en los últimos años, dándonos soluciones nativas que antes solo eran posibles con javascript. El último módulo estándar de CSS es Grid que ya es soportado por todos los navegadores y que permite crear layouts que no podían hacerse siquiera con flexbox. En este curso aprenderás técnicas avanzadas de maquetación combinando el poder de Flexbox y de Grid para trabajar en conjunto diseñando layouts y componentes.

Este el primer curso (y el único) en español en abordar a fondo CSS Grid con dos de los más reconocidos expertos en diseño web en español.

Contenido CSS Avanzado:


Modulo 1


Flexbox I
  • ¿Qué es?
  • Terminología Flexbox
  • Propiedades y valores del elemento padre
  • Propiedades y valores de los elementos hijos
  • Ejercicio: Holy grail layout I
  • Ejercicio: banner animado
  • Ejercicio: Holy grail layout II
  • Ejercicio: flexbox y pseudoelementos

Flexbox II

  • Ejercicio: Split layout
  • Ejercicio: Centrado total
  • Ejercicio: Header y footer fijos
  • Ejercicio: Sticky footer
  • Ejercicio: Contenedores con alturas iguales
  • Ejercicio: Ejemplo de cabecera
  • Ejercicio: Widget de ecommerce
  • Ejercicio: Layout de blog
  • Ejercicio: Pricing table
  • Ejercicio: Flexbox grid
  • Ejercicio: Calendario
  • Ejercicio: Banner estático

Modulo 2


CSS Grid I

  • El papel del grid (cuadricula) en el diseño de layouts
  • Los enfoques (historicos) de la construcción de layouts con CSS
  • Elementos, terminología y funcionamiento de CSS Grid
  • Propiedades del grid container
  • Propiedades de los grid items
  • Ejercicio: Holy grail layout responsive
  • Ejercicio: Dibujar un dado
  • Ejercicio: Dibujar un tablero de ajedrez
  • Ejercicio: Menu off canvas

CSS Grid II

  • Creación de templates con Grid
  • Grid placement
  • Alineación y dimensiones
  • Responsive web design con CSS Grid
  • Cross browser con CSS grid - trucos y fallbacks
  • Grid y Flexbox
  • Ejercicio: Layout con grid, componentes con flexbox
  • Ejercicio: Layout con flexbox, componentes con grid

Modulo 3


Metodologías de trabajo

  • Arquitectura
  • SMACSS
  • OOCSS
  • ITCSS
  • Atomic design
  • Nomenclatura
  • BEM
  • BEMIT
  • SuitCSS
  • Estrategias de CSS modular
  • Control de tipografías
  • Ritmo vertical

Flujo de trabajo
  • Levantar requerimientos
  • Diseño de bocetos y wireframe
  • Mockups y prototipado
  • Llevandolo a código
  • Estructura HTML
  • Estructura CSS / Sass
  • Preparar entorno de desarrollo
  • Integrar CSS y HTML en flujo de trabajo frontend
  • Herramientas de compilación
  • PostCSS
  • Creación de un boilerplate

Modulo 4


Projecto final (1)
  • El primer proyecto, a cargo del profesor Jon Mircha, será un sitio web multipágina con la temática "Las maratones más importantes del mundo"

Proyecto final (2)
  • El seguundo proyecto del curso, a cargo del profesor Álvaro Felipe, será un sitio web single page para un fotógrafo o agencia de fotografía.

Capturas:

CSS-Avanzado-1.th.jpgCSS-Avanzado-2.th.jpgCSS-Avanzado-3.th.jpgCSS-Avanzado-4.th.jpgCSS-Avanzado-5.th.jpgCSS-Avanzado-6.th.jpgCSS-Avanzado-7.th.jpgCSS-Avanzado-8.th.jpgCSS-Avanzado-9.th.jpg

Datos técnicos:

  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 6.85 GB
  • Idioma: Español
  • Formadores: Álvaro Felipe, Jon Mircha
  • Contenido: 4 Modulos
  • Duración: X:xx horas
  • Fecha de publicación: 2017
  • Empresa: EDTeam (Escuela Digital)
¡No más Publicidad invasiva e intrusiva!

Hemos decidido quitar la publicidad invasiva e intrusiva, cada vez los anunciantes son más agresivos, con la finalidad de infectar y secuestrar los ordenadores de los navegantes. Por ese motivo hemos decidido quitar por completo los Pop-up y Pop-Under. Ahora te pedimos que simplemente desactives tu ADBlock o sistema anti-publicidad y apoyes a la comunidad con el mantenimiento, haciendo clic en los anuncios, por lo menos cada vez que entres a visitarnos. Ya sea en los que están encima de la caja de comentarios o debajo de la caja de portada, (Publicidad de productos) o los anuncios del acortador "Abelhux" (Publicidad de Google) Toda está publicidad es completamente segura. Esta acción es importante para seguir manteniendo los servidores de la comunidad, esperamos tu apoyo. Atte: TeamNsN.
CSS.Avanzado.GRID.FLEX!
Atención! Usted no tiene permiso para ver este texto.... Primero debes Registrarte!
Esta es una imágen Magnet
Subido: RoBeRtS (20 Febrero 2018 16:05)
Administración: [Actualización]
Contraseña: www.descargasnsn.com | Tamaño: 6.86 Gb
Contenido:
CSS.Avanzado.GRID.FLEX (10 Archivos)
file DescargasNsN.url (184 b)
txt Informacion del archivo.txt (11.78 Kb)
rar KKF8F850HG54H5F.part1.rar (1000 Mb)
rar KKF8F850HG54H5F.part2.rar (1000 Mb)
rar KKF8F850HG54H5F.part3.rar (1000 Mb)
rar KKF8F850HG54H5F.part4.rar (1000 Mb)
rar KKF8F850HG54H5F.part5.rar (1000 Mb)
rar KKF8F850HG54H5F.part6.rar (1000 Mb)
rar KKF8F850HG54H5F.part7.rar (1000 Mb)
rar KKF8F850HG54H5F.part8.rar (24.22 Mb)
Contraseña:
DescargasNsN
Página oficial:Enlace al artículo oficial

Si te gusta o te ayuda este artículo. Apoya a los desarrolladores comprando este material.

Añadir comentario

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Comentarios 106

  1. Offline
    ayudaaaa
    ayudaaaa 25 Agosto 2018 11:15
    + 0 -
    no puedo registrarme!!
  2. Offline
    AndresED 29 Mayo 2018 17:02
    + 0 -
    GRacias justo lo estaba buscando
  3. Offline
    cool 23 Mayo 2018 03:32
    + 0 -
    Openload Caidos los Links, solo la parte 1 esta disponible
  4. Offline
    dxalejo 18 Mayo 2018 07:03
    + 0 -
    muchas gracias por el aporte
  5. Offline
    Huésped Yacolca2008
    Huésped Yacolca2008 3 Mayo 2018 01:33
    + 0 -
    Muchas gracias por compartir, por casualidad tendrás el ULTRAPACK
    "Dios del Universo en 1335h (actualizado 2018)"
  6. Offline
    lord de winterfeld
    lord de winterfeld 21 Abril 2018 00:02
    + 0 -
    la verdad es que muchas gracias por compartir todos estos cursos, pero en algunos les falta los archivos y proyecto finales por favor tomarlo en cuenta
  7. Offline
    Guru-29 12 Abril 2018 23:40
    + 0 -
    xq ponen formato mp4? si estas en tst
  8. Offline
    josenav7s 5 Abril 2018 23:30
    + 0 -
    super aporte, exceleeente material
  9. Offline
    guerrero23 5 Abril 2018 00:59
    + 0 -
    ¿Cómo mierda se descargar?
  10. Offline
    Makone 2 Abril 2018 20:52
    + 0 -
    Impresionantes aportes, muchas gracias!!!
  11. Offline
    iroepic 30 Marzo 2018 00:47
    + 0 -
    graciasss por el aporte!!! :) sunglasses
  12. Offline
    leviatan30 22 Marzo 2018 23:10
    + 0 -
    ¡Excelente, muchas gracias!
  13. Offline
    humberto2008 17 Marzo 2018 13:58
    + 0 -
    Gracias por su aporte.
    --------------------
    Humberto
  14. Offline
    sanson 15 Marzo 2018 12:59
    + 0 -
    GRACIAS POR EL APORTE!
  15. Offline
    antilinker 13 Marzo 2018 23:11
    + 0 -
    Como siempre, material excelente.

    Sin lugar a dudas lo menos que puedo hacer es intentar aportar tambien, visitando los anuncios.
  16. Offline
    Agus D Ruiz 9 Marzo 2018 06:29
    + 0 -
    Muchas gracias por el aporte
    Saludos
    --------------------
    La vida es bella
  17. Offline
    EnioRaul 9 Marzo 2018 01:52
    + 0 -
    descargando,
  18. Offline
    jimmynomi 6 Marzo 2018 22:07
    + 0 -
    Muchas gracias, genial
  19. Offline
    lar_descargasnsn 3 Marzo 2018 22:30
    + 0 -
    Estupendo....muchísimas gracias por el aporte.
  20. Offline
    Usuario_01 3 Marzo 2018 10:18
    + 0 -
    Gracias por Compartir
  21. Offline
    loverde 2 Marzo 2018 20:30
    + 0 -
    gracias por el curso
  22. Offline
    jetbill 2 Marzo 2018 16:54
    + 0 -
    gracias por el aporte
  23. Offline
    devacha 2 Marzo 2018 06:13
    + 0 -
    BUen Aporte
  24. Offline
    caacsg 28 Febrero 2018 08:37
    + 0 -
    Gracias por el aporte, pero la carpeta metodologías de trabajo se encuentra vacía, descargue con torrent

    Gracias por el aporte
    1. Offline
      RoBeRtS 28 Febrero 2018 12:11
      + 0 -
      Está vacia por que los videos estan en la otra carpeta, simplemente hay que moverlos del 5.1 al 5.9 que pertenecen a esa carpeta.
  25. Offline
    cursocv48 28 Febrero 2018 05:17
    + +1 -
    Wao! Excelente aporte. Muchas gracias. Si pueden compartir los cursos de "CSS Avanzado - Animaciones" y "SVG Desde Cero" también por favor se los agradecería infinitamente.
  26. Offline
    yirel 27 Febrero 2018 06:02
    + 0 -
    Mil gracias por compartir!
  27. Offline
    BETO-2000 26 Febrero 2018 23:13
    + 0 -
    MUCHAS GRACIAS
  28. Offline
    kezman 26 Febrero 2018 02:16
    + 0 -
    muchisimas gracias!!
  29. Offline
    ofitesa 25 Febrero 2018 16:18
    + 0 -
    Genial, muchas gracias por el aporte
  30. Offline
    jpinell 25 Febrero 2018 07:29
    + 0 -
    Gracias por el curso!!!
  31. Offline
    moisesgood 25 Febrero 2018 07:27
    + 0 -
    Importante aporte gracias
  32. Offline
    kira596 25 Febrero 2018 06:04
    + 0 -
    muy buen curso gracias, una pregunta que reproductor me recomiendas ya que el formato de los video estan en AVCHD?
    1. Offline
      RoBeRtS 28 Febrero 2018 12:11
      + 0 -
      VLC........
  33. Offline
    cotcho 24 Febrero 2018 06:39
    + 0 -
    gtracias por el aporte
  34. Offline
    data24 24 Febrero 2018 04:29
    + 0 -
    Gracias por el aporte
  35. Offline
    eroyeral 24 Febrero 2018 04:01
    + 0 -
    gracias por gran aporte
  36. Offline
    yonidep 23 Febrero 2018 06:17
    + 0 -
    thank you!!!
  37. Offline
    jonas_555 23 Febrero 2018 05:23
    + +3 -
    Muchas gracias muy buen aporte, si tendrian ADMINISTRACION DE SERVIDORES LINUX y HTML5 AVANZADO PROGRESSIVE WEB APPS, porfavor si lo pueden compartir. Todos sus aportes son muy buenos graaacias¡¡
  38. Offline
    Huésped Ktonmar
    Huésped Ktonmar 22 Febrero 2018 21:22
    + 0 -
    Gracias mil gracias, justo lo que estaba esperando. Pesaba que nadies lo iba a subir
  39. Offline
    ANNA 22 Febrero 2018 20:03
    + 0 -
    Sensacional curso. Gracias
    --------------------
    No preocupa el grito de los corruptos, sino el silencio de los buenos.
  40. Offline
    xc70 22 Febrero 2018 19:59
    + 0 -
    Buenísimo. Muchas gracias por el excelente aporte!
  41. Offline
    jomarulu 22 Febrero 2018 17:11
    + 0 -
    Muchas gracias por el aporte!!!
  42. Offline
    mary diaz 22 Febrero 2018 16:57
    + 0 -
    no sale el cuadro dep captcha en ningun naegador porq?
    1. Offline
      RoBeRtS 22 Febrero 2018 17:01
      + 0 -
      Limpia la cache y cookies de tu navegador, actualiza y podrás ver los captchas.
      1. Offline
        mary diaz 22 Febrero 2018 22:31
        + 0 -
        ya lo hice pero ahora no me descarga nada en jdownloader solo me abre una ventana en el navegador y nada, acabo de intentar con otros cursos de aqui y si me los descargo y copio a jdonloader pero este curso no se copia nada a jdownloader
        1. Offline
          RoBeRtS 22 Febrero 2018 23:13
          + 0 -
          Prueba con Mipony, funciona sin problemas.
  43. Offline
    Castle_24 22 Febrero 2018 16:31
    + 0 -
    gracias por tan buen aporte
  44. Offline
    alvased 22 Febrero 2018 16:10
    + 0 -
    Muchas gracias por el aporte
  45. Offline
    pcmac 22 Febrero 2018 13:49
    + 0 -
    Buen tutorial, gracias por el aporte
  46. Offline
    JOMMA 22 Febrero 2018 13:03
    + 0 -
    Gracias por la aportacion.
    --------------------
    El que no vive para servir, no sirve para vivir
  47. Offline
    Ricard300 22 Febrero 2018 07:41
    + 0 -
    muchas gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  48. Offline
    webon1979 22 Febrero 2018 06:58
    + 0 -
    muchas gracias por el curso.
  49. Offline
    rafagarcia819 22 Febrero 2018 05:15
    + 0 -
    Gracias por compartir
  50. Offline
    francisco zunun 22 Febrero 2018 04:58
    + 0 -
    muy muy agradecido