Submit Search
Upload
GruntJS + Wordpress
•
12 likes
•
2,680 views
Leonardo Balter
Follow
Apresentação feita no Intercon Dev Wordpress em 2013.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 24
Recommended
Herramientas front
Herramientas front
borya09
Create a RESTful API with NodeJS, Express and MongoDB
Create a RESTful API with NodeJS, Express and MongoDB
Hengki Sihombing
Javascript fullstasck
Javascript fullstasck
William Bruno Moraes
Let s Enjoy Node.js
Let s Enjoy Node.js
Fred Chien
System webpack-jspm
System webpack-jspm
Jesse Warden
Compressed js with NodeJS & GruntJS
Compressed js with NodeJS & GruntJS
David Nguyen
Create Rest API in Nodejs
Create Rest API in Nodejs
Irfan Maulana
Overview: How to Measure your WebApp
Overview: How to Measure your WebApp
Chang W. Doh
Recommended
Herramientas front
Herramientas front
borya09
Create a RESTful API with NodeJS, Express and MongoDB
Create a RESTful API with NodeJS, Express and MongoDB
Hengki Sihombing
Javascript fullstasck
Javascript fullstasck
William Bruno Moraes
Let s Enjoy Node.js
Let s Enjoy Node.js
Fred Chien
System webpack-jspm
System webpack-jspm
Jesse Warden
Compressed js with NodeJS & GruntJS
Compressed js with NodeJS & GruntJS
David Nguyen
Create Rest API in Nodejs
Create Rest API in Nodejs
Irfan Maulana
Overview: How to Measure your WebApp
Overview: How to Measure your WebApp
Chang W. Doh
Javascript Bundling and modularization
Javascript Bundling and modularization
stbaechler
Ansible
Ansible
gnosek
Automating Front-End Workflow
Automating Front-End Workflow
Dimitris Tsironis
Modern Development Tools
Modern Development Tools
Ye Maw
Node js实践
Node js实践
jay li
Building a REST API with Node.js and MongoDB
Building a REST API with Node.js and MongoDB
VivochaLabs
Building your own personal minion with grunt.js
Building your own personal minion with grunt.js
Brent Swisher
Getting Started with MongoDB and Node.js
Getting Started with MongoDB and Node.js
Grant Goodale
Complete MVC on NodeJS
Complete MVC on NodeJS
Hüseyin BABAL
Capistrano && SystemD
Capistrano && SystemD
Aleksandr Simonov
S&T What I know about Node 110817
S&T What I know about Node 110817
Dan Dineen
Create a module bundler from scratch
Create a module bundler from scratch
Sing Ming Chen
Node.js rulz! JavaScript takes over the full Stack
Node.js rulz! JavaScript takes over the full Stack
Adron Hall
Diving into Node with Express and Mongo
Diving into Node with Express and Mongo
Axilis
Welcome to ClojureScript
Welcome to ClojureScript
Ikuru Kanuma
Node.js and Ruby
Node.js and Ruby
Michael Bleigh
GDG Kraków - Intro to front-end automation using bower.js & grunt.js
GDG Kraków - Intro to front-end automation using bower.js & grunt.js
Dominik Prokop
ClojureScript@node
ClojureScript@node
Ikuru Kanuma
X3
X3
uupaa
Angular js, Yeomon & Grunt
Angular js, Yeomon & Grunt
Richard Powell
Wrangling the WordPress Template Hierarchy Like a Boss
Wrangling the WordPress Template Hierarchy Like a Boss
IntrepidRealist
Mastering Grunt
Mastering Grunt
Spencer Handley
More Related Content
What's hot
Javascript Bundling and modularization
Javascript Bundling and modularization
stbaechler
Ansible
Ansible
gnosek
Automating Front-End Workflow
Automating Front-End Workflow
Dimitris Tsironis
Modern Development Tools
Modern Development Tools
Ye Maw
Node js实践
Node js实践
jay li
Building a REST API with Node.js and MongoDB
Building a REST API with Node.js and MongoDB
VivochaLabs
Building your own personal minion with grunt.js
Building your own personal minion with grunt.js
Brent Swisher
Getting Started with MongoDB and Node.js
Getting Started with MongoDB and Node.js
Grant Goodale
Complete MVC on NodeJS
Complete MVC on NodeJS
Hüseyin BABAL
Capistrano && SystemD
Capistrano && SystemD
Aleksandr Simonov
S&T What I know about Node 110817
S&T What I know about Node 110817
Dan Dineen
Create a module bundler from scratch
Create a module bundler from scratch
Sing Ming Chen
Node.js rulz! JavaScript takes over the full Stack
Node.js rulz! JavaScript takes over the full Stack
Adron Hall
Diving into Node with Express and Mongo
Diving into Node with Express and Mongo
Axilis
Welcome to ClojureScript
Welcome to ClojureScript
Ikuru Kanuma
Node.js and Ruby
Node.js and Ruby
Michael Bleigh
GDG Kraków - Intro to front-end automation using bower.js & grunt.js
GDG Kraków - Intro to front-end automation using bower.js & grunt.js
Dominik Prokop
ClojureScript@node
ClojureScript@node
Ikuru Kanuma
X3
X3
uupaa
What's hot
(19)
Javascript Bundling and modularization
Javascript Bundling and modularization
Ansible
Ansible
Automating Front-End Workflow
Automating Front-End Workflow
Modern Development Tools
Modern Development Tools
Node js实践
Node js实践
Building a REST API with Node.js and MongoDB
Building a REST API with Node.js and MongoDB
Building your own personal minion with grunt.js
Building your own personal minion with grunt.js
Getting Started with MongoDB and Node.js
Getting Started with MongoDB and Node.js
Complete MVC on NodeJS
Complete MVC on NodeJS
Capistrano && SystemD
Capistrano && SystemD
S&T What I know about Node 110817
S&T What I know about Node 110817
Create a module bundler from scratch
Create a module bundler from scratch
Node.js rulz! JavaScript takes over the full Stack
Node.js rulz! JavaScript takes over the full Stack
Diving into Node with Express and Mongo
Diving into Node with Express and Mongo
Welcome to ClojureScript
Welcome to ClojureScript
Node.js and Ruby
Node.js and Ruby
GDG Kraków - Intro to front-end automation using bower.js & grunt.js
GDG Kraków - Intro to front-end automation using bower.js & grunt.js
ClojureScript@node
ClojureScript@node
X3
X3
Viewers also liked
Angular js, Yeomon & Grunt
Angular js, Yeomon & Grunt
Richard Powell
Wrangling the WordPress Template Hierarchy Like a Boss
Wrangling the WordPress Template Hierarchy Like a Boss
IntrepidRealist
Mastering Grunt
Mastering Grunt
Spencer Handley
An Introduction to AngularJs Unittesting
An Introduction to AngularJs Unittesting
Inthra onsap
Grunt js and WordPress
Grunt js and WordPress
WP Australia
WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt
WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt
Brajeshwar Oinam
Metadata and me
Metadata and me
Nick Sheppard
A Quick and Dirty D3.js Tutorial
A Quick and Dirty D3.js Tutorial
Young-Ho Kim
Come migliorare le performance di WordPress con il Visual Composer
Come migliorare le performance di WordPress con il Visual Composer
liciapelliconi.it
Javascript testing: tools of the trade
Javascript testing: tools of the trade
Juanma Orta
Using Composer to create manageable WordPress websites
Using Composer to create manageable WordPress websites
Anna Ladoshkina
WordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tables
Mauricio Gelves
JavaScript Test-Driven Development with Jasmine 2.0 and Karma
JavaScript Test-Driven Development with Jasmine 2.0 and Karma
Christopher Bartling
WordPress Template Hierarchy
WordPress Template Hierarchy
Sarah Whinnem
Getting Started With Grunt for WordPress Development
Getting Started With Grunt for WordPress Development
David Bisset
Viewers also liked
(15)
Angular js, Yeomon & Grunt
Angular js, Yeomon & Grunt
Wrangling the WordPress Template Hierarchy Like a Boss
Wrangling the WordPress Template Hierarchy Like a Boss
Mastering Grunt
Mastering Grunt
An Introduction to AngularJs Unittesting
An Introduction to AngularJs Unittesting
Grunt js and WordPress
Grunt js and WordPress
WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt
WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt
Metadata and me
Metadata and me
A Quick and Dirty D3.js Tutorial
A Quick and Dirty D3.js Tutorial
Come migliorare le performance di WordPress con il Visual Composer
Come migliorare le performance di WordPress con il Visual Composer
Javascript testing: tools of the trade
Javascript testing: tools of the trade
Using Composer to create manageable WordPress websites
Using Composer to create manageable WordPress websites
WordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tables
JavaScript Test-Driven Development with Jasmine 2.0 and Karma
JavaScript Test-Driven Development with Jasmine 2.0 and Karma
WordPress Template Hierarchy
WordPress Template Hierarchy
Getting Started With Grunt for WordPress Development
Getting Started With Grunt for WordPress Development
Similar to GruntJS + Wordpress
Get Grulping with JavaScript Task Runners (Matt Gifford)
Get Grulping with JavaScript Task Runners (Matt Gifford)
Future Insights
Grunt to automate JS build
Grunt to automate JS build
Tejaswita Takawale
Grunt All Day
Grunt All Day
douglasknudsen
Grunt & Front-end Workflow
Grunt & Front-end Workflow
Pagepro
Workshop 3: JavaScript build tools
Workshop 3: JavaScript build tools
Visual Engineering
2015 - Basta! 2015, DE: JavaScript und build
2015 - Basta! 2015, DE: JavaScript und build
Daniel Fisher
Automating WordPress Theme Development
Automating WordPress Theme Development
Hardeep Asrani
Workflow para desenvolvimento Web & Mobile usando grunt.js
Workflow para desenvolvimento Web & Mobile usando grunt.js
Davidson Fellipe
Npm scripts
Npm scripts
정윤 김
Let Grunt do the work, focus on the fun!
Let Grunt do the work, focus on the fun!
Dirk Ginader
Node js training (1)
Node js training (1)
Ashish Gupta
Node.js in action
Node.js in action
Simon Su
Get Grulping with JavaScript Task Runners
Get Grulping with JavaScript Task Runners
Matt Gifford
Tooling per il tema in Drupal 8
Tooling per il tema in Drupal 8
Wellnet srl
Tooling per il tema in Drupal 8
Tooling per il tema in Drupal 8
DrupalDay
Javascript is your (Auto)mate
Javascript is your (Auto)mate
Codemotion
Future of NodeJS
Future of NodeJS
Sébastien Pertus
Grunt.js and Yeoman, Continous Integration
Grunt.js and Yeoman, Continous Integration
David Amend
Angular2 ecosystem
Angular2 ecosystem
Kamil Lelonek
Front-end tools
Front-end tools
Gleb Vinnikov
Similar to GruntJS + Wordpress
(20)
Get Grulping with JavaScript Task Runners (Matt Gifford)
Get Grulping with JavaScript Task Runners (Matt Gifford)
Grunt to automate JS build
Grunt to automate JS build
Grunt All Day
Grunt All Day
Grunt & Front-end Workflow
Grunt & Front-end Workflow
Workshop 3: JavaScript build tools
Workshop 3: JavaScript build tools
2015 - Basta! 2015, DE: JavaScript und build
2015 - Basta! 2015, DE: JavaScript und build
Automating WordPress Theme Development
Automating WordPress Theme Development
Workflow para desenvolvimento Web & Mobile usando grunt.js
Workflow para desenvolvimento Web & Mobile usando grunt.js
Npm scripts
Npm scripts
Let Grunt do the work, focus on the fun!
Let Grunt do the work, focus on the fun!
Node js training (1)
Node js training (1)
Node.js in action
Node.js in action
Get Grulping with JavaScript Task Runners
Get Grulping with JavaScript Task Runners
Tooling per il tema in Drupal 8
Tooling per il tema in Drupal 8
Tooling per il tema in Drupal 8
Tooling per il tema in Drupal 8
Javascript is your (Auto)mate
Javascript is your (Auto)mate
Future of NodeJS
Future of NodeJS
Grunt.js and Yeoman, Continous Integration
Grunt.js and Yeoman, Continous Integration
Angular2 ecosystem
Angular2 ecosystem
Front-end tools
Front-end tools
More from Leonardo Balter
Unit testing
Unit testing
Leonardo Balter
Insustentavel js
Insustentavel js
Leonardo Balter
Guia de Sobrevivência JS no mundo Open Source
Guia de Sobrevivência JS no mundo Open Source
Leonardo Balter
Potencial de Vendas do e-Commerce no Frontend - WOB2012
Potencial de Vendas do e-Commerce no Frontend - WOB2012
Leonardo Balter
Testing sucks
Testing sucks
Leonardo Balter
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Leonardo Balter
Extreme Web Performance
Extreme Web Performance
Leonardo Balter
temp EWP
temp EWP
Leonardo Balter
Receita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front End
Leonardo Balter
Realize mais com HTML 5 e CSS 3 - EDTED / RS
Realize mais com HTML 5 e CSS 3 - EDTED / RS
Leonardo Balter
EDTED BH - HTML 5 e CSS 3 - Julho de 2011
EDTED BH - HTML 5 e CSS 3 - Julho de 2011
Leonardo Balter
WTF Javascript - FrontInRio 2011
WTF Javascript - FrontInRio 2011
Leonardo Balter
EDTED SP - HTML 5 e CSS 3 - Junho de 2011
EDTED SP - HTML 5 e CSS 3 - Junho de 2011
Leonardo Balter
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
Leonardo Balter
HTML 5 - Semana da Computação - UFF
HTML 5 - Semana da Computação - UFF
Leonardo Balter
More from Leonardo Balter
(15)
Unit testing
Unit testing
Insustentavel js
Insustentavel js
Guia de Sobrevivência JS no mundo Open Source
Guia de Sobrevivência JS no mundo Open Source
Potencial de Vendas do e-Commerce no Frontend - WOB2012
Potencial de Vendas do e-Commerce no Frontend - WOB2012
Testing sucks
Testing sucks
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Extreme Web Performance
Extreme Web Performance
temp EWP
temp EWP
Receita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front End
Realize mais com HTML 5 e CSS 3 - EDTED / RS
Realize mais com HTML 5 e CSS 3 - EDTED / RS
EDTED BH - HTML 5 e CSS 3 - Julho de 2011
EDTED BH - HTML 5 e CSS 3 - Julho de 2011
WTF Javascript - FrontInRio 2011
WTF Javascript - FrontInRio 2011
EDTED SP - HTML 5 e CSS 3 - Junho de 2011
EDTED SP - HTML 5 e CSS 3 - Junho de 2011
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
HTML 5 - Semana da Computação - UFF
HTML 5 - Semana da Computação - UFF
Recently uploaded
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
danishmna97
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Orbitshub
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
johnbeverley2021
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
WSO2
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
AnitaRaj43
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
apidays
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vázquez
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Orbitshub
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
UiPathCommunity
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
apidays
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Jago de Vreede
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
MIND CTI
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Sandro Moreira
Recently uploaded
(20)
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
GruntJS + Wordpress
1.
iMasters InterCon Dev
Wordpress
2.
@leobalter
3.
4.
5.
6.
• Concatena JS
e CSS • Minimiza JS e CSS • JSHint / JSLint • Sass / LESS / Compass • LiveReload • Testes Unitários JS (QUnit, Jasmine, etc) • etc, etc, etc Automação
7.
8.
w3 total cache?
9.
Instalação •Node.JS + NPM
(Node Package Manager) •npm install -g grunt-cli •npm install -g grunt-init
10.
11.
12.
2 arquivos •Gruntfile.js •package.json http://blog.caelum.com.br/automacao-de-build-de-front-end-com-grunt-js/
13.
module.exports = function(grunt)
{ grunt.initConfig({ uglify: { 'build/home.js': 'src/home.js', 'build/main.js': 'src/main.js' } }); // carrega plugins grunt.loadNpmTasks('grunt-contrib-uglify'); }; Gruntfile.js
14.
package.json { "name": "meu-tema", "version": "0.0.1" }
15.
Preguiça
16.
templates grunt-wp-plugin grunt-wp-theme
17.
git clone git@github.com:10up/grunt-wp-plugin.git
~/.grunt-init/wp-plugin git clone git@github.com:10up/grunt-wp-theme.git ~/.grunt-init/wp-theme
18.
19.
/assets .. /css .. ..
/src .. .. /sass .. /js .. .. /src /images .. /src /includes /languages .. theme.pot footer.php functions.php header.php humans.txt index.php screenshot.png style.css
20.
grunt-init wp-theme npm install
21.
grunt
22.
grunt watch
23.
24.
Links: • https://mondaybynoon.com/grunt- wordpress-theme-development/ • http://10up.com/blog/grunt-for-wordpress/ •
http://mattbanks.me/grunt-wordpress- development-deployments/