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
DrupalDay
Tooling per il tema in Drupal 8
Tooling per il tema in Drupal 8
Wellnet srl
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
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Zilliz
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Deepika Singh
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
Zilliz
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Zilliz
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
apidays
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
Overkill Security
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Recently uploaded
(20)
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
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/