Curso WordPress con Sass y Gulp

Curso WordPress con Sass y Gulp

Información de: WordPress con Sass y Gulp

Aprende a crear trabajo automatizado y efectivo en WordPress con Sass y Gulp

Trabaja de manera efectiva con WordPress usando el preprocesador Sass para compilar tu código, y Gulp, la herramienta de automatizado de tareas. Descubre en este curso cómo diseñar un flujo de trabajo ideal para cualquier desarrollo frontend y, en concreto, para la creación de temas para WordPress. Aprende cómo instalar Sass y Gulp y cómo programar este último para automatizar la compilación de tus archivos javascript. Aplica otras tareas automáticamente, como la actualización en el navegador o la optimización de imágenes y, en definitiva, aprende a desarrollar un flujo de trabajo efectivo para construir o modificar tus temas para WordPress.

Introducción al curso WordPress con Gulp y Sass

En este primer capítulo vamos a describir para quien está dirigido el curso, qué conocimientos mínimos ha de tener, cómo usar los archivos base del curso y por qué utilizar tanto Sass como Gulp cuando desarrollamos temas para WordPress.
  • Destinatarios del curso WordPress con Gulp y Sass   02:12
  • WordPress con Gulp y Sass: archivos base   01:08
  • Objetivos finales de WordPress con Gulp y Sass   01:42
  • Por qué utilizar Sass   02:01
  • Por qué utilizar Gulp   02:48

Configuración del entorno de desarrollo

Antes de empezar a utilizar Gulp y Sass dentro de WordPress, necesitamos empezar por configurar nuestro entorno local de trabajo. En este capítulo no vamos a explicar cómo configurar el entorno, pero si vamos a repasar los elementos de entorno que tendremos que tener listos para empezar a trabajar.
  • Instalación del servidor local e instalación de WordPress   01:42
  • IDE de desarrollo   01:21
  • El tema underscores. Instalación de mi nuevo tema   04:02
  • Plugins y entorno de desarrollo en WordPress   04:50

Instalación de Gulp, Sass y todas sus dependencias

La instalación de lo necesario es un proceso que, aunque no es complejo, sí que exige seguir ciertos pasos imprescindibles, así que dedicaremos este capítulo a instalar Gulp paso a paso, y haremos lo mismo con Sass.
  • Instalación de Node.js   02:17
  • Instalación de Ruby   02:25
  • Instalación de Sass   01:22
  • Instalación de Gulp   01:47
  • Instalación del package.json y de Gulp en el proyecto   06:58
  • Instalación y configuración de Git   06:27

Configuración inicial de Gulp

A partir de este momento del curso vamos a utilizar realmente Gulp. Iremos creando las tareas necesarias para el desarrollo del tema, y en este capítulo empezaremos con la principal, que es la configuración para compilar Sass.
  • Instalación de las dependencias básicas: gulp y watch   02:42
  • Creación de gulpfile.js Dependencias dentro de Gulp   03:40
  • Creación de tareas en Gulp: tarea watch y tareas iniciales   05:13
  • Control de errores: instalación de plumber y notify   09:00
  • Poniendo en marcha nuestro primer Gulp   03:18

Gulp y Sass

Ya tenemos Gulp funcionando y también las primeras tareas preparadas, así que dedicaremos este capítulo a configurar la compilación automática de Sass y haremos varias mejoras sobre el código CSS y los archivos que se generen.
  • Instalación de dependencias: sass, clean-css, autoprefixer   02:32
  • Creación de la tarea Sass   03:42
  • Preparación de los archivos CSS finales. Aplicando prefijos   04:58
  • Creación de sourcemaps para los archivos Sass   04:28

Gulp y javascript

El siguiente paso en la automatización a través de Gulp va a ser gestionar el procesamiento de los archivos javascript del tema. En el tema base hay muy pocos, pero si hacemos un tema un poco sofisticado es muy probable que tengamos necesidad de estas tareas.
  • Preparación del tema para añadir javascript personalizado   04:06
  • Instalación de dependencias: jshint, concat, uglify   02:31
  • Creación de la tarea javascript   08:13

Otras tareas: procesamiento de imágenes. Livereload

Hay muchas tareas que se pueden automatizar desde Gulp, y en este curso nos hemos decidido por añadir unas pocas más que son ampliamente utilizadas: la optimización de imágenes y el livereload para ver los cambios en el código reflejados en el navegador en tiempo real
  • Instalación de dependencias: imagemin y livereload   02:59
  • Creación de la tarea que se ocupe de gestionar las imágenes   04:03
  • Aplicación de livereload al tema. Plugin livereload   02:53
  • A partir de este punto...   00:52

Capturas:

WordPressconSassyGulp1.md.jpgWordPressconSassyGulp2.md.jpgWordPressconSassyGulp3.md.jpg

Trailer:

Datos técnicos:

  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 459 MB
  • Idioma: Español
  • Formadores: Jorge González Villanueva
  • Contenido: 31 Videos
  • Duración: 1:48 horas
  • Software: Gulp, WordPress
  • Archivos Base: Si contiene
  • Fecha de publicación: 27-jun-2017
  • Empresa: Video2Brain
WordPress.con.Sass.y.Gulp!
Atención! Usted no tiene permiso para ver este texto.... Primero debes Registrarte!
Archivos Base!
Atención! Usted no tiene permiso para ver este texto.... Primero debes Registrarte!
Esta es una imágen Magnet
Subido: RoBeRtS (11 Agosto 2017 02:42)
Administración: [Actualización]
Contraseña: www.descargasnsn.com | Tamaño: 305.44 Mb
Contenido:
WordPress.con.Sass.y.Gulp (3 Archivos)
file DescargasNsN.url (184 b)
txt Informacion del archivo.txt (11.78 Kb)
rar Y5J0GF5J46F54G.rar (305.43 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.

  • 66
  • 5 059

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 66

  1. Offline
    lincografic Hoy, 14:23
    + 0 -
    a ver que tal... creo que va a ser mucho para mis entendederas... pero lo intentaré, gracias
  2. Offline
    profdesign Hoy, 03:35
    + 0 -
    Un muy buen material, se le agradece mucho.
  3. Offline
    CYBERTEC 19 Agosto 2017 16:59
    + 0 -
    Gracias, saludos
  4. Offline
    rafagarcia819 19 Agosto 2017 03:29
    + 0 -
    Excelente aporte
  5. Offline
    sandrarom 18 Agosto 2017 18:32
    + 0 -
    Genial. Descargando… wink
  6. Offline
    pcmac 16 Agosto 2017 19:44
    + 0 -
    Excelente tutorial, gracias
  7. Offline
    yrobles 16 Agosto 2017 12:14
    + 0 -
    muchas gracias!!
  8. Offline
    niniflu 16 Agosto 2017 08:31
    + 0 -
    Gracias por el aporte
  9. Offline
    mar_juy 15 Agosto 2017 18:18
    + 0 -
    Extraordinario aporte. Muchas gracias.
  10. Offline
    vampyro 15 Agosto 2017 10:29
    + 0 -
    Muchas gracias por el aporte!
  11. Offline
    ANNA 15 Agosto 2017 09:56
    + 0 -
    Gran curso, muchas gracias.
    --------------------
    No preocupa el grito de los corruptos, sino el silencio de los buenos.
  12. Offline
    drizer 15 Agosto 2017 04:02
    + 0 -
    muchas gracias!!
  13. Offline
    LeFlewr 14 Agosto 2017 21:08
    + 0 -
    Gracias por el aporte!!!!
  14. Offline
    jeffry70 14 Agosto 2017 18:54
    + 0 -
    Buen aporte, Muchas gracias.
  15. Offline
    kamistama 14 Agosto 2017 01:06
    + 0 -
    Muchas gracias
  16. Offline
    jmnz9398 13 Agosto 2017 23:37
    + 0 -
    muchas gracias por el aporte
  17. Offline
    josmanmx 13 Agosto 2017 22:39
    + 0 -
    uy pues muy agradecido mens! :D
  18. Offline
    everti 13 Agosto 2017 22:01
    + 0 -
    Gran aporte, gracias!!!!
  19. Offline
    basurapamisi 13 Agosto 2017 19:44
    + 0 -
    Gracias por compartir!!!
  20. Offline
    Dignorah Polanco 13 Agosto 2017 16:23
    + 0 -
    Interesante aporte, gracias
  21. Offline
    download001 12 Agosto 2017 18:09
    + 0 -
    Gracias por compartir.
  22. Offline
    pascualhf3 12 Agosto 2017 11:50
    + 0 -
    muchas gracias
  23. Offline
    Ricard300 12 Agosto 2017 09:34
    + 0 -
    muchas gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  24. Offline
    AprendisWEB 12 Agosto 2017 04:27
    + 0 -
    gracias por el curso.
  25. Offline
    cotcho 12 Agosto 2017 04:26
    + 0 -
    gracias por el aporte
  26. Offline
    rgomezram 12 Agosto 2017 04:24
    + 0 -
    Gracias!!!!
  27. Offline
    data24 12 Agosto 2017 04:18
    + 0 -
    Gracias por el aporte
  28. Offline
    nick.lop 12 Agosto 2017 02:51
    + 0 -
    gracias por el aporte
  29. Offline
    al3xyn10r 12 Agosto 2017 02:26
    + 0 -
    Gracias muy bueno
  30. Offline
    phghost 11 Agosto 2017 19:04
    + 0 -
    Genial!!! gracias por compartirlo :D
  31. Offline
    the guardian 11 Agosto 2017 18:53
    + 0 -
    Muy buen material, gracias!
  32. Offline
    bocha10 11 Agosto 2017 18:48
    + 0 -
    Excelente!
    Muchas gracias
    --------------------
    El eterno Bocha, la Leyenda que vino de Zárate
  33. Offline
    Chris Bows 11 Agosto 2017 16:55
    + 0 -
    Sstupendo, muchas graciass.
  34. Offline
    morenasana 11 Agosto 2017 16:48
    + +1 -
    Muchas gracias!!!
    xxx
  35. Offline
    edwinlc 11 Agosto 2017 16:22
    + 0 -
    Muchas gracias
  36. Offline
    pedritos 11 Agosto 2017 16:09
    + 0 -
    Gracias por el aporte
  37. Offline
    profdesign 11 Agosto 2017 14:47
    + 0 -
    Buen aporte muchas gracias..
  38. Offline
    bug273 11 Agosto 2017 13:16
    + 0 -
    que bueno!! sunglasses
  39. Offline
    jimmynomi 11 Agosto 2017 12:42
    + 0 -
    Buen aporte muchas gracias
  40. Offline
    porta 11 Agosto 2017 11:41
    + 0 -
    genial gracias salu2
  41. Offline
    EECHMCV 11 Agosto 2017 11:40
    + 0 -
    Muchas Gracias, Excelente Aporte
  42. Offline
    Sathariel 11 Agosto 2017 11:16
    + 0 -
    por fin contenido de gulp!!! muchas gracias
  43. Offline
    pascualhf3 11 Agosto 2017 10:52
    + 0 -
    muchas gracias
  44. Offline
    jxdx 11 Agosto 2017 09:44
    + 0 -
    muchas gracias!!ª
  45. Offline
    kerberos 11 Agosto 2017 06:10
    + 0 -
    Gracias excelente aporte como siempre !
  46. Offline
    incognito300 11 Agosto 2017 04:34
    + 0 -
    Muchas gracias por compartir
    --------------------
    Gracias por Siempre
  47. Offline
    robinsonpc 11 Agosto 2017 02:39
    + 0 -
    gracias por el aporte
  48. Offline
    ches2409 11 Agosto 2017 02:12
    + 0 -
    muy bueno el contenido como siempre... pero porque no hay por torrent???... gracias
  49. Offline
    Huésped Cristian
    Huésped Cristian 11 Agosto 2017 02:01
    + 0 -
    Buenas, no habra mas bajadas via torren/magnetic? Saludos
  50. Offline
    siervo_esteb 11 Agosto 2017 01:51
    + 0 -
    buenisimo,gracias